网页设计与制作实例教程

网页设计与制作实例教程
网页设计与制作实例教程

网页设计与制作实例教程

习题答案

第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

二、简答题

1.F 2.T 3.T 4.T 5.F

第8章添加网页特效

一、填空题

1.超级链接

2. 主图像、次图像

3. 层

4. 代码、拆分、设计

5. 表格

二、选择题

1. B

2. C

3. C

4. D

5. B

三、问答题

1. 简述添加网页特效的方法。

答:Dreamweaver的使用其实很简单,例如:挤压效果。先选中要挤压的图片,点击添加行为→效果→挤压,在弹出的对话框选择要挤压的图片,点击确定,把事件设置为onclick,即在网页中点击这张图片,该图即被挤压,点击F12预览。可以使用相同的方式添加其它网页特效。

2. 简述网页行为的种类。

答:Dreamweaver提供了一种称为“Behavior”(行为)的机制,帮助网页设计者构建页面中的交互行为。它一般分为:时间日期类、页面背景类、页面特效类、图形图象类、按钮特效类、鼠标事件类、Cookie脚本、文本特效类、状态栏特效、代码生成类、导航菜单类、页面搜索类、在线测试类、密码类、技巧类、综合类和游戏类等等。

4. 简述使用Spry构件添加网页特效。

Spry 框架是一个JavaScript 库,用户使用它可以构建能够向站点访问者提供更丰富体验的Web 页。有了Spry,就可以使用 HTML、CSS 和极少量的JavaScript 将XML 数据合并到HTML 文档中,创建构件(如折叠构件和菜单栏),向各种页面元素中添加不同种类的效果。例如创建菜单,应用“Spry菜单栏”选项就可以轻松创建菜单,制作时先在在Dreamweaver CS6中插入布局对象中的“Spry菜单栏”,再通过属性面板修改菜单选项即可。

5. 请分析新浪网的网页特效。

新浪网使用了以下网页特效:交换图像、弹出信息、打开浏览器窗口、效果、显示-隐藏元素、设置文本等网页特效。

第9章制作动态网页

一、填空题

1.<%,%>

2.request.form

3.conn.open connstr,rs.open sql, conn, 1, 1

4.记录,字段

5.rnd,rnd,mark(k) = 1

二、选择题

1.A 2.B,A 3.C 4.C 5.D

三、操作题

1.打开数据库(db.accdb)中的表studentInfo,参考教材图9-28添加指定的字段信息。

2.参考代码样图如下:框线框住的总分为在原来answerinfo.asp代码基础上增加的总分。

第10章网页设计与制作实例

一、选择题

1.A 2.D 3.B 4.B 5.D

二、简答题

网页设计与制作_在线作业_E 总分100

您的目前成绩为: 100.0 详细信息 网页设计与制作_在线作业_E 用户名:W130801151最终成绩:100.0 一 判断题 1. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 1.1.2 HTML 语言与XHTML 语言 2. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 15.2.3 绘图工具箱 3. FALSE TRUE 本题分值: 5.0 XHTML 代码将文字内容和显示样式分离,显示样式的定义放在中)。( ) Flash 中“橡皮擦工具”的水龙头模式可以一下子擦除位图一个封闭选区的全部填充色。( ) Flash 中修改实例的属性会影响到元件。( )

用户得分: 5.0 用户解答: FALSE 知识点: 17.1 基本概念 4. FALSE TRUE 本题分值: 5.0 用户得分: 5.0 用户解答: TRUE 知识点: 19.3.1 帧动作 5. TRUE FALSE 本题分值: 5.0 用户得分: 5.0 用户解答: FALSE 知识点: 19.3.2 按钮动作 6. FALSE TRUE 本题分值: 5.0 用户得分: 5.0 用户解答: TRUE 知识点: 19.3.4 设置及获取电影元件实例的属性 Flash 中帧动作可以附加到某帧下的任何一层上。( ) 在给Flash 按钮附加动作时,动作必须嵌入on ()处理程序中,以便指定触发该动作的鼠标事件或按键操作。on ()处理程序只能支持一个鼠标事件。( ) 当播放Flash 动画时,允许影片剪辑元件实例被拖动(startDrag )或停止拖动(stopDrag )。( )

