实验一、认识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个月的时间,将主页的其余内容完成。
 
思考题
网页制作中常用的布局方式有哪些,请比较它们的异同。
请完成以上内容,并将结果写入实验报告。
 
实验八、表单的应用
一、实验目的:掌握网页制作中页最常用的交互工具:表单元素的使用个人网页设计模板html文件
二、实验内容
1.参考P172页中图8.32,完成问卷调查页面的设计。
2.继续将个人主页的内容完成。
 
思考题
网页制作中常用表单对象有哪些,它们各有何不同?
请完成以上内容,并将结果写入实验报告。
 

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。