12、 用图片代码制作网页（二）

例：制作“元谋特产”的网页

步骤：

1、打开图床如：http://imgtu.com/ymzz ,选择用到的图片

2、点击“获取图片链接”-----------“查看图片链接”------------“html中等图片”-----------“复制”

3、打开“dreamveaver”----------创建新项目---------html--------设计-------对齐-----居中。

4、插入---表格（2行，1列；像素：700）---确定。在第一格内输入“元谋特产”，居中。

5、点击“拆分”，将光标定位在设计区的第二格内，再在代码区光标上点击右键-------粘贴。

6、点击每张图片，修改宽度：680像素。

7、修改标题为：“元谋特产”；另存为：元谋特产；退出。

示例：

作业

一、 用“DW”制作一个标题为“元谋特产”的网页。

要求：

1、 所用图片用图片代码

2、 图片不得少于10张

3、 图片大小：宽度：10cm,高度自动。

4、 给每张图片做相应的超链接。