学习网站前端技术-每日签到

christinazzz · 发表于 2014-3-11 16:48:02

本帖最后由 christinazzz 于 2014-3-11 17:00 编辑

开场白

因为我觉得技术不行做网站很吃力，决定不用模板自己做一个网站，希望能够通过实践学习。
用的语言有:html, css, javascript，php，sql。

任务目标

总目标：

1. 阅读教程：
html css javascript 基础教程
《javascript DOM 编程艺术》《php和mysql web开发》

2. 完成网站功能
首页搜索页内容页
搜索功能注册登录功能评论功能社交网络分享功能
代码调试

3.完成网站内容
50篇日志

1~5日目标：
html css javascript基础教程
《php和mysql web开发》
首页搜索页内容页

5~10日目标：
搜索功能注册登录功能评论功能社交网络分享功能
代码调试

10~30日目标：
每日2~3篇日志

补充内容 (2014-3-12 22:56):
参考资料：
html css javascript ：http://www.w3school.com.cn/index.html

christinazzz · 发表于 2014-3-11 16:58:46

第1日
html                20%
css                   80%
javascript          0%
《javascript》 0%
《php》          0%

首页          20%（标题，导航，搜索，分页，内容列表，登录注册 html页面及初步css已完成）
搜索结果页 20%（标题，导航，搜索，分页，内容列表，登录注册 html页面及初步css已完成）
内容页       20%（标题，导航，搜索，详细内容，登录注册 html页面及初步css已完成）

月光飞燕 · 发表于 2014-3-11 18:51:12

学技术，主要是实践中练习，而且是长期的，不是短期集训可以成功的
建议找事做，比如做一整套模板就可以练习html css javascript
自己做网站开发，就可以练习php mysql

liwoonゞ · 发表于 2014-3-11 19:06:02

我是过来人，感觉不要在做网站上花太多的时间，以前就是花太多的时间学做网站，以至于到最后没有时间做内容，现在是后悔了，可以在实践中学习，直接用现成的CMS，只要学会HTML CSS 等，就可以在现有CMS的基础上修改，像WP，Joomla 等都是由全世界最好的程序员做的，我就不信你一个人的力量比上千人做的还好。

chommy · 发表于 2014-3-11 20:28:06

感觉楼主这是在舍本逐末啊，估计会跳进技术的大坑，坐等。。

Pascal · 发表于 2014-3-11 23:51:38

实际上楼主的想法和坚守不一定是舍本逐末的因为即使用现成的模板会发现需要自己摸索了解配置的东西太多  这仍旧花时间的

况且  现成的模板也无法解决所有问题比如要加一些控件之类的  想实现自己期望的功能的如同一个团队的ceo  空降兵往往不应能管好新团队而往往内生的ceo管的更好

学前端  了解更多  对以后的问题也许更容易把握与解决    人和人的方式与道路往往有差别的  不能那个一概而论

我认为楼主该按照自己的方式来做

Ginenm · 发表于 2014-3-12 03:59:01

Pascal 发表于 2014-3-11 23:51 4 l/ b, }1 E9 L$ r' x: j! K
实际上楼主的想法和坚守不一定是舍本逐末的因为即使用现成的模板会发现需要自己摸索了解配置的东西 ...

按照自己的方式来做吧！其实我先在也是这样

靠着ps ai吃饭最初也只是想把图片诱惑力度更大些

然后这个兼职学着探索着。。。

lanmao1 · 发表于 2014-3-12 06:26:55

学习的东西能不能提供下载，让我们也学习一下，早就想学

facebook · 发表于 2014-3-12 09:47:43

可以边做站边学习的，单独学习会有点枯燥

ryan2101 · 发表于 2014-3-12 13:31:44

编程类光学不练没有多大意义

鍋子 · 发表于 2014-3-12 22:45:28

樓主的做法從我個人來說，還是很理解的，因為有時候一些需要的功能，現有的程序並不一定有，所以有自主開發能力的還是自主開發為好，這樣比較符合自己的想法

christinazzz · 发表于 2014-3-12 22:49:53

本帖最后由 christinazzz 于 2014-3-12 22:52 编辑

