手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何制作一个简单的网页(一)

时间:2024-10-12 20:53:59

1、首先得有这个软件,名字是Adobe Dreamweaver CS3,这个在网络上就能下到,提倡正版。

如何制作一个简单的网页(一)

2、打开界面就是这样,想要做一个简单的网页就点击这个。

如何制作一个简单的网页(一)
如何制作一个简单的网页(一)

3、然后就进入这么个界面,因为一般做网页都是用表格来分割板块和规划界面,下来就插入一个表格简单示范。

如何制作一个简单的网页(一)

4、点击插入记录里的表格。

如何制作一个简单的网页(一)

5、在这里设置表格属性,因为小鱼在示范,就直接用1*1的了。

如何制作一个简单的网页(一)

6、然后就是这个样子,可以随意拉伸调整,接下来我们插入一个图片。

如何制作一个简单的网页(一)

7、点击插入记录里的图像。

如何制作一个简单的网页(一)

8、在这里选择图片并确定。

如何制作一个简单的网页(一)

9、在点击确定后就会弹出这个窗口,这个是确认路径,在网页中每个板块的内容都是在服务器上有确定的路径以防止错乱。

如何制作一个简单的网页(一)

10、这里还是确认路径,点击小文件夹图标,再次选择上次选择的图片,并确认。

如何制作一个简单的网页(一)
如何制作一个简单的网页(一)

11、再次确认。

如何制作一个简单的网页(一)

12、添加完毕就是这样,根据图片分辨率不同插进后大小会不同,进行调整就可以了。

如何制作一个简单的网页(一)

13、然后就可以用网页打开试试了,点击如图的图标,会出现是否保存字样,将其保存到自己想要保存的文件路径就可以了,注意保存时文件后缀名.html不能改动。

如何制作一个简单的网页(一)

14、这个就是打开的样子,下次会介绍如何添加网页标题和其中的一种网页链接方式。

如何制作一个简单的网页(一)
© 手抄报圈