内容正文:
创建超链接和网页模板
1
制作“我的相册”页面
怎么创建超链接和网页模板?
3
设计制作“E动少年”个人网站中“我的相册”栏目板块的网页,将自己的照片按照幼年、童年和少年分类展示出来。
4
“我的相册”板块由三个结构相同的页面组成,每个页面都由页面横幅、网站导航条、板块导航条和照片缩略图四部分组成。
网站导航条内显示各板块名称文字,链接到相应板块页面;板块导航条显示“幼年照片”、“童年照片”、“少年照片”名称文字,分别链接本板块内的对应网页。
照片缩略图部分显示相应年龄段所有照片的缩略图,照片缩略图链接到照片原图文件,单击缩略图在新窗口显示对应照片原图。
网页结构设计与要求
5
1.按照幼年、童年、少年分类整理照片到不同的文件夹,每类照片至少四张,分别命名文件夹为“younian”、“tongnian”、“shaonian”。
2.准备一张网页横幅图片。
3.在Photoshop中打开所有照片文件,统一设置图片大小为“150x200像素”,这些小幅面图片将用作原图片的缩略图,保存这些小图片为JPG格式文件。
素材准备
6
2
制作“幼年照片”页面
打开Dreamweaver,在“myweb”站点下为“我的相册”新建一个名为“xiangce”的文件夹。在该文件夹下新建“images”文件夹和名为“younian.htm”的文件。复制所有照片和缩略图的图像文件粘贴到“images”文件夹。
打开“ymmian.htm”文件,输入标题“幼年照片”后开始编辑页面。插入3行1列的表格,设置宽度为“778像素”。光标定位在表格第1行内,插入准备好的图片作为该网页的横幅。单击图片,在属性面板中调整图片的高和宽到合适大小。
8
将光标定位在表格的第2行,单击属性面板中的“拆分单元格”按钮,在“拆分单元格”对话框中选择“列”单选按钮,在“列数”数值框中设置拆分的列数为“5”,将第2行拆分为5列,分别输入板块题目。
在第3行输入文字“幼年照片”、“童年照片”、“少年照片”。在该表格下面插入多行4列表格,表格宽度设为“100%”。在各单元格内插入幼年照片的缩略图,在照片缩略图下输入说明文字,完成幼年相册页面,保存预览页面。
9
3
创建模板,制作“童年照片”
和“少年照片”页面
“童年照片”、