当前位置:首页 > 试炼执行 > 正文内容
三月11日

时间:2014-03-11 14:38

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

0
分类:试炼执行 | 评论:0人 | 浏览:100次   

开场白

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

任务目标+ Q3 ]9 P& n4 Y; G8 m( Q- a

总目标:8 W% `2 W) H/ B; C) {4 ?9 Y

1. 阅读教程:
html css javascript 基础教程
《javascript DOM 编程艺术》《php和mysql web开发》
4 t; P8 d* G’ N2 h
2. 完成网站功能” `) x8 W! d1 L+ r. O. x. z! l
首页 搜索页 内容页 3 @- }* A% q( K7 z- V8 y: ]6 G
搜索功能 注册登录功能 评论功能 社交网络分享功能
代码调试
. I- ]0 e7 m5 E4 A! ^2 e3 s
3.完成网站内容
50篇 日志1 L’ F6 x5 H5 `0 }
” f& M” i; s9 D( k! H- o0 J
1~5日目标:
html css javascript基础 教程 9 o; Z  ]* \; s’ p! ~5 t# K’ p
《php和mysql web开发》
首页 搜索页 内容页7 S. a& z’ |* E+ A; G
& Y” i% r& B( x- `9 N) T# m6 N
5~10日目标:) g& m9 M4 Z- v) J, d; t/ Z9 F
搜索功能 注册登录功能 评论功能 社交网络分享功能9 H( B3 D, p2 X# R’ d# L! S0 L
代码调试/ r# K: x6 [% o! z3 [” ~+ O) z’ L$ }

10~30日目标:3 `; r6 r; @6 l2 z4 |: \  I  _# |
每日2~3篇 日志
4 F’ u’ @” A% T+ e% M. T- Q) d+ T* a$ O* ^7 j
补充内容 (2014-3-12 22:56):
参考资料:
html css javascript :http://www.w3school.com.cn/index.html

 

2014-3-11 16:58:46

第1日
html   20%
css   80%
javascript   0%
《javascript》   0%
《php》   0%
( N6 A) A0 h  Q& Q2 Y$ r” f
首页             20%(标题,导航,搜索,分页,内容列表,登录注册 html页面及初步css已完成), b/ ]% s6 U/ Z8 T$ V) l
搜索结果页   20%(标题,导航,搜索,分页,内容列表,登录注册 html页面及初步css已完成): b4 Q4 K$ u9 `. D! K7 s; T
内容页          20%(标题,导航,搜索,详细内容,登录注册 html页面及初步css已完成)
* y’ O7 N$ t$ H3 N% v

2014-3-11 18:51:12

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

2014-3-11 19:06:02

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

2014-3-11 23:51:38

友人:
实际上 楼主的想法和坚守 不一定是舍本逐末的   因为即使用现成的模板 会发现需要自己摸索 了解 配置的东西 太多  这仍旧花时间的8 C. K* t( `, w: ^6 E, q, t
况且  现成的模板也无法解决所有问题   比如要加一些控件之类的  想实现自己期望的功能的   如同一个团队的ceo  空降兵往往不应能管好新团队   而往往内生的ceo管的更好   + Q% }- b5 U$ v# i. c( H, [* Z+ ]  U8 s# g
学前端  了解更多  对以后的问题也许更容易把握与解决     人和人的方式与道路往往有差别的  不能那个一概而论

 

2014-3-12 22:49:53

第2日
目标修改:; V( _  H) m, D
登录页面,注册页面——昨天写计划的时候居然忘了,赶紧填上
《php》前四篇(使用php,使用mysql,电子商务与安全性,php的高级技术)——我拿到书了,只是这也太厚了,稍微减点任务量吧。
目标完成:3 y% v. }1 \( f! W$ F& B$ E+ ]
html                  20%
css                    80%& l/ p7 E9 `- s+ J( e. }4 Q  s$ h( ?
javascript           0%7 `% c! i. O; {5 h. h+ e’ v
《javascript》    0%
《php》             10%
+ E% Y2 t7 K$ M4 s
首页             20%(标题,导航,搜索,分页,内容列表,登录注册 html页面及初步css已完成)
搜索结果页   20%(标题,导航,搜索,分页,内容列表,登录注册 html页面及初步css已完成)
内容页          20%(标题,导航,搜索,详细内容,登录注册 html页面及初步css已完成)( W% i8 t: F- _; G
登录页面      20%(标题,导航,搜索, 登录表单 html页面,初步css及javascript表单验证已完成 )
注册页面      20%(标题,导航,搜索,注册表单 html页面,初步css及javascript表单验证已完成)3 W& L+ u) d/ k# ^$ ~! n
% |/ o3 `( L+ M” n5 S; C
学技术确实是一件长期的工作。我之前也学习过 html和css的相关知识,因为是用到哪个知识点就学哪个知识点,掌握就不牢固。这次我就希望系统的学习一下,这样看代码的时候就不用再花时间查书了,有什么需要修改的地方也不会太茫然。& C# J9 w: o- Q: ]! L& @) g
我也试过wordpress,但是不会php就有点无从下手的感觉。9 O5 [$ d- |3 ~0 g5 ?% J+ z& z
我的计划是通过一个只有简单功能的博客,学习实现网站的基础。感觉其实网站的结构都差不多,功能模块也就那么几种,理解了一个网站就能理解其他网站。每个功能肯定都有很多种实现的方法,我可以以后再学习。% C$ s3 o  

html css 和javascript 入门都可以用w3school的教程,这个网站教程非常容易阅读,也方便查询,而且大多数代码都可以演示效果,还可以修改。http://www.w3school.com.cn/index.html$ H, }, S2 [$ G- I7 X- e: y
我列在上面的两本书都是买的实体书,一个250多页,一个600页左右,用pdf看下来,微伤眼# A. p* X1 O  c3 H( Z

 

2014-3-17 18:23:50

第6日
目标完成:8 V7 p4 |7 V- D1 _2 H” ^4 a
建立数据库        100%, f# n4 D: T: j3 t
链接数据库        100%
按关键词查询     100%# d* E! l, C& u& _’ O2 l
多条件查询        100%# J! w/ i# [! c9 `) R
登录功能            80%(希望做出登录或者注册后回到原页面的功能,但是不知道该怎么获取原页面的url)
注册功能            80%
分页功能            100%/ s3 v2 i$ [” o0 x
显示评论            80%(评论功能还比较粗糙). w. a; q- N$ h2 z
添加评论功能     70%(同上)3 v” i/ I7 Y- P  }( I2 K
回到顶部功能     100%(这个需要导入iquery)9 Z) o$ |5 U$ n! u  r5 w1 a7 a
分享按钮            50%(用的百度分享 功能可以用,但是外观很奇怪,不知道是哪里出错了)  O  I4 H; b5 n6 J
& Z, ], {, K- c& N* J+ N: N- ~
参考资料” `” H) l  q/ h
登录注册教程:http://www.5idev.com/p-php_user_reg_login.shtml
分页技术:http://www.5idev.com/p-php_page.shtml. w* N6 O4 C. z; F3 h5 P
5idev的这几个教程对初学者很有用,特别详细,讲解清楚” |, ^4 I/ \4 D0 O8 }2 f
评论教程:http://www.idashu.me/PHP-comment-function.html
评论的主要功能都出来了,照着做就行了‘ w; O; L5 _+ T2 g0 i& n) N0 O% Q
回到顶部按钮:http://www.neoease.com/fixed-go-top-button-to-browser-window-with-jquery/
直接用博主写的代码就行了,有个小错误,注意看评论
百度分享:http://share.baidu.com/code

 

2014-3-19 07:38:00

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

2014-3-20 02:03:15

第8日
目标完成:& ~- i” q, S7 }
一篇文章4 r  T. Z/ ]+ t& G8 R  ?

 

2014-3-22 22:05:14

第10日( c2 c3 ?  t; M( r- f
目标完成:5 q( ^) Q# Q. p) L
2篇日志9 o” I0 Y” P& x( r8 X. H
加入bootstrap框架 80%: [0 p9 v! I# w0 U3 L3 i4 U% k! c1 }
参考资料:
bootstrap官方文件:http://v3.bootcss.com/getting-started/‘ H7 D& w. t8 T2 B* n

 

 

来源:Dashu.info(微信号/QQ号:43318553),转载请注明出处,谢谢!

  • 评论:(0)
  • 有图有真相

已有 0 位网友发表了一针见血的评论,你还等什么?

◎页面往下拉吧,有更多精彩评论!(禁止无中文的评论内容!)

站内搜索

css.php

无觅相关文章插件,快速提升流量