(
课件网) 创建超链接和网页模板 1 制作“我的相册”页面 怎么创建超链接和网页模板？ 设计制作“E动少年”个人网站中“我的相册”栏目板块的网页，将自己的照片按照幼年、童年和少年分类展示出来。 “我的相册”板块由三个结构相同的页面组成，每个页面都由页面横幅、网站导航条、板块导航条和照片缩略图四部分组成。 网站导航条内显示各板块名称文字，链接到相应板块页面；板块导航条显示“幼年照片”、“童年照片”、“少年照片”名称文字，分别链接本板块内的对应网页。 照片缩略图部分显示相应年龄段所有照片的缩略图，照片缩略图链接到照片原图文件，单击缩略图在新窗口显示对应照片原图。 网页结构设计与要求 1.按照幼年、童年、少年分类整理照片到不同的文件夹，每类照片至少四张，分别命名文件夹为“younian”、“tongnian”、“shaonian”。 2.准备一张网页横幅图片。 3.在Photoshop中打开所有照片文件，统一设置图片大小为“150x200像素”，这些小幅面图片将用作原图片的缩略图，保存这些小图片为JPG格式文件。 素材准备 2 制作“幼年照片”页面 打开Dreamweaver，在“myweb”站点下为“我的相册”新建一个名为“xiangce”的文件夹。在该文件夹下新建“images”文件夹和名为“younian.htm”的文件。复制所有照片和缩略图的图像文件粘贴到“images”文件夹。 打开“ymmian.htm”文件，输入标题“幼年照片”后开始编辑页面。插入3行1列的表格，设置宽度为“778像素”。光标定位在表格第1行内，插入准备好的图片作为该网页的横幅。单击图片，在属性面板中调整图片的高和宽到合适大小。 将光标定位在表格的第2行，单击属性面板中的“拆分单元格”按钮，在“拆分单元格”对话框中选择“列”单选按钮，在“列数”数值框中设置拆分的列数为“5”，将第2行拆分为5列，分别输入板块题目。 在第3行输入文字“幼年照片”、“童年照片”、“少年照片”。在该表格下面插入多行4列表格，表格宽度设为“100%”。在各单元格内插入幼年照片的缩略图，在照片缩略图下输入说明文字，完成幼年相册页面，保存预览页面。 3 创建模板，制作“童年照片” 和“少年照片”页面 “童年照片”、“少年照片”的页面与“幼年照片”页面结构相同，可以使用模板制作。 打开“幼年照片”页面，将页面中的照片删除，选择“文件———另存为模板”，命名为“moban”并保存。 调出站点管理器，可以看到myweb目录下的Templates文件夹。当有模板文件时，Dreamweaver就会自动生成Templates文件夹，专门管理模板文件，模板类型文件扩展名为.dwt。在Templates文件夹下，可以看到刚才创建的moban.dwt文件。 在moban.dwt模板文件打开状态，可以继续设置可编辑区域。将光标定位在需要显示“照片缩略图”单元格内，右击鼠标，在快捷菜单中选择“模板———新建可编辑区域”，在“新建可编辑区域”窗口，设置此可编辑区域的名称，如Edit Regionl，单击“确定”，完成当前可编辑区域标记的编辑。依此类推，可以连续添加多个可编辑区域。 创建模板 选择“文件———新建”,在“新建文档”窗口选择“模板”标签，这时的窗口标题变为“从模板新建”，选择“moban”模板“创建”一个新页面，以tongnian.htm为文件名保存这个页面。 在tongnian.htm文件编辑状态，页面中除了可编辑区域EditRegionl可以输入内容编辑外，其他区域成了受限制状态，不可编辑。在可编辑区域插入童年照片的缩略图，并在照片缩略图下输入说明文字，完成后保存页面。 按照同样的方法，利用模板生成页面，制作“少年照片”的页面。 利用模板制作“童年照片”和”少年照片”页面 4 建立网页超链接 超链接在本质上属于网页的一部分，它是一种 ... ...
