怎样制作一个网站

你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html

打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。

接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以采用front page。也可以很容易的实现。

望采纳。

如何制作网页？

你好，很高兴为你解答:

1.制作网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3.制作一个网页需要大量的文件，必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

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

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

7.替换网页中的元素即可。

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

8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。

如何制作网页设计

工具/原料

个人电脑

网页设计软件： FrontPage(简单易用，且高度符合IE浏览器支持设计);DreamWave(功能强大，设计成品支持众多浏览器);

图像处理软件：Photoshop 或Fireworks ;动画制作：Flash MX ;

知识储备：

基本网页常识;

HTML知识

很简单，早期只用此制作网页，用记事本即可编辑，用浏览器打开后呈现网页内容;

CSS知识

级联样式表(Cascading Style Sheet)简称“CSS”，通常又称为“风格样式表(Style Sheet)”，它是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML中各标志的显示属性。CSS可以使人更能有效地控制网页外观。使用CSS，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

JavaScript等Web脚本知识

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，即Web脚本。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作;

ASP或PHP等Serv脚本知识

ASP是Active Server Page的缩写，意为“动态服务器页面”，是Serv脚本。

ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互。属于服务端语言;

PHP是英文超文本预处理语言Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛地运用;

方法/步骤

准备知识，包括学会使用各种前面提到的工具软件。

认真思考自己要做的.网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求：

1.简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。

2.突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。

3.实用性：一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说：只有被需求才能生存。

搜集资料，比如网页中可能要用到的图片，文字及其它内容。善于使用搜索引擎如百度，谷歌，来查询自己所需的资料。

善于使用网络上已有的信息及内容，比如一些开源的代码等。(网络是一个大杂烩，各种信息鱼目混珠，各色人物鱼龙混杂，要学会辨别。)

关注自己所制作网页的内容与社会时代的相符性，及时更新网页版面。

END

注意事项

本经验只是粗谈网页制作流程及所需工具及知识储备。要做网站的朋友请继续学习网站建设所需的知识，建设流程及注意事项。

以上就是如何制作网页设计流程，希望对大家有所帮助，谢谢阅读本篇文章!

网站设计的步骤

网页设计第一步是做整体框架规划，比如网站需要哪些项目，需要做一个整体的目录。类似下方图片。这一部分是最重要的，因为无框架不网站。

请点击输入图片描述

然后是开始网页设计了，首先是网页的logo和头部。这一部分的难点就在于你的logo要怎么排布，按照网页视觉设计的标准，是要做一条标准参考线的。所以logo的位置非常重要。

请点击输入图片描述

接下来是我们的导航栏，我这里做的是最简单的，只是做展示。你要设计的是导航栏各项目的位置，按钮形状等。如果有搜索，也需要考虑在其中。

请点击输入图片描述

第三部是设计网站的banner，也就是所谓的视觉区。视觉区一般是要图片，因为图片可以让用户打开网站第一眼就了解你网站的定位，从而决定要不要继续浏览。你要设计的是banner的尺寸，如果要做幻灯片的话，会如何变化。

请点击输入图片描述

接下来设计的是内容区，根据不同的内容设置不同的展现方式。例如简介的话可以是一张图片+一段文字，如果是产品介绍的话，可以是多张图片+简介。具体案例可以在网路上看别人设计的页面作为参考。

请点击输入图片描述

做好了主内容区，就剩下footer部分设计了。footer一般关系到网站的优化。footer部分包括的内容就根据不同的网页进行设计，例如展现你公司位置的地图，你想要体现的网站，甚至友链部分，都在这里。

请点击输入图片描述

最后是内链的形成。就是如果点击了你的某篇文章，会出现怎样的展现形式。所以一般一个网页设计是需要多个页面构成的。头部和底部保持不变，中间部分由ajax控制变化（这一点设计不需要懂）

当然，单纯静态页面很不好看。所以产品可能会要求做一些效果，例如悬浮窗，鼠标放上去后会实现动画效果等。对应的内容也需要网页设计进行制作。

请点击输入图片描述

如果有帮助的话，记得采纳哦！