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

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