安徽电大开放教育学院
专业计算机信息管理年级2010秋指导教师王瑜
学号1034005451669 学生姓名:戴泽来日期: 2011-6-13 实验题目:网页设计实验报告
实验目的:通过该实验让学生掌握dreamweaver软件的使
用,对网页设计要有一定程度的理解和掌握。
网站名称:竹风个人网站
网站说明:竹风个人网站采用html语言制作,使用table表格布局和外链css样式表,其中涉及到图片的插入,flash的插入,js弹出窗口等等。
一、收集资料
网站制作的主要资料来源于:
1.网站公告滚动来源:https://www.doczj.com/doc/f113294442.html,/jscss/code/250.shtml
2.动态文章:https://www.doczj.com/doc/f113294442.html,/zz/c/seo_1.shtml
3.网站大图片来源:百度搜索https://www.doczj.com/doc/f113294442.html,/i?ct=201326592&cl=2&lm=-1&tn=baiduimage&istype =2&fm=index&pv=&z=0&word=%B7%E7%BE%B0&s=0&oq=%B7%E7&f=3&rsp=0
4.背景FLASH来源:https://www.doczj.com/doc/f113294442.html,/flash/
二、页面制作
本站除了两个背景图片使用ps处理外,基本上都是在Dreamweaver里制作的,使用的是表格排版布局。
三、流程处理
四、网站结构、
1、首页
首页页包括网站公告、新闻动态、网址导航、友情链接等。
2、新闻动态
新闻动态页面主要是网站公告、新闻动态、友情链接等
3、网址导航
网址导航页面主要是网站公告、新闻动态、网址导航、友情链接等
4、联系我们
网址导航页面主要是网站公告、新闻动态、联系我们内容、友情链接等
5、版权声明
网址导航页面主要是网站公告、新闻动态、版权声明内容、友情链接等
五、具体讲解
1.总体布局
网站的总体布局采用table表格,也涉及到ol标签和js等。
2.新闻公告
插入一行一列表格,键入内容,并使用marquee标签使得内容有了向下滚动的效果。
3.新闻动态
本站所有新闻动态内容均来自互联网络。此处列表采用的ol标签来进行列表排版。
4.推荐文章
此处列表采用的ol标签来进行列表排版。
5.站长信息
插入一行一列表格,键入站长信息内容。
6.最新动态
此处列表采用的ol标签来进行列表排版,内容来自互联网络。
7.网址导航
插入一行一列表格,网址导航的内容来自网址之家(https://www.doczj.com/doc/f113294442.html,/)
8.友情链接
插入一行一列表格,其内容也是来自互联网络。
一学期结束了,在老师的教导下对dreamweaver软件有了比较深刻的认识。这个网站是一个个人网站,虽然简单、粗糙,但这也同时表示我对这门课程的基础掌握还比较不错,通过对这个实验的学习和制作,使我掌握了基本的网站制作方法,并应用到实际操作中去。相信在以后的学习和工作当中,这一项技术将发挥它应有的价值。
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B
二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题
常州继续教育网页设计与制作题库 单选题30% 多选题 20%填空题15%简答题25% 论述题10% The content of exam include,but not limited in: 1、Photoshop中允许一个图象的显示的最大比例范围 1600% 3、在绘制椭圆形时,以中心点为基准画圆应按住什么键 ALT键 4、Dreamweaver设计网页时,要选中某个单元格,可以将光标先定位在该单元格,然后鼠标移到状态栏的什么标签,单击该标识可以选中该单元格。 Td 5、在表格属性设置中,间距的定义: 表格中单元格之间的间距。单元格间距是指围绕在每个单元格周围的框的厚度(以像素为单位)。 6、表单的基本元素有哪些。 ①询问或请求信息。 ②访问者在其中键入信息的域 ③“提交”和“全部重写”按钮。 ④表单处理程序 8、默认模板的后缀名是什么 dwt 9、对远程服务器上的文件进行维护时,通常采用的是. FTP。 10、为了标识一个HTML文件应该使用的HTHL标记是什么? < html>