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

优点：占用自己的网站空间小；制作简单；快捷。

缺点：制作过程需网络支持；需有自己的图床；网页打开速度稍慢。

例：制作“XXXX班之风采”的网页

步骤：

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

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

3、在桌面击鼠标右键“新建”---------“文件夹”----------命名--------“我的网站”-。

4、打开“我的网站”，“新建”---------“word”文档--------命名---------“XXXX班之风采“。

5、打开“XXXX班之风采“，”插入”―――“表格”――――“1列”、“3行”―――确定

6、在第一格内输入“XXXX班之风采”；在第二格内输入“tp1”(定位图片位置)――另存为――其他格式―――网页（保存缩略图、更改标题：XXXX班之风采）―――确定――――退出。

7、用“记事本”打开“XXXX班之风采.htm”文档―――编辑―――查找―――tp1--------查找下―――，在tp1后面“粘贴”代码―――保存―――退出。

8、用”word”打开“XXXX班之风采.htm”文档，在照片(每一张)上单击鼠标右键―――大小和位置――高度（3cm）―――保存―――退出

示例：

XXXXXXXXXX

Tp1

小结：用word制作代码网页的步骤

进图床--------选图片---------查连接---------找代码（复制）

建文档-------重命名---------开文档----------插表格

定位置-------存网页--------开文档-----------记事本

点编辑-------点查找---------粘代码---------保存退

歌曲：（打靶归来）

图片网页进图床，进了图床选图片，选图片

选好图片查连接，看清代码再复制，35635 65312 看清代码再复制。

新建文档重命名，打开文档记事本，记事本。

插入表格要居中，定位图片做标记，35635 65312 定位图片做标记.

点击编辑点查找，图片位置粘代码，粘代码。

保存退出再检查，word打开做修改，35635 65312 word打开做修改

作业

一、 用word制作一个标题为“元谋美食”的网页。

要求：

1、 所用图片用图片代码

2、 图片不得少于10张

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

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