网页设计学习教程

摘要： 制作网页教程？网页设计怎么学比较好？制作网页教程？分析如下：1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们...

1. 制作网页教程？
2. 网页设计怎么学比较好？

制作网页教程？

分析如下：

1、首先下载安装Dreamwe***er，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamwe***er 的使用***加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写***://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

网页设计怎么学比较好？

网站是一个内容很丰富的一个平台，其中包括了前端和后端，我想你想知道的一定是关于网页前端的问题，看你准备侧重学习那个版块！

我们今天就谈关于网页前端有两个方向以及给你的建议！

第一、是视觉设计，这个版块，你需要熟悉ps，FW，AI，这三款软件是设计必须学的软件！

第二、你需要熟悉版式设计，可以在网上买书看，并不断的实践！

第三、不断的模仿，不断的看跟别人的差距！

第二个方面来说就比较适合编程了，这个后面谈！

首先要做到知己知彼，对网站制作流程有个全面的了解，然后按部就班的练习就可以了。而不是盲目的听别人说什么就去学什么。

这个我深有体会，ps，html，数据库，php等，跟网站相关的都看，结果还是一团遭。

自学了两年还是做不成网站，后经过高人指点，上线了第一个网站。

做网站流程很重要，今天分享一下，三步：

1.网页美工

2.div css网页布局

3.网站后台

新手做网页设计，首先要学习一些软件，例如ps、AI之类的绘图软件。之后在接触网页设计会好一点。

在网上找一些教程，平常多看一些别人的设计案例，最好看一些国外的设计，比如花瓣网、大美工这样的网站，都是一些国外的网站案例，非常实用。开始找一个自己觉得好的网站，模仿下来，这样既能熟练软件的操作，也能加深对网页页面设计的印象。

还需要深入学习排版设计、学习色彩规律、掌握交互设计基础等等。

制作网页一般分为设计和开发两部分。

设计师一般会用到ps、sketch、xd几个软件，可以先从ps学起，如果你是mac系统的话，可以使用sketch，这是一个专门的UI设计工具，同时配合蓝湖来使用，不仅可以一键切图标注，还可以生成代码，直接复用。所以ps、sketch、xd和蓝湖都是网页设计必备的设计工具