初入Web前端小白前来发表自己学习一周的理解

初入Web前端小白前来发表自己学习一周的理解

首先了解什么是前端

前端是指用户能看到的,移动端,pc,tv,车载上面的画面,我们要做的就是将各种图片组合,加上链接,使其成一个网页,供用户翻阅,浏览。

其次了解网站的开发流程

网站的开发流程分为六个部分,分别是需求分析、设计、编码、测试、上线、维护。

  1. 需求分析:产品经理或售前开发工程师针对项目实施规划。
  2. 设计:由UI工程师设计网络上面的图片,商标等。
  3. 编码:码就是我们前端工程师根据据需求分析,利用UI给我们的资源来编写代码,使用户能够看见。
  4. 测试:由测试工程师实施,测试并找到bug交由前端修改。
  5. 上线:产品测试无误之后,与后台连接,然后上线。
  6. 维护:后期的网站更新,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
严格型
如果没有文档头的话会转化成浏览器的怪异模式,向下开启了一种兼容模式的渲染,也就是说很多的交互动作或者特效不能够显示出来。
以上就是我学习一周的心得,以后每周都会有更新,希望能够得到各位大牛的指点。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值