第2日
目标修改：
登录页面，注册页面——昨天写计划的时候居然忘了，赶紧填上
《php》前四篇（使用php，使用mysql，电子商务与安全性，php的高级技术）——我拿到书了，只是这也太厚了，稍微减点任务量吧。
目标完成：
html                20%
css                   80%
javascript          0%
《javascript》 0%
《php》          10%

首页          20%（标题，导航，搜索，分页，内容列表，登录注册 html页面及初步css已完成）
搜索结果页 20%（标题，导航，搜索，分页，内容列表，登录注册 html页面及初步css已完成）
内容页       20%（标题，导航，搜索，详细内容，登录注册 html页面及初步css已完成）
登录页面    20%（标题，导航，搜索，登录表单 html页面，初步css及javascript表单验证已完成）
注册页面    20%（标题，导航，搜索，注册表单 html页面，初步css及javascript表单验证已完成）

谢谢大家的支持。
学技术确实是一件长期的工作。我之前也学习过 html和css的相关知识，因为是用到哪个知识点就学哪个知识点，掌握就不牢固。这次我就希望系统的学习一下，这样看代码的时候就不用再花时间查书了，有什么需要修改的地方也不会太茫然。
我也试过wordpress，但是不会php就有点无从下手的感觉。
我的计划是通过一个只有简单功能的博客，学习实现网站的基础。感觉其实网站的结构都差不多，功能模块也就那么几种，理解了一个网站就能理解其他网站。每个功能肯定都有很多种实现的方法，我可以以后再学习。

christinazzz · 发表于 2014-3-12 23:07:54

lanmao1 发表于 2014-3-12 06:26
: |6 L5 f& N, R7 h8 s. v- r学习的东西能不能提供下载，让我们也学习一下，早就想学

html css 和javascript 入门都可以用w3school的教程，这个网站教程非常容易阅读，也方便查询，而且大多数代码都可以演示效果，还可以修改。http://www.w3school.com.cn/index.html
我列在上面的两本书都是买的实体书，一个250多页，一个600页左右，用pdf看下来，微伤眼

jiangqqqq · 发表于 2014-3-13 23:57:30

我也觉得内容更加重要，贵在坚持

晴空万里 · 发表于 2014-3-14 10:02:01

加油加油加油，支持一下下啦~

晴空万里 · 发表于 2014-3-14 10:02:44

