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

实验一、认识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个月的时间，将主页的其余内容完成。思考题网页制作中常用的布局方式有哪些，请比较它们的异同。请完成以上内容，并将结果写入实验报告。实验八、表单的应用一、实验目的：掌握网页制作中页最常用的交互工具：表单元素的使用二、