网页4级考题操作步骤.docVIP

在文件夹下新建一个题目规定的文件夹（如1.7.3）。 启动Adobe Dreamweaver CS3。 选择“站点/新建站点”命令创建新站点。 输入站点名（如图中的shenhua1.7.3），单击“下一步”。 不做任何操作，单击“下一步”。 在文本框中输入你的文件夹地址（如图中的E:\jg\网页制作\练习\制作网站主要页面\1.7.3\）。 单击“下一步”。 在“如何连接到远程服务器？”下拉列表中选择“无”，单击“下一步”。 然后两次单击“完成”。 切片处理 启动Adobe Photoshop CS3。 使用切片工具切片。如果给的图有尺寸要求，则切第一个切片，右击切片，“编辑切片选项”，在对话框中设置W、H和名称。然后同理依次切每一个切片。如果给的图没有尺寸要求，则只要依次切每一个切片即可，不要“编辑切片选项”。 生成Index.html文件和各切片文件：选择“文件/存储为Web所用格式”命令；按下Ctrl+A键选中所有切片，然后在对话框中选择保存图片文件类型；单击存储按钮。 保存网页文件名index.html，则切片文件为index_01.jpg等等。 若要求网页文件名为index2.html，在Windows里改名。 双击index2.html，查看是否正确，再看images是否正确，正确即可关闭Adobe Photoshop CS3，无须保存。 制作二级功能模块页面文件。 P167 创建OTP.html： 新建html网页； 输入“OTP通行证”，按回车； 将1.7.3.4.swf文件拖到页面中； 保存OTP.html文件。 创建HELP.html： 选择“文件/另存为”命令，输入文件名HELP； 将文本“OTP通行证”改为“帮助中心”； 单击1.7.3.4.swf框，Del。 输入“首页”，设置超链接。 单击“表单”工具栏中的（按钮）工具，在随后出现的对话框中单击“确定”按钮；选中按钮，在属性面板的“值”中输入“关闭窗口”，“动作”选择“无”见下图；“窗口”/“行为”，在行为面板中的“onClick”中输入“window.close()”。 按Ctrl+S键或使用菜单保存文件。 创建FAQ.html： 选择“文件/另存为”命令，输入文件名FAQ； 将文本“帮助中心”改为“FAQ”； 按Ctrl+S键或使用菜单保存文件。 修改完成网站首页文件。 在需插入文字图片处，将原有图片设置为背景，然后插入表格，在表格中插入各图片文件。 图片链接时 单击选中图片，然后在链接框选择链接文件，在目标框设置目标选项，注意边框值为0 热区链接时 先单击图片，然后单击属性面板的“矩形热点工具”，再拖放鼠标选择热区；在链接框选择链接文件，在目标框设置目标选项。 在当前页打开页面或替换本页打开方式 目标选项：_self 在新窗口中打开 目标选项：_blank 邮件链接 mailto:邮箱地址 制作网页框架。 单击箭头所指线条，选中“顶端框架”，将行值改为题目指定的“顶端页面高度”，如120像素。 同理设置页面宽度。 “文件/保存全部”命令，依次保存 框架集、右下侧（即主窗口）等页面。