网页设计制作教程,网页设计制作教程:一个页面的完全制作

1. 网页设计与制作要学什么软件啊？
2. 网页制作需要学习些什么？

网页设计与制作要学什么软件啊？

网页设计首先要学会Dreamweaver和Photoshop的使用。这两个软件是网页制作网站开发的必备工具。

1、Dreamwe***er

AdobeDreamwe***er，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。目前最新版本的就是AdobeDreamwe***erCS6，很好用。

2、Photoshop

AdobePhotoshop，简称“PS”，是由AdobeSystems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。目前最流行版本的就是AdobePhotoshopCC

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

只是学做网页比较简单。掌握以下三点：

1. 基础的HTML标签用法。
2. 基础的CSS属性用法。
3. JavaScript入门，至少学会点击***，改变元素样式等。

以上如果学习能力强的话，基础HTML标签1天就可以学会，常用CSS属性2-3天可以学会。J***aScript花个一周时间掌握下。这样做个网页应该问题不大了。

重点在于多练习。网页上用到的那点代码基本都是有规律可寻的，不是很难，关键要用心。

如果喜欢看***的朋友可以看看我做的***，免费教学。

开门见山吧。

1、软件选择

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

2、书本与网络教程

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

3、案例分析

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

4、借助工具

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

5、向高人请教

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

6、总结经验

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

7、加强JS的学习

建议先学习原生的J***ascript后面对熟悉各种框架非常有用。如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.j***ascript