初入Web前端小白前来发表自己学习一周的理解
首先了解什么是前端
前端是指用户能看到的,移动端,pc,tv,车载上面的画面,我们要做的就是将各种图片组合,加上链接,使其成一个网页,供用户翻阅,浏览。
其次了解网站的开发流程
网站的开发流程分为六个部分,分别是需求分析、设计、编码、测试、上线、维护。
- 需求分析:产品经理或售前开发工程师针对项目实施规划。
- 设计:由UI工程师设计网络上面的图片,商标等。
- 编码:码就是我们前端工程师根据据需求分析,利用UI给我们的资源来编写代码,使用户能够看见。
- 测试:由测试工程师实施,测试并找到bug交由前端修改。
- 上线:产品测试无误之后,与后台连接,然后上线。
- 维护:后期的网站更新,bug修复等。
我的学习心得
学习前端最开始接触的不是代码,而是对于网页框架的理解,这里面我们就会用到Axure软件,通过这个软件来对网页的布局有一个初步的了解。
1.一个基本的网站的结构分为头部、内容、导航栏、尾部以及公共部分。
2.通过Axure来制作原型图就是对网站基本结构有一个了解,在Axure中每一个部分都是由一个大框套一个小框,组成一个部分,这就和后面编程时使用div构架一个网页布局是一个道理。当我们了解了一个网页的基本布局之后,就可以尝试使用代码来将圆形图变成一个真正的网站了。
3.接下来就是了解html,那么什么是html呢?html(Hypertext Markup Language)超文本链接标示语言,它是标记、标签。是整个网页的根标签,只有一对,它相对于Axure来说html更具有结构化、后期维护方便、可以方便做更多的特效和交互。
4.html到目前为止我们在使用的文档类型有五个:
<!DOCTYPE html> html5严格型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html4 过渡性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xhtml 过渡性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
xhtml 严格型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html4 严格型
文档类型
html4
过渡性
严格型
XHTML
过渡性
严格型
html5
严格型
如果没有文档头的话会转化成浏览器的怪异模式,向下开启了一种兼容模式的渲染,也就是说很多的交互动作或者特效不能够显示出来。
以上就是我学习一周的心得,以后每周都会有更新,希望能够得到各位大牛的指点。