網页设计与制作指导.docVIP

《网页设计与制作》 实验指导书 实验一　创建站点 实验目的： 熟练掌握FrontPage 2000的启动与退出方法。 掌握站点的建立方法。 掌握简单网页的制作方法。 熟悉网页属性的设置与修改方法，并掌握超链接的建立方法。 实验内容： 新建一个站点，并在该站点中增加一个网页。 完成网页文本的输入及网页属性的修改。 在建好的网页中插入适当的超链接。 实验指导： 利用我的电脑建立新的文件夹，为保存所建站点及网页做好准备。 启动FrontPage 2000，并熟悉其工作环境。 新建站点：两种方法 利用工具栏中的新建按钮（从该按钮旁的下拉列表中选取站点项）。 也可以利用〖文件〗菜单中的〖新建〗菜单项（选站点）进行。 ＜要求＞：在打开的Web站点模板对话框中为新站点指定保存的位置（设定为1中所建的文件夹。 在建好的站点中增加一个新网页：类似于2中的操作，选择网页即可。 完成网页文本的编辑。 进行网页属性的修改：两种方法 普通视图下，在工作区中单击右键，从弹出的快捷菜单中选取〖网页属性〗项进行设置。 也可在普通视图下，利用〖文件〗菜单中的〖属性〗菜单项进行设置。 超链接的建立：利用〖插入〗菜单中的〖超链接〗菜单项进行。 根据具体情况再自行设计几个网页。 保存网页文件。 退出FrontPage 2000。 思考题： 如何为FrontPage 2000设置一个默认的浏览器？ 保存网页时，应注意哪些问题？ 实验二　网页布局 实验目的： 掌握网页标题的添加方法。 掌握网页文本的修饰方法及段落样式的使用。 了解网页定位的方法 学会利用列表来组织网页内容。 实验内容： 添加标题 文本格式的设置及边框与阴影的应用 网页定位 利用列表组织网页内容 段落样式的设置 实验指导： 启动FrontPage 2000。 打开实验一中所建站点。 选择其中的一个网页 添加标题：两种方法，都是利用〖格式〗菜单中的〖样式〗菜单项或格式工具栏中的“样式”下拉列表框进行设定。 先选定标题样式，再输入文本。 选取要作为标题的文字，再进行设定。 修饰文本 ＜要求＞：掌握文本字体、字号的设置方法，学会运用文字效果，掌握文本颜色的改变方法。 边框与阴影的运用 选定段落（或段落局部），再利用〖格式〗→〖边框与阴影〗，在打开的对话框中进行设置。 网页内容定位：了解定位网页内容的方法。 利用列表组织网页内容 添加列表 设置列表样式　 可折叠列表的制作 利用6中所建列表，进行样式设定 设置嵌套列表 选中“启用折叠大纲”复选框。 改变段落样式 保存所做修改 退出FrontPage 2000。 思考题： 怎样在网页中创建嵌套式列表？ 在FrontPage 2000中提供了几级标题，如何进行设定？ 实验三　网页修饰设计 实验目的： 掌握插入特殊符号、水平线、注释及时间的方法。 掌握图片的插入及图像的处理方法。 学会为网页添加背景的方法。 实验内容： 插入特殊符号 图像的插入与处理 图像效果及外观的修改 水平线、时间及时间及注释信息的插入与设置 修改段落样式 背景的设置 实验指导： 启动FrontPage 2000，打开所建站点。 打开所建的一个网页。 特殊符号的插入：〖插入〗菜单→〖符号〗菜单项，在打开的对话框中进行选择插入。　 图像的添加：不同来源的图像的插入。 当前站点中的图片。 本地计算机中的图片。 Web上的图片。 图像处理及图片的保存。 图像特殊效果的运用 图像外观的修改 水平线的插入及属性设置：在网页中插入几条水平线，并分别设置为不同的宽度和颜色。 时间及注释信息的插入：在网页的适当位置进行插入，并将时间设置为不同的显示格式。 段落格式的划分 背景的设置及修改：将一幅已经过冲浊处理的图片作为网页背景。 保存所做修改。 退出FrontPage 2000。 思考题： 简述在网页设计过程中保存图像文件的特点。 简述水平线在网页设计中的作用及插入方法， 实验四　超链接的创建及设定 实验目的： 熟练掌握超链接的创建及其属性设置方法 掌握图像地图的使用 掌握导航栏的使用方法 学会共享边框的创建方法 实验内容： 与各种不同来源内容进行超链接 链接颜色的设定 超链接的取消 图像地图的创建 导航栏的创建与属性设置 共享边框的创建 实验指导： 启动FrontPage 2000，打开所建站点。 启动其中一个网页。 创建超链接 与当前站点中的其他网页的链接 与空白网页的链接 与E_mail的链接 与WWW上任意一个Web页面的链接 在同一网页中使用书签进行超链接的创建 对超链接的颜色进行修改：学会以不同的颜色表示不同种类的超链接。 超链接的取消。 新建一个网页，插入一幅地图图片。 图像地图的使用： 设置不同形状的热点区域。 热点链接的创建