如何网页设计网站设计与制作

如何制作网页？

1.做网页，首先要对自己的网页有一个整体的规划。建一个什么样的网站，网站主色调用什么颜色，版面设计用什么样的方式等等。都需要一个好的计划。

2.做任何事情都不能盲目，漫无目的，这样只会浪费时间和精力。在制作网页之前，你必须设计网页的一些基本元素。你可以简单的画个草图，或者浏览几个你喜欢学习的网站。

3.制作一个网页需要很多文件。这些不同类型的文件必须先分类并放在一个文件夹中。

打开Dreamweaver软件，创建一个新站点，然后在该站点下设置不同的文件夹来存储材料。

4.建立自己的主页，按照以前的风格设计布局。

不要急着添加图片和文字，先规划好导航栏、标题栏和内容栏，再导入素材。注意文件夹名和素材名最好都用英文，不要用中文。中文很容易报错，所以文件添加后不要更改文件强度，否则会导致文件丢失。

5.制作一个网页是一个非常复杂的过程，从头到尾要不要自己做一个网页很难说清楚，所以这里有一个简单的方法。

找到适合自己风格或者更喜欢的网页，鼠标右键——另存为。

这时，浏览器会复制这个网页中的所有元素，并存储在一个文件夹中。

6.打开Dreamweaver软件打开刚刚下载的网页，那么下载的网页的所有元素都会显示在Dreamweaver中，不会有任何丢失。

7.只需替换网页中的元素。

选择需要修改的图片或文字，直接替换。选择一个元素，然后在下面的属性栏中替换它。同时，您可以更改图片的大小和其他属性。

8.按F12预览效果。不满意就改，一定要随时保留文件。

网页设计要掌握哪些技能？

1、熟练掌握HTML/CSS代码

不论你是不是开发者，网页开发最基本的语言HTML/CSS你是有必要掌握的，知道如何阅读、编辑并解决问题。然而根据设计师/开发者的实际工作情况，你所需要了解的程度、范畴甚至会更广一些。在任何情况下，你都应该清楚样式、色彩要如何通过代码来进行控制和调整，从长远来看，这些技能是极其有用的。如果你想确保这一点，记得在W3Schools学习这些代码语言和使用方法。

2、编辑图片

在任何设计领域，好像和图片打交道的时间都不会短，绝大多数甚至是需要整天编辑处理图片。从最基本的裁剪、调色和修补，你应该能够从容地修整图片，至少你应该了解如何能够尽可能好地对图片进行优化。好在DigitalCameraWorld网站提供了一套行之有效的图片处理技巧，仅需六步就可以搞定绝大多数图片的优化处理。

网页设计横排布局竖排布局？

步骤1/4

首先可以使用Div的原生组装方式，通过对不同p的罗列组装，对不同的p内容绑定，就可以实现p的左右，上下结构

步骤2/4

使用style=float:left可以使得p从左到右进行左右排列

步骤3/4

使用style=float:none可以使得p使用默认的方式上下排列组合

步骤4/4

使用style=margin-top:10px表示p距离父界面边框的大小