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

christinazzz

. T8 J0 n  R- z. L. r
开场白
5 ^! n$ q) l  H3 @
( u& D+ p: V; U# g因为我觉得技术不行做网站很吃力，决定不用模板自己做一个网站，希望能够通过实践学习 。
用的语言有:html, css, javascript，php，sql。

5 l/ n2 t2 c" a( ^7 ^' d任务目标
) g* b" [; [$ v) S+ [" Z
总目标：

1. 阅读教程：
  h. W: v& y0 L" f9 Y  R% r. W$ Nhtml css javascript 基础教程
《javascript DOM 编程艺术》《php和mysql web开发》

2. 完成网站功能
' _1 E8 ~7 O1 A: o8 ]首页 搜索页 内容页
搜索功能 注册登录功能 评论功能 社交网络分享功能
代码调试

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

' _& a4 M6 a$ z2 N" Y+ S1~5日目标：
html css javascript基础 教程
, O  O( S3 ^0 H0 c9 p" `《php和mysql web开发》
首页 搜索页 内容页

) t$ t; H- E& r$ @  `5~10日目标：
搜索功能 注册登录功能 评论功能 社交网络分享功能
代码调试

# `) {* w3 |8 y7 s3 |9 N10~30日目标：
每日2~3篇 日志



补充内容 (2014-3-12 22:56):
" S& {" o$ ^' X9 r, L: a参考资料：
( E! w- Z0 W1 X, j  E0 ?html css javascript ：http://www.w3school.com.cn/index.html

christinazzz

第1日
html                  20%
% V- L% e7 U& J, bcss                    80%
javascript           0%
6 U) z# y/ d1 q' |1 R6 t+ R' N《javascript》    0%
) Z* y7 L% N! L《php》             0%

首页             20%（标题，导航，搜索，分页，内容列表，登录注册 html页面及初步css已完成）
搜索结果页   20%（标题，导航，搜索，分页，内容列表，登录注册 html页面及初步css已完成）
' ^: s0 c5 B/ J6 a3 \/ l  J5 d内容页          20%（标题，导航，搜索，详细内容，登录注册 html页面及初步css已完成）
  N& v2 ~9 n. t! |
$ |: K4 f# `9 T$ p  w0 \/ A

月光飞燕

学技术，主要是实践中练习，而且是长期的，不是短期集训可以成功的
  _$ i1 Y7 q# p0 Q) e0 p  i/ P5 c- q; M建议找事做，比如做一整套模板就可以练习html css javascript
8 ?9 S; p, |2 Z5 ]! r4 s/ Q+ c自己做网站开发，就可以练习php mysql

liwoonゞ

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

chommy

