网页制作基础教程-网页设计制作详细流程

网页设计制作详细流程

分析如下：

一、先下载安装Dreamweaver，打开后，新建网页，一般选择“HTML建立网页。选择“经典”界面，帮助我们更方便地使用这个软件。

2.以下三个界面，代码、拆分和设计，一般默认设计界面，可视化新手的功能，更好地制作网页。

3.让我们在电脑上制作网站并建立文件作为根目录。我们建立的网站的所有文件和网页都保存在本文件中。网站的功能是使您的网站和网页之间的框架清晰。同时给网站起个名字。

4.然后在网站根目录下建立一个存储网站图片的文件，并设置默认情况。这样，您添加到本网站的所有图片都将自动保存到本文件中，不会丢失。请注意，文件命名应使用英文。让我用我建立的（篮球信息网）来介绍它。点击右下角的篮球信息网-下拉，点击管理网站-点击高级设置-为新建立的默认图像文件夹设置默认图像文件夹images。保存。

5.让我们制作本网站的主页，首先学习添加图片。插入-图像-选择添加材料。单击图片。下面的属性可以编辑和修改图片大小，添加超链接等。现在我将修改图片大小以示范。

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

7.网页基本上是文本和图片的结合。添加视频还需要学习者搜索Dreamweaver使用视频学习。最后，记得保存一个网页。左上角文件-保存。

8.最后，我们学会了添加超链接。我使用我建立的第二个网页进行示范。选择篮球信息网络文本，点击页面下方的属性-链接-点击文件小按钮-选择第一个网页，使篮球信息网络文本变蓝。这是网站的内部链接，相反，有外部链接。添加如图所示，请务必编写http://…就可以了。

9.最后，我们浏览网页。左上角文件-浏览浏览器中的网页，点击网页中的两个链接到达指定的网页。

网页设计

网站设计应注意两个要点：整体风格和色彩搭配。网站的整体风格和创意设计是最难学习的。困难在于没有固定的模式可供参考和模仿。给你一个主题，任何两个人都不可能设计一个完全相同的网站。

风格（Style）是抽象的。是指网站的整体形象给浏览器的综合感受。这个“整体形象”包括网站CI(标志、色彩、字体、口号)、布局、浏览方式、互动、文字、语气、内容价值、存在意义、网站荣誉等诸多因素。

色彩搭配

色彩永远是平面设计和网页设计中最重要的部分。当我们远离显示屏时，我们看到的不是美丽的布局或美丽的图片，而是网页的颜色。

网页配色技巧：

1.使用一种颜色：这意味着首先选择一种颜色，然后调整透明度或饱和度。这样的页面看起来颜色统一，层次分明；

2.使用两种颜色：首先选择一种颜色，然后选择其对比色；

3.使用一种颜色系统：简单地说，使用一种感觉颜色，如浅蓝色、浅黄色、浅绿色；或土黄色、土灰色、土蓝色。

还要记住网页配色中的一些误区：

1.不要使用所有颜色，尽量控制在三到五种颜色以内；

2.背景与前面的对比应尽可能大(绝对不要以图案复杂的图案为背景)，以突出主要文本内容。