liwoonゞ发表于 2014-3-11 19:06 : S, `' R3 C/ u; k3 g8 R1 P4 _
我是过来人，感觉不要在做网站上花太多的时间，以前就是花太多的时间学做网站，以至于到最后没有时间做内容 ...

犀利。。。。。。。。。。。。。。。。。

christinazzz · 发表于 2014-3-17 17:48:52

这个，周四周五忙别的事来着。周六又陪老妈出去了一天。
先把签到补上。

christinazzz · 发表于 2014-3-17 17:50:28

第3日
目标完成：
无

christinazzz · 发表于 2014-3-17 17:51:10

第4日
目标完成：
无

christinazzz · 发表于 2014-3-17 17:52:19

第5日
目标完成：
无

christinazzz · 发表于 2014-3-17 18:23:50

本帖最后由 christinazzz 于 2014-3-17 18:37 编辑

第6日

看了ADbb同学的帖子，重新设计了一下页面
http://www.cnwebmasters.com/forum.php?mod=viewthread&tid=113931

目标完成：
建立数据库       100%
链接数据库       100%
按关键词查询    100%
多条件查询       100%
登录功能          80%（希望做出登录或者注册后回到原页面的功能，但是不知道该怎么获取原页面的url）
注册功能          80%
分页功能          100%
显示评论          80%（评论功能还比较粗糙）
添加评论功能    70%（同上）
回到顶部功能    100%（这个需要导入iquery）
分享按钮          50%（用的百度分享功能可以用，但是外观很奇怪，不知道是哪里出错了）

参考资料：
登录注册教程：http://www.5idev.com/p-php_user_reg_login.shtml
分页技术：http://www.5idev.com/p-php_page.shtml
5idev的这几个教程对初学者很有用，特别详细，讲解清楚
评论教程：http://www.idashu.me/PHP-comment-function.html
评论的主要功能都出来了，照着做就行了
回到顶部按钮：http://www.neoease.com/fixed-go-top-button-to-browser-window-with-jquery/
直接用博主写的代码就行了，有个小错误，注意看评论
百度分享：http://share.baidu.com/code

christinazzz · 发表于 2014-3-17 20:21:10

第7日
html教程 100%

billy · 发表于 2014-3-18 13:57:38

php教程里《细说php》这本不错，有很多php教程都不适合自学。

christinazzz · 发表于 2014-3-19 07:35:00

billy 发表于 2014-3-18 13:57 * k2 y. q9 C3 @5 N
php教程里《细说php》这本不错，有很多php教程都不适合自学。

谢谢推荐，不过我已经买了一本php的书了。我先试着看看，如果不能解决问题的话，我再试试你推荐的这本。

christinazzz · 发表于 2014-3-19 07:38:00

第7日
目标完成：
css教程 30%

christinazzz · 发表于 2014-3-20 02:03:15

第8日
目标完成：
一篇文章

aisinvon · 发表于 2014-3-21 19:16:42

偶觉得楼主还不如把这精力放在建niche站上, 技术的影响很小

jenny007 · 发表于 2014-3-21 19:21:27

我很佩服能够坚持的人，希望楼主能坚持下去
其实做任何事都需要坚持，只有长久专注才能得到你想要的结果

christinazzz · 发表于 2014-3-22 22:03:37

第9日
目标完成：
无

christinazzz · 发表于 2014-3-22 22:05:14

本帖最后由 christinazzz 于 2014-3-22 22:08 编辑

第10日
目标完成：

2篇日志

加入bootstrap框架 80%

参考资料：
bootstrap官方文件：http://v3.bootcss.com/getting-started/

apple2013 · 发表于 2014-3-22 22:09:40

你是自学的吗？学这个很枯燥，需要意识坚强才行。。。。

christinazzz · 发表于 2014-3-22 23:11:22

apple2013 发表于 2014-3-22 22:09
: S+ m5 o+ q8 a, M+ m# r2 H0 P' N4 O7 h你是自学的吗？学这个很枯燥，需要意识坚强才行。。。。

我是自学的。我觉得有成就感的话，不会觉得枯燥。

apple2013 · 发表于 2014-3-23 12:39:03

christinazzz 发表于 2014-3-22 23:11 - C. P- C! c0 [
我是自学的。我觉得有成就感的话，不会觉得枯燥。

继续努力吧，支持你。。。。。。。。。。。。。

jason735 · 发表于 2014-3-23 13:42:59

这是要做程序猿的节奏，小伙子学这么不容易啊

SeasonTea · 发表于 2014-7-25 14:57:28

我觉得学习技术永远是核心生产力。有了技术可以实现很多模版不具备的功能，从niche author站向更强大的2.0站进发。

向楼主致敬。不过有经济压力的情况下一般大家会做点来钱快的事情。

爱你的涟漪 · 发表于 2014-7-25 20:37:38

学完html+css的路过
,,,,,,,,,,,,,,,,,,,

天路 · 发表于 2014-7-25 20:56:42

楼主，想做网做，现在网上有一种花几百玩，可以自己设置网页，只要做打字就可以了

，

在路上的呆呆 · 发表于 2014-10-9 09:50:40

技术大牛还是挺好的

逆境历练 · 发表于 2014-10-10 19:01:05

挣钱是目的，技术是手段，专门学一门技术很枯燥，有目的的学最好，要不很累，很难坚持。。。

新成 · 发表于 2014-10-22 16:48:42

边学边做这样好点吧..........................

minlab · 发表于 2014-10-22 17:07:18

哈哈到此一游，可惜楼主已经倒下了

myxiu10000 · 发表于 2014-10-22 17:59:23

后面三个比较麻烦

新成 · 发表于 2014-10-22 20:28:19

坚持吧好好坚持下去啊

阿亮 · 发表于 2014-10-24 10:43:36

赚钱最重要，技术慢慢学习吧

新成 · 发表于 2014-10-24 18:00:02

加油！学点东西真多啊！…………

lanmao1 · 发表于 2014-11-6 10:45:38

很详细啊，进来学习一下

xxwzdc · 发表于 2014-11-6 21:30:57

还是一步一步的做比较好

[30天任务] 学习网站前端技术-每日签到

点评

评分

评分

点评

评分

评分

本帖子中包含更多资源

评分