感觉楼主这是在舍本逐末啊，估计会跳进技术的大坑，坐等。。
6 D& g6 g  k& [

Pascal

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

况且  现成的模板也无法解决所有问题   比如要加一些控件之类的  想实现自己期望的功能的   如同一个团队的ceo  空降兵往往不应能管好新团队   而往往内生的ceo管的更好   
2 m. ]7 R: Y  t# z$ V
学前端  了解更多  对以后的问题也许更容易把握与解决     人和人的方式与道路往往有差别的  不能那个一概而论     
9 D! [# {# F* P) \0 i. z* B
我认为 楼主该按照自己的方式来做

Ginenm

Pascal 发表于 2014-3-11 23:51
' ?" x  t# ^7 q实际上 楼主的想法和坚守 不一定是舍本逐末的   因为即使用现成的模板 会发现需要自己摸索 了解 配置的东西 ...

按照自己的方式来做吧！其实我先在也是这样
$ y* C  n# T/ l; \3 N7 m
靠着ps  ai吃饭  最初也只是想把图片诱惑力度更大些
6 Y1 n0 Q. d4 D( @& a
; m$ i! k5 Q! m  @6 h然后这个兼职学着 探索着。。。

2 Q2 p' W* f8 p) ?  V

lanmao1

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

facebook

可以边做站边学习的，单独学习会有点枯燥
9 G! |1 O9 D% p! b

ryan2101

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

鍋子

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

christinazzz

& W+ z7 Y! k6 z0 K" p" m- Z
第2日
; a  c& z% A& t$ c+ c/ k目标修改：
登录页面，注册页面——昨天写计划的时候居然忘了，赶紧填上
《php》前四篇（使用php，使用mysql，电子商务与安全性，php的高级技术）——我拿到书了，只是这也太厚了，稍微减点任务量吧。
& m/ l" M+ b: _目标完成：
html                  20%
: L6 b: t/ l: q, tcss                    80%
. C; P- i7 D; y5 C0 i- v, Ujavascript           0%
《javascript》    0%
《php》             10%

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

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


# K) a& L; u8 e0 Q0 P
) ~/ U* p$ l+ I( {/ `

christinazzz

lanmao1 发表于 2014-3-12 06:26
" h& R+ {7 q* f' t学习的东西能不能提供下载，让我们也学习一下，早就想学

html css 和javascript 入门都可以用w3school的教程，这个网站教程非常容易阅读，也方便查询，而且大多数代码都可以演示效果，还可以修改。http://www.w3school.com.cn/index.html
我列在上面的两本书都是买的实体书，一个250多页，一个600页左右，用pdf看下来，微伤眼
7 N; Z4 a, C: U8 A$ C( m' r
8 j, I% D7 d3 F  J! ~& ^4 Z

jiangqqqq

我也觉得内容更加重要，贵在坚持
7 s( m; l6 R1 M) i: F+ H& R+ F

晴空万里

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

晴空万里

liwoonゞ 发表于 2014-3-11 19:06
我是过来人，感觉不要在做网站上花太多的时间，以前就是花太多的时间学做网站，以至于到最后没有时间做内容 ...

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

christinazzz

这个，周四周五忙别的事来着。周六又陪老妈出去了一天。
先把签到补上。
  _6 c/ Z2 j# z: x

christinazzz

第3日
; ^) i7 W8 s; D* O9 q3 Y* x) q6 w% Q! l目标完成：
, r1 H  M# F) j6 p3 ]* }& N0 I- T无
# a& c( P/ q: J" b7 j& P# n
* }$ i6 d4 B7 K6 q" X% `
9 H; A1 l- H) y! \+ o
2 T, W+ ?( Y7 n0 A$ g
( j/ I% Y7 h: z% P0 x  @6 A

christinazzz

第4日
目标完成：
无

christinazzz

第5日
目标完成：
无
5 f" d6 M. S9 r: R

christinazzz

第6日
' A+ d; B2 J* H4 z: w# V
+ c. F# r5 d* C, J# K% _看了ADbb同学的帖子，重新设计了一下页面
http://www.cnwebmasters.com/forum.php?mod=viewthread&tid=113931
! K- ^% I& S2 W8 }- L: f  L
) x8 Z' `% [% t& r4 _4 h7 o目标完成：
: Y! ]$ a, U5 x3 S建立数据库        100%
链接数据库        100%
6 u' W2 b& Y# D: y5 k按关键词查询     100%
多条件查询        100%
* m5 p! N- ?: z登录功能            80%（希望做出登录或者注册后回到原页面的功能，但是不知道该怎么获取原页面的url）
- s9 L, d8 w5 A) ~( C注册功能            80%
! H9 Z6 N) d1 l( o分页功能            100%
+ \; i4 X1 i9 }& Q" V4 {+ \显示评论            80%（评论功能还比较粗糙）
添加评论功能     70%（同上）
; E# t/ j" T, O0 ]' h. v回到顶部功能     100%（这个需要导入iquery）
; K- G; i: @3 x# g* S1 y分享按钮            50%（用的百度分享 功能可以用，但是外观很奇怪，不知道是哪里出错了）

参考资料：
登录注册教程：http://www.5idev.com/p-php_user_reg_login.shtml
分页技术：http://www.5idev.com/p-php_page.shtml
' Q7 f/ |2 o7 ^3 _9 x, `" n) B5idev的这几个教程对初学者很有用，特别详细，讲解清楚
  S7 u3 r6 }5 L0 Y/ n. l评论教程：http://www.idashu.me/PHP-comment-function.html
