(网页设计实验报告要求.docVIP

实验一、认识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.继续将个人主页的内容完成。 ? 思考题 网页制作中常用表单对象有哪些，它们各有何不同？ 请完成以上内容，并将结果写入实验报告。 ?