多语言展示
当前在线:927今日阅读:39今日分享:10

如何制作网页

如何制作网页,简单的网页一般都有页头、导航栏和海报等等。它是由文字、图片和背景颜色等组成的,主要是利用表格对文字和图片进行布局,下面把制作网页的操作方法分享给大家。
工具/原料
1

电脑系统:Win10企业版、64位操作系统

2

操作软件:Adobe Dreamweaver CS6

方法/步骤
1

我们首先打开DW,【新建】一个【HTML】文档,如图所示。

2

新建好HTML文档后(要建好站点和图片文件夹)。把HTML文档保存一下,然后再进行后面的其它操作。我们点击【表格】,表格大小设置为5行9列,表格宽度为1920像素,点击【确定】,如图所示。

3

我们把表格的第一行的9个单元格选中,在左下角点击【合并】,如图所示。

4

把鼠标放在第一行的表格上,点击【图像】插入一张图片作为页头,如图所示。

5

接下来,我们在第二行表格的中间7个单元格里,输入导航栏相关的文字,(注意:前后的两个单元格留空)。然后把第二行的表格全部选中,点击【页面属性】,如图所示。

6

在页面属性里,设置字体为16号的大小,填充为白色,点击【确定】,如图所示。

7

设置文字【水平居中对齐】和【垂直居中】,宽度【160】,高度【39】,背景颜色填充为灰色【#999999】,如图所示。

8

第二行的9列单元格,设置成了160的宽度,它的总宽度不够1920。所以我们要把刚刚留空的两个单元格,分别设置为400的宽度,如图所示。

9

导航做好了之后,我们把第三行表格全部选中合并在一起,插入一张大图作为海报。剩余的表格(可根据自己需要的)插入图片或输入文字。全部制作好了之后,我们点击在浏览器中预览一下效果。

总结

1、打开DW,新建【HTML】文档。2、点击【表格】,设置好表格的大小。3、选中表格,左下角点击【合并】。4、输入导航栏的文字。5、在页面属性里,设置好字体的大小和填充颜色。6、设置文字居中对齐,表格的宽度、高度和背景颜色。

注意事项
1

Tips1:新建HTML文档后,要建好站点和图片文件夹。

2

Tips2:图片可提前用PS或FW切片好(自己需要的尺寸)。

推荐信息