( }. x- Y0 v+ `$ o$ F0 w评论的主要功能都出来了，照着做就行了
) z3 V' q/ T/ _; C- \! W% h" p! j回到顶部按钮：http://www.neoease.com/fixed-go-top-button-to-browser-window-with-jquery/
. x: L. |4 P% p3 h* X1 O  s直接用博主写的代码就行了，有个小错误，注意看评论
百度分享：http://share.baidu.com/code
0 T9 \1 O" C" y  z. k

christinazzz

第7日
html教程    100%
3 s/ N6 d# \7 Q

billy

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

christinazzz

billy 发表于 2014-3-18 13:57
& T  I/ ~& L( h7 v1 Rphp教程里《细说php》这本不错，有很多php教程都不适合自学。

, q, Z8 A# J" M3 n  W谢谢推荐，不过我已经买了一本php的书了。我先试着看看，如果不能解决问题的话，我再试试你推荐的这本。

christinazzz

第7日
# R3 i: A! @, x: X) k6 a- P- J! y1 Q目标完成：
& U' \) E* u+ L2 ncss教程    30%

christinazzz

5 h2 O9 }! i" `! P1 h& A5 H第8日
: A4 o% \  o4 e" o+ W9 I目标完成：
4 z- x( D: @* |2 c一篇文章

aisinvon

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

jenny007

我很佩服能够坚持的人，希望楼主能坚持下去
& {) n; ~8 }* F( z其实做任何事都需要坚持，只有长久专注才能得到你想要的结果
' @) e8 V2 \+ J9 P- l0 D! n! o7 @

christinazzz

第9日
/ o4 M# I/ m  H目标完成：
无

christinazzz

% h- h* E  v; e2 Q# |9 W' Q( U第10日
目标完成：

2篇日志

加入bootstrap框架 80%
# z8 ]8 I; F, R! O
% w5 c- a% U6 \+ r) l, [参考资料：
1 q# M; q/ n+ F( l, xbootstrap官方文件：http://v3.bootcss.com/getting-started/
5 X- c: m! N' e7 r' Z( K) r

apple2013

你是自学的吗？学这个很枯燥，需要意识坚强才行。。。。
. p: W/ w' c2 Z4 S( v' z! m

christinazzz

apple2013 发表于 2014-3-22 22:09
你是自学的吗？学这个很枯燥，需要意识坚强才行。。。。

7 s) l8 ~) d# @# o, L, Z7 _" W我是自学的。我觉得有成就感的话，不会觉得枯燥。

0 P  V- u. S% W- u

apple2013

christinazzz 发表于 2014-3-22 23:11
6 }5 }& y" H7 b# P# C' W4 |我是自学的。我觉得有成就感的话，不会觉得枯燥。

/ j( D+ w& Y6 V" a8 r继续努力吧，支持你。。。。。。。。。。。。。
' [8 H; ^- S6 P/ b  S3 q9 S; X: t( ~
2 u1 g8 H6 q8 M# h* C* ~# n' ?, }

jason735

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

SeasonTea

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

* U1 [8 K- U6 V0 u3 }0 Z% R/ j向楼主致敬。不过有经济压力的情况下一般大家会做点来钱快的事情。

/ @" |. J# N1 m0 y, G  i

爱你的涟漪

学完html+css的路过
: `9 }) J  a' u* v) X$ K& _+ },,,,,,,,,,,,,,,,,,,

天路

楼主，想做网做，现在网上有一种花几百玩，可以自己设置网页，只要做打字就可以了，
5 [8 q$ s0 i0 d5 ~! g7 f3 ^+ C) M

在路上的呆呆

技术大牛还是挺好的
5 [* Q1 A: o2 `- R2 `

逆境历练

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

新成

边学边做这样好点吧..........................
6 K5 L# M5 w- ~& H

minlab

哈哈 到此一游，可惜楼主已经倒下了
" b1 ]3 C6 m4 Q2 F( \# y) T& l0 p

myxiu10000

         后面三个比较麻烦

新成

坚持吧   好好坚持下去啊
3 ^3 V) H, v8 h4 e9 }

阿亮

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

新成

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

lanmao1

很详细啊，进来学习一下
+ J0 E8 B2 s) \' b

xxwzdc

还是一步一步的做比较好