网页设计教程汇-网页设计教程汇编

div>

四、重复 重复(Repetition):让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。

怎样制作自己的网页？

1、注册购买一个域名：

比如baidu.com等，域名注册可以在阿里云或者其它域名注册平台注册；

2、购买一个虚拟主机：

服务器可以在阿里云或者其他平台购买。服务器主要用来放网站程序与数据库，存放网站数据（包括文字/图片/代码等）；

3、绑定域名跟空间的ip：

通常在购买空间的帮助界面会告诉你如何绑定；

4、部署安装网站程序：

点开空间管理的后台，点击程序预装，会提供许多可以直接进行安装的网站程序；

5、网站备案：

按照规定的要求提供资料即可

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

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.j***ascript

开门见山吧。

1、软件选择

常用的有dreamweaver, expression blender等，建议先学习dreamwe***er，dreamwe***er自带的代码提示功能与可视视图。对于小白来说，是个容易上手的工具。

2、书本与网络教程

书本先熟悉html[_a***_]与css语言的用法，书本上的实例，跟着做。有时间经常做练习。对于一些理解困难的问题多做笔记，去网上查，一些博客分享的案例都写的很详细。网上有一部分免费的课程，如腾讯课堂、YY教育学习平台等。还有一些问答平台。如在头条的悟空问答里提问，里面有不少高手。

3、案例分析

在网上多看看如头条、阿里、腾讯网站的布局。网页布局是一个个DIV盒子组成，分析DIV的层级结构，学习制作页面的规范，如DIV的命名、注释等。规范对网站的维护与团队协作起到了很重要的作用，提高了效率。还有一点，你跳槽了，工作交接到另一位小伙伴手上，不至于另一个人接手看不懂。

4、借助工具

借助浏览器自带的检查工具。一些浏览器都自带检查工具。如谷哥浏览器的“检查元素”、IE的“检查元素”、火狐的“查看元素”等。如谷哥右健的“检查元素”，可以清晰的 看到代码层级、标签元素、对应的CSS样式，可以让你马上检查出问题的所在。

5、向高人请教

项目比较急的情况下，自己研究费时间、到网上找答案不全面。这个时候就要找你的同事、朋友请教了，注意对别人客气一点，有求于别人嘛。把问题用笔记本一次性全部记录下 来，再向别人请教。解决问题的方法与结论做详细的笔记，免得一个问题反复的问别人，大家都很忙的。

6、总结经验

在做项目的时候，定期总结，碰到的一些难题，刻意的多做几次，有利于加深理解。下次做同样的项目，问解就很快的解决了。这样提升了效率，不至于每一次都去百度上找答案。

7、加强JS的学习

建议先学习原生的J***ascript后面对熟悉各种框架非常有用。如Jquery ,Vue, Angular等。

最后保持持续学习的心态。欢迎大家补充！