网页制作需要学习些什么?


开门见山吧 。
1、软件选择
常用的有dreamweaver, expression blender等 。建议先学习dreamweaver 。dreamweaver自带的代码提示功能与可视视图 。对于小白来说 。是个容易上手的工具 。
2、书本与网络教程
书本先熟悉html标签与css语言的用法 。书本上的实例 。跟着做 。有时间经常做练习 。对于一些理解困难的问题多做笔记 。去网上查 。一些博客分享的案例都写的很详细 。网上有一部分免费的课程 。如腾讯课堂、YY教育学习平台等 。还有一些问答平台 。如在头条的问答里提问 。里面有不少高手 。
3、案例分析
在网上多看看如头条、阿里、腾讯网站的布局 。网页布局是一个个DIV盒子组成 。分析DIV的层级结构 。学习制作页面的规范 。如DIV的命名、注释等 。规范对网站的维护与团队协作起到了很重要的作用 。提高了效率 。还有一点 。你跳槽了 。工作交接到另一位小伙伴手上 。不至于另一个人接手看不懂 。
4、借助工具
借助浏览器自带的检查工具 。一些浏览器都自带检查工具 。如谷哥浏览器的“检查元素”、IE的“检查元素”、火狐的“查看元素”等 。如谷哥右健的“检查元素” 。可以清晰的 看到代码层级、标签元素、对应的CSS样式 。可以让你马上检查出问题的所在 。
5、向高人请教
项目比较急的情况下 。自己研究费时间、到网上找答案不全面 。这个时候就要找你的同事、朋友请教了 。注意对别人客气一点 。有求于别人嘛 。把问题用笔记本一次性全部记录下 来 。再向别人请教 。解决问题的方法与结论做详细的笔记 。免得一个问题反复的问别人 。大家都很忙的 。
6、总结经验
在做项目的时候 。定期总结 。碰到的一些难题 。刻意的多做几次 。有利于加深理解 。下次做同样的项目 。问解就很快的解决了 。这样提升了效率 。不至于每一次都去百度上找答案 。
7、加强JS的学习
建议先学习原生的Javascript后面对熟悉各种框架非常有用 。如Jquery ,Vue, Angular等 。
最后保持持续学习的心态 。欢迎大家补充!
其他观点:
1. 首先, 明确概念
做网页 vs 做网站
做网页:这里就只代表制作静态网页 。静态网页是一切网站的基础 。制作静态网页非常之简单 。少看个电影就能入门了 。而且很多童鞋很多时候其实就只需要几个静态网页 。本文会集中火力讲解怎样学习静态网页的制作 。
做网站:这里就指动态网页了 。这个需要有高级程序语言的基础 。这里不讲 。等下篇吧 。
设计网页 vs 制作网页
设计网页:简单地说 。就是指将网页画出来 。这个属于美工的范畴 。而不是程序 。程序猿们还是先使劲学程序吧 。你学的那点很难上得了厅堂 。
制作网页:简单地说 。就是指将美工画出来的网页做成静态网页 。目前国内这个还是程序猿的活 。但国外很多美工都能做出代码质量很高的静态网页 。因为静态网页的制作真的很好学 。很简单 。看到这里 。你的信心增强不少了吧!
2. Web标准
什么是W3C?(官方网站)
Web标准的含义
这个部分第一次看的时候 。不用看得太明白 。等掌握了HTML和CSS之后应该再复习一下这个部分 。
3. HTML
HTML并非是单纯的一行一行的代码 。而应该有严禁的结构——DOM 。您写的不是代码 。您写的也不是寂寞 。您写的是一棵树 。
HTML就是网页的骨骼 。就是网页的结构 。
关于HTML的教程 。网上有很多 。但很多都有些过时或者繁琐 。个人比较推荐 网页设计师 和 W3School (英文版) 。
这个阶段需要看的内容为:
HTML教程 只看其中的基础教程
好了 。对于HTML 。就只需要学习这么多 。不要惊讶 。这就是基础 。就这么少 。但一定要全部掌握 。
4. CSS
CSS就是网页的皮肤 。学会CSS之后你就可以随心所欲地控制网页的样式了 。
CSS教程 也要注重实践哦!
5/6
5.XHTML+CSS
6.javascript
其他观点:
推荐使用Dreamweaver软件 。具体教程请点下面链接
http://www.51zxw.net/study.asp?vip=18033966
51自学网-专业培训老师录制的视频教程 。让学习变得很轻松
详细视频教程 。教你如何制作网页 。免费学习
【网页制作需要学习些什么?】

网页制作需要学习些什么?

文章插图

    推荐阅读