网页设计大作业

网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波

目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论

摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试

一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每

《网页设计与制作案例教程》课程标准模板

附件1 课程标准 课程名称《网页设计与制作案例教程》 课程代码 0511 课程类型专业基础课 课程总学时 60学时 适用专业计算机应用技术专业 课程负责人 信息工程系(教学系部)计算机应用教研室制定(修订) 2020年3月

《网页设计与制作案例教程》课程标准 课程代码:0511 课程类型:理实一体化课 学时/学分: 60学时/4学分 适用专业:计算机应用技术专业 1.课程概述 1.1课程性质 《网页设计与制作案例教程》是高等职业技术学院计算机应用技术专业开设的一门专业必修课,是计算机类专业的一门实践环节课程,也可以作为其他相关专业的实践课程或选修课,它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs6,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能熟练地制作出有专业水准的网站。 1.2课程定位 通过本课程的学习,使学生了解网站开发的流程,掌握HTML和 CSS技术实现网页的构建和美化,并用 Dreamweaver CS6工具实现网页的制作。本课程对接的工作岗位是网站编辑、网站开发,通过学习应具备网站美化和网站开发的能力。 2.课程目标 本课程以学生能够进行网站开发与维护的实际工作能力为学习目标,使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能,形成解决实际应用问题的方法能力,为以后的学习动态网页设计课程打下基础。 2.1素质目标 (1) 培养具有较强的网页设计创意思维、艺术设计素质;

(2) 培养学生在学习过程中解决困难的能力; (3) 培养学生在学习过程中培养兴趣的能力,提高工作、学习的主动性; (4) 培养学生理论联系实际的工作和学生方法; (5) 培养具有高度责任心和良好的团队合作精神; (6) 具有社会责任感。 2.2知识目标 (1) 了解WEB站点的工作原理; (2) 理解Internet、WWW、HTTP、HTML的定义,计算机网络概念和作用; (3) 了解服务器、客户端、浏览器的概念和作用; (4) 掌握常规网站的规划及流程; (5) 熟练掌握HTML语言中各种标记符的运用能力; (6) 熟练掌握Dreamweaver应用软件的使用; (7) 理解网页中脚本语言的使用方法; (8) 熟练开发常规静态网站。 2.3能力目标 (1) 熟练掌握Dreamweaver应用软件制作网站及网页; (2) 熟练掌握使用绝对和相对URL,创建超链接,图像链接; (3) 掌握在网页中添加CSS的方法; (4) 培养学生设计、制作和维护动态网站。 (5) 培养学生搜集资料、阅读资料和利用资料的能力; (6) 能独立制定、实施工作计划。 (7) 具备检查、判断能力; (8) 具备简单的需求市场分析能力。 3.课程实施和建议 3.1课程内容和要求 本课程以《计算机应用基础》、《photoshop》课程为基础,通过本课程的学习,应使学生掌握网页制作的基本方法,掌握 HTML、CSS等网页基础编程知识,并使用主流工具 Dreamweaver CS6进行网页制作。

电科19年12月考试《网页设计与制作》期末大作业参考答案

19年12月考试《网页设计与制作》期末大作业-0001 试卷总分:98 得分:98 一、单选题 (共 20 道试题,共 80 分) 1.以下HTML代码,判断正确的是()。

12345678
A.第2、3行应加入……. B.没有错误 C.
错了 D.“button”双引号错了(应为单引号) 答案:A 2.数据库的基本操作是()。 A.编,删,改,查 B.增,删,改,查 C.增,删,加,查 D.增,删,写,查 答案:B 3.表示() A.粗体 B.斜体 C.下划线 D.上标 答案:A 4.插入 Javacript 的正确位置是? A. 部分 B.文档的顶部 C. 部分和 部分均可 D. 部分 答案:C 5.引用名为 "xxx.js" 的外部脚本的正确语法是? A.