网页设计与制作实验指导书

《网页设计与制作实验指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》实验指导书12实验一　创建站点实验目的：1.熟练掌握FrontPage2000的启动与退出方法。2.掌握站点的建立方法。3.掌握简单网页的制作方法。4.熟悉网页属性的设置与修改方法，并掌握超链接的建立方法。实验内容：1.新建一个站点，并在该站点中增加一个网页。2.完成网页文本的输入及网页属性的修改。3.在建好的网页中插入适当的超链接。实验指导：1.利用我的电脑建立新的文件夹，为保存所建站点及网页做好准备。2.启动FrontPage2000，并熟悉其工作环境。3.新建站点：两种方法a)利用工具栏中的新建按钮（从该按钮旁的下拉列表中选取站点项）。b)

2、也可以利用〖文件〗菜单中的〖新建〗菜单项（选站点）进行。＜要求＞：在打开的Web站点模板对话框中为新站点指定保存的位置（设定为1中所建的文件夹。4.在建好的站点中增加一个新网页：类似于2中的操作，选择网页即可。5.完成网页文本的编辑。6.进行网页属性的修改：两种方法a)普通视图下，在工作区中单击右键，从弹出的快捷菜单中选取〖网页属性〗项进行设置。b)也可在普通视图下，利用〖文件〗菜单中的〖属性〗菜单项进行设置。7.超链接的建立：利用〖插入〗菜单中的〖超链接〗菜单项进行。8.根据具体情况再自行设计几个网页。9.保存网页文件。10.退出FrontPage2000。思考

3、题：1.如何为FrontPage2000设置一个默认的浏览器？2.保存网页时，应注意哪些问题？12实验二　网页布局实验目的：1.掌握网页标题的添加方法。2.掌握网页文本的修饰方法及段落样式的使用。3.了解网页定位的方法4.学会利用列表来组织网页内容。实验内容：1.添加标题2.文本格式的设置及边框与阴影的应用3.网页定位4.利用列表组织网页内容5.段落样式的设置实验指导：1.启动FrontPage2000。2.打开实验一中所建站点。3.选择其中的一个网页4.添加标题：两种方法，都是利用〖格式〗菜单中的〖样式〗菜单项或格式工具栏中的“样式”下拉列表框进行设定。a)先选

4、定标题样式，再输入文本。b)选取要作为标题的文字，再进行设定。5.修饰文本＜要求＞：掌握文本字体、字号的设置方法，学会运用文字效果，掌握文本颜色的改变方法。6.边框与阴影的运用选定段落（或段落局部），再利用〖格式〗→〖边框与阴影〗，在打开的对话框中进行设置。7.网页内容定位：了解定位网页内容的方法。8.利用列表组织网页内容a)添加列表b)设置列表样式　9.可折叠列表的制作a)利用6中所建列表，进行样式设定b)设置嵌套列表c)选中“启用折叠大纲”复选框。10.改变段落样式121.保存所做修改2.退出FrontPage2000。思考题：1.怎样在网页中创建嵌套式列表？

5、2.在FrontPage2000中提供了几级标题，如何进行设定？12实验三　网页修饰设计实验目的：1.掌握插入特殊符号、水平线、注释及时间的方法。2.掌握图片的插入及图像的处理方法。3.学会为网页添加背景的方法。实验内容：1.插入特殊符号2.图像的插入与处理3.图像效果及外观的修改4.水平线、时间及时间及注释信息的插入与设置5.修改段落样式6.背景的设置实验指导：1.启动FrontPage2000，打开所建站点。2.打开所建的一个网页。3.特殊符号的插入：〖插入〗菜单→〖符号〗菜单项，在打开的对话框中进行选择插入。　4.图像的添加：不同来源的图像的插入。a)当前站

6、点中的图片。b)本地计算机中的图片。c)Web上的图片。5.图像处理及图片的保存。6.图像特殊效果的运用7.图像外观的修改8.水平线的插入及属性设置：在网页中插入几条水平线，并分别设置为不同的宽度和颜色。9.时间及注释信息的插入：在网页的适当位置进行插入，并将时间设置为不同的显示格式。10.段落格式的划分11.背景的设置及修改：将一幅已经过冲浊处理的图片作为网页背景。12.保存所做修改。13.退出FrontPage2000。思考题：1.简述在网页设计过程中保存图像文件的特点。2.简述水平线在网页设计中的作用及插入方法，12实验四　超链接的创建及设定实验目的：1.熟

7、练掌握超链接的创建及其属性设置方法2.掌握图像地图的使用3.掌握导航栏的使用方法4.学会共享边框的创建方法实验内容：1.与各种不同来源内容进行超链接2.链接颜色的设定3.超链接的取消4.图像地图的创建5.导航栏的创建与属性设置6.共享边框的创建实验指导：1.启动FrontPage2000，打开所建站点。2.启动其中一个网页。3.创建超链接a)与当前站点中的其他网页的链接b)与空白网页的链接c)与E_mail的链接d)与WWW上任意一个Web页面的链接e)在同一网页中使用书签进行超链接的创建4.对超链接的颜色进行修改：学会以不同的颜色表示不同种类的超链接。5.超链接

8、的取消。6