文档详情

[网页设计实验报告要求.doc

发布:2017-01-19约1.97千字共5页下载文档
文本预览下载声明
实验一、认识HTML 一、实验目的:了解HHTML中涉及的技术。 HTML语言的组成及特点,学会利用HTML语言编辑网页。 了解CSS。 了解网站开发的流程。 二、实验内容 1.参考书1.2.1节,利用记事本实现唐诗实例。 2.利用CSS对唐诗进行修饰。 3.请写出以下效果的HTML代码(包括分行及分段效果) 4.上网浏览网站,并选择其中一个网站为目标,撰写网站开发报告,要求有以下内容: 此网站URL是什么 此网站的目标是什么,网站设计者是如何来实现的 此网站的首页是如何设计的,你有没有改进意见 此网站的导航如何设计,你有何改进意见 请完成以上内容,并将结果写入实验报告。 ? 实验二、Dreamweavor应用 一、实验目的:掌握如何在Dreamweaver中进行网页编辑; 掌握Dreamweaver中站点的设置; 掌握网站空间的申请及网页的上传。 二、实验内容 1.将实验1中的内容,利用DreamWeavor完成,并注意在拆分视图下,观察它是如何将格式操作变成HTML代码的。 2.按书中要求,制作唐诗宋词网站的首页。 3.在Dreamweaver中设置站点,并为唐诗宋词网站规划网站文件夹结构。 4.上网搜索免费个人网站空间,并将所制作的网页上传,并测试网是否能够正常访问。 ? 请完成以上内容,并将结果写入实验报告。 ? 实验三、文本修饰与超链接 一、实验目的:掌握常用的文本与段落修饰标记; 掌握超级链接标记及其设置; 二、实验内容(参见P68) 1.制作完成唐诗宋词精选网站,至少完成3个页面。 2.为已经完成的页面设置格式及超链接。 ? 请完成以上内容,并将结果写入实验报告。 ? 实验四、CSS应用 一、实验目的:掌握CSS四种选择器; 掌握内部样式表与外部样式表的应用; 掌握利用外联式样式表统一网站风格; 掌握利用Dreamweaver建立与编辑CSS样式。 二、实验内容 1.将上次实验课中完成的网站,利用CSS进行相应的修饰。注意4种样式选择器如何分别应用到网页中。 2.利用外部样式表对网站的风格进行统一。 请完成以上内容,并将结果写入实验报告。 ? 实验五、在网页中使用图像 一、实验目的:掌握网页制作中常的三种图像格式; 掌握图像的格式设置; 掌握利用图像处理软件(FireWorks)进行图像的基本处理。 二、实验内容 1.上一些常网站,了解网站上使用了哪些格式的图像文件,并比较它们的特点。 2.完善“唐诗宋词网精选”网站,要求必须使用鼠标经过图像,网站相册,图像映射等效果。 3.使用FireWorks对图像进行一些常用的操作,这些操作必须包括:改变图像 的大小,像图裁剪,以不同格式将图像优化并导出, 羽化,按路径排列文本,GIF动画。 思考题 网页制作中常用的图像格式有哪些,它们各有何优缺点。 请完成以上内容,并将结果写入实验报告。 ? 实验六、在网页中使用多媒体 一、实验目的:掌握网页制作中常见的多媒体类型及特点; 掌握插入媒体的标签及相应属性设置; 掌握能够利用网上的软件进行媒体格式的转换。 二、实验内容 1.上一些常网站,了解网站上使用了哪些格式的多媒文件,并比较它们的特点。 2.完善“唐诗宋词网精选”网站,要求有声音、视频。 3.参考书上的步骤制作Flas按钮,并在网站导航栏中应用。 4.在网上搜索视频转换软件,将网上下载的AVI视频转换成Flash格式,插入到网页中,并比较 转换后的文件大小是否发生了变化 。 (可以在百度中搜索: “AVI2Flash 转换”其中2表示to的意思,然后在搜索结果中看是否有相应的转换软件,并下载使用。) 思考题 网页制作中常用的多媒体格式有哪些,它们各有何优缺点。 请完成以上内容,并将结果写入实验报告。 实验七、页面布局 一、实验目的:掌握网页制作中页面的而已技术 :表格布局,CSS布局,框架布局。 二、实验内容 1.参考P152内容,分别利用表格及CSS技术完成书上的的布局方式。 2.在百度中搜索网页模板,查看已经做好了的经典模板,并进行评价。 3.利用前面学到的知识,完成“个人主页”网站的首页。 4.个人主页完成后请上传到服务器上,以便检查。并请利用1个月的时间,将主页的其余内容完成。 ? 思考题 网页制作中常用的布局方式有哪些,请比较它们的异同。 请完成以上内容,并将结果写入实验报告。 ? 实验八、表单的应用 一、实验目的:掌握网页制作中页最常用的交互工具:表单元素的使用 二、实验内容 1.参考P172页中图8.32,完成问卷调查页面的设计。 2.继续将个人主页的内容完成。 ? 思考题 网页制作中常用表单对象有哪些,它们各有何不同? 请完成以上内容,并将结果写入实验报告。 ?
显示全部
相似文档