[章节名称]:网页设计入门基础
[课堂类型]:理论■实训□练习■测试□
[学时安排]:2课时
[目的要求]
1.了解网络的基本知识,网页设计的基础知识,网页的分类,动态网页的原理及
技术
2.了解网页的基本构成及最简单的html代码
3.了解网页设计的流程
[重点]
了解网页设计的流程,掌握最基本的网页的构成及最简单的网页html代码
[难点]
掌握最基本的网页的构成及最简单的网页html代码
[教法学法]
1.采用教授法进行教学讲解,结合疑难点师生互动交流方式进行。
2. 练习采用学生自主安排,教师给与个别辅导的方式进行。
[参考资料]
《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编
清华大学出版社
《动态网页制作教程》(第二版)刘梅彦徐英慧编著清华大学出版社
[教学过程]
环节一:结合PPT课件的内容,讲解网络和网页的基本知识。了解网页的分类,网页运行的原理,介绍网页设计的工具,动态网页的技术。
环节二:介绍网页的构成,并对一个网站进行实例分析说明。编写最简单的html 代码。
环节三:了解网页设计的流程
主要有以下几个步骤:
一. 网站规划
二. 素材资源收集
三. 选择开发工具
四. 站点建立与规划
五. 分模块进行网页设计
六. 网页源代码测试与特效添加
七. 申请域名与空间
八. 网页源代码上传
九. 定期的维护
环节四:对本节课的内容进行复习,让学生练习html的代码。并进行疑难解答
[章节名称]:html基础与应用1
了解html语言的基础知识,结构,掌握html语言设置网页的背景音乐,背景图片,字体的方法。
Html语言设置网页的背景音乐,图片,字体
Html语言设置网页的方法
环节一:复习网页设计的基础知识,介绍如何利用Dreamweaver开发工具,记事本编辑网页的源程序,介绍网页站点的创建及注意事项。
环节二:讲解html语言的结构,特点,设置网页页面的背景音乐,图片,字体1. 设置背景颜色
2. 背景图片
3. 背景音乐
背景音乐和上边介绍的两个有很大的不同,它的代码是放在页面的头部
4. 标题字体 文字 # =1,2,3,4,5,6
比如:
5.字体的大小,用于一般文字。
文字 #=1, 2, 3, 4, 5, 6, 7 or +#, -# 例子:今天天气真好!
6. 字体颜色
指定颜色 文字 # ="#rrggbb" 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
7. 客户端字体(Font Face)
... #=客户端可获得的字体,
什么是客户端,通俗的讲,就是你的电脑,face="#"就是从你的电脑
获得的字体
环节三:完成课堂讲解的练习例题,并疑难解答
环节四:复习本次课内容,步骤课后作业。
[章节名称]:html基础与应用2
了解html语言的跑马灯效果标签的运用,序列卷标标签的运用
Html语言的跑马灯效果标签及序列卷标的应用
环节一:复习HTML语言中设置背景颜色,背景图片,音乐等标签的知识,介绍HTML 语言的编写规范要求。
环节二:讲解html语言的跑马灯效果标记,序列卷标标记的使用
1.跑马灯效果
该标记能实现文字或图片的滚动效果。
bgcolor="#ccffcc" scrollamount="2">滚动文字 主要参数:
bgcolor="#ccffcc" scrollamount="2">滚动文字
① direction: 控制移动方向,可取"left", "right", "up", "down"四个值
② behavior: 移动方式,可取"scroll"(循环移动), "slide"(只走一圈),"alternate"(来回移动)
③ loop: 循环次数,不输入表示无限次循环
④ scrollamount: 移动快慢,数值越大越快
⑤ scrolldelay: 每移动一步之后的延时,单位是毫秒
⑥ height,width: 移动区域的高和宽,单位像素
⑦ bgcolor: 移动区域的背景色
2.序列卷标
该类型标记类似于Word软件中的项目符号及编号,主要分为两种
(1)无序标记
无序序列就是序列各条目间无顺序关系
运行的效果如下:
●姓名:吴小娟
●生日:1993/6/16
●星座:双子座
其中
还可以通过设置
(2)有序标记
无序序列就是序列各条目间有顺序关系
1.姓名:吴小娟
2.生日:1993/6/16
3.星座:双子座
[章节名称]:html基础及应用3
了解Html语言的控制表格及其表项,框架
Html语言的表格及其表项的标记使用,超链接标记,框架标记的使用[难点]
掌握利用框架标记来设计页面
《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编清华大学出版社
《动态网页制作教程》(第二版)刘梅彦徐英慧编著清华大学出版社 [教学过程]
环节一:复习HTML语言中跑马灯效果标记,序列卷标的使用方法。
环节二:讲解html语言的表格标记,超链接标记,框架标记的使用
1. 表格标记
2.超链接标记
超链接采用…标记来实现,链接文件的路径有以下两种: 绝对路径方式
相对路径方式
3.框架结构标记
在
[章节名称]:运用表格设计页面布局
了解网页中表格布局模式设计的方法
环节一:复习HTML语言中表格标记,超链接,框架的相关知识,讲解上次课布置的作业。
环节二:以一个蓝色空间网页的设计为例,讲解采用表格布局模式设计网页的方法。
设计规范要求:多采用表格嵌套方式设计页面,少采用表格拆分的设计方法
[章节名称]:运用框架结构设计页面布局
了解网页中框架布局模式设计的方法
掌握网页中框架布局模式设计的方法
环节一:复习采用表格工具设计网页的方法,讲解上次课布置的作业。
环节二:介绍框架结构在网页设计中的应用,以一个诗人作品简介网页的设计为例,讲解采用框架布局模式设计网页的方法。
设计技巧:框架中每个页面要单独保存命名,需要在超链接属性中设置显示在主框架:target:blank。
[章节名称]:网页CSS样式基础
掌握CSS样式的建立及使用的方法
掌握CSS样式的创建及使用的方法
环节一:复习采用表格布局模式设计网页的方法,讲解上次课布置的作业。
环节二:讲解CSS样式表的基础知识,通过实例说明其应用的方法。
1.CSS基础知识
CSS是用于控制网页样式的一种标记语言,它以HTML为基础,扩展了HTML的功能,提供了丰富的格式化功能,使网页设计者能够以更有效的方式设置网页的外观。通过CSS,可以实现网页的样式信息与网页内容分离。
2.CSS样式的建立
在Dreamweaver软件中的CSS面板中新建CSS样式
3.CSS样式的类型主要有四种:
(1)类选择器:可用于任何标签,名字需要自定义,以“.”开头。
例子:通过CSS样式,设置字体大小与颜色。
(2)ID选择器:针对设置了ID属性的HTML标记,与类选择器类似,以“#”开头。
例子:通过CSS样式,设置指定ID的表格边框
(3)标签选择器:标签也称标记,CSS标签选择器就是针对Html标签设置CSS样
式。例如,h2选择器就用于声明页面中所有
(4)复合内容选择器:同时影响两个或多个标签、类或 ID 的复合规则,请选择“复合内容(基于选择的内容)”选项并输入用于复合规则的选择器。
[章节名称]:网页CSS样式基础——菜单制作1
掌握运用CSS样式设计网页菜单的方法
环节一:复习CSS样式表的基础知识,讲解上次课布置的作业。
环节二:通过一个网页菜单的制作实例,介绍CSS的设置技巧。
1.通过设置a标签的css样式实现菜单的基本显示。
通过设置a标签选择器的宽度高度来实现。
2.通过设置鼠标经过的CSS样式,来实现鼠标移动到某个菜单的背景颜色变化通过a:hover符合选择器来实现。
3.在不同的浏览器下运行这个网页,分析存在的问题。
[章节名称]:网页CSS样式基础——菜单制作2
掌握运用UL,LI标签及它们的CSS样式来设计网页菜单的方法
环节一:复习上节课介绍的网页菜单的制作方法,讲解上次课布置的作业。
环节二:针对采用设置a标签CSS样式制作菜单的方法存在的问题,介绍采用UL,Li标签的CSS样式设计网页菜单的制作实例,介绍CSS的设置技巧。
网页菜单的设计步骤:
1.通过UL,LI标签创建网页菜单的基本内容。
2.通过设置UL,LI标签选择器的CSS样式实现网页菜单的基本显示效果。#navigation li{
text-align:center; width:80px; height:32px;
background:url(button1.jpg) repeat-x;
float:left;
}
3.通过设置a:hover复合内容选择器实现菜单的鼠标移动变换背景效果。
#navigation li a:hover{
color:#FFFFFF;
background:url(button2.jpg) no-repeat;
[章节名称]:网页CSS样式应用实例
掌握CSS样式综合运用方法
环节一:复习采用UL,LI设计网页菜单的方法,讲解上次课布置的作业。
环节二:讲解CSS样式表的两个应用实例,通过实例说明其中CSS的设置技巧。
1.无边框输入表格案例
通过为表格单元格添加css样式,设置样式的边框属性为无边框来实现。
table.formdata input{
width:100px;
padding:1px 3px 1px 3px;
margin:0px;
border:none; /* 输入框不要边框*/
font-family:Arial;
2.鼠标经过行变色效果。
这个效果需要结合Javascript代码来实现。
[章节名称]:DIV+CSS设计实例——花店页面设计上
掌握DIV+CSS设计网页的模式与技巧
环节一:复习上节课介绍的CSS样式表的应用案例,讲解上次课布置的作业。
环节二:通过一个花店网页设计案例,讲解如何采用DIV+CSS的布局模式来设计网页。
设计步骤:
1.采用Div创建网页的整体结构
2.在每个模块中再添加独立的Div模块,完善网页内容
3.通过对每个模块分别设置CSS样式表完成网页显示效果的设置。
网页设计与制作实例教程 习题答案 第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 二、简答题
《网页设计与制作》课程标准 课程代码: 502043 参考学时: 90 学分: 4 课程类型:专业课
2015年 1 月编 一、适用专业 计算机应用技术(3年制中职,5年制高职) 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术(3年制中职,5年制高职)的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台,针对职业教育网络技术专业中理论结合实践的特点,以培养高技能应用型人才为目标,重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识,学习HTML标记语言,在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧,锻炼学生网页的排版设计能力,最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中,选取紧密联系实际的项目并进行详细分解,重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质; 2)培养学生勤于思考、做事严谨的良好作风; 3)培养学生良好的职业道德; 4)培养学生事物美的观念; 2、社会能力目标 1)培养学生的团队协作精神; 2)培养学生分析问题、解决问题的能力; 3)培养学生勇于创新、敬业乐业的工作作风; 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具;
2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架; 3)掌握Dreamweaver软件的使用方法;学习文本、图像等多媒体元素在网页中的 使用技巧; 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版; 5)掌握模板的使用方法;熟练应用模板来制作、修改、批量更新网页; 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧; 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果; 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理; 9)掌握网页中客户端行为的概念;能够使用常见的客户端行为来制作前台页面的 动态效果; 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式; 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录;能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上,前导课程有《Photoshop高级应用》,后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配
《网页设计与制作教案》 湄洲湾职业技术学院 2008-2009学年第一学期 教师:唐俊奇 系部:信息技术工程系 专业:计算机应用电子信息 班级:计机07(1)信息07(1)08(2)
第一讲网页设计概述 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】 使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称,一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本(Hypertext) WWW采用C/S(客户机/服务器)工作模式 在浏览器和服务器之间应用HTTP(Hyper Text Transfer Protocol,超文本传输协议)作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址:端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用
〈网页设计与制作》期末考试试题、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在In ternet上应用最为广泛的服务是(b)。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是(b )。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成,其中(d)子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为(d )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是(c)。 A、
12、在网页中最为常用的两种图像格式是(a)。 A、JPEG 和 GIF B、JPEG 和 PSD C、GIF 和 BMP D、BMP 和 PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是 (b)。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中,要定义一个空链接使用的标记是(a ). A、<a href= "#"> B、<a href= ”?"> C、<a href= "@"> D、<a href= ”"〉 15、对远程服务器上的文件进行维护时,通常采用的手段是(b) A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是(a ) A、读取 B、执行 C、脚本 D、写入 17、用Fireworks切割图形时,需要的工具是(c) A、裁剪 B、选取框 C、切片 D、自由变形 18、 In ternet上使用的最重要的两个协议是(b ) A、TCP 和 Tel net B、TCP 和 IP C、TCP 和 SMTP D、IP 和 Tel net 19、 body元素用于背景颜色的属性是(c) A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是(d) A、规划目录结构时,应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录
《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时)
网页设计与制作选择 题
1、下列选项中支持透明的图片文件格式是_______。 (A)、 BMP (B)、 TIFF (C)、 GIF (D)、 JPG 正确答案: C 2、以下HTML标记中,________是双标记。 (A)、 img标记 (B)、 hr标记 (C)、 p标记 (D)、 br标记 正确答案: C 3、有关
正确答案: B 5、关于首页和主页,不正确的说法是______。 (A)、浏览网站时最先访问的页为首页 (B)、首页和主页可以是同一页 (C)、首页就是主页,没有区别 (D)、主页是整个网站的导航中心 正确答案: C 6、在Dreamweaver中,表格的宽度可以被设置为100%,这意味着______。 (A)、表格的宽度为100mm (B)、表格宽度为100个像素点 (C)、表格的宽度会随着浏览器窗口大小的变化而自动调整 (D)、表格的宽度是固定不变的 正确答案: C 7、在创建一个Dreamweaver模板时,必须在该模板中加入一个________,以便在把该模板套用到某个网页后,网页能被正常使用。 (A)、可控制区域 (B)、可套用区域 (C)、可复制区域 (D)、可编辑区域 正确答案: D 8、网页文件的扩展名为______。 (A)、 GIF
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程,该课程不仅实用性强、应用面广,而且与岗位的联系非常密切,仅仅就这一门课程的学习,学生毕业后就可以从事相关网页设计与制作的工作,考取相关的网页设计与制作员的资格证书,如果将此作为技能基础,继续学好后续基于网络编程的动态网页设计技术,学生还可以从事网络软件的设计与开发,进行商务网站的设计与制作,同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设,正好满足我校关于“高素质、技能型人才”培养目标的需求,通过该课程的教学,可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有:网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中,结合职业岗位对人才的需求(一线工作岗位上从事网页设计、制作、编辑,网站规划、维护和管理的人员)、我校对人才培养的目标(培养高素质、技能型、应用型人才)及本课程对人才培养的目标(能够独立完成一个网站的建设,毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才),我们将培养学生熟练的网页设计与制作操作技能作为培养重点,在具体课程教学设计中,应用“工学结合”的教育思路、实施“建构主义”的教学方法,采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下,主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下: 老师教学之前的教学设计:根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计:给学生布置一项工作(工作导向)——将工作转化为项目(项目导向)——将项目细化为每一个任务(任务驱动)——通过任务引出知识点(知识学习)
《网页设计和制作》期末测试试题 一、单项选择题(本大题共15小题,每小题2分,共30分) 1、目前在Internet上使用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、
网页设计与制作课程试卷(五) 一、单项选择题 (本大题共40小题,每小题2分,共80分) (1) Photoshop中,下列__D_____操作不能提交图像变换。 A. 按Return键 B单击选项栏中的“提交”按钮 C. 在变换选框内双击 D在变换选框外双击 (2) Photoshop 中,利用蒙板制作淡出效果的方法为____C____。 A.添加蒙板后使用橡皮图章工具 B.添加蒙板后使用钢笔工具 C.添加蒙板后使用渐变工具 D.添加蒙板后使用填充工具 (3) 下列情况不属于冷色彩的是______A___。 A.黄色 B.蓝色 C.绿色 D.蓝绿 (4)下列情况不属于色彩联想性的是______D__。 A.蓝色——天空 B.黑色——黑夜 C.红色——喜事 D蓝色— —高科技 ^ (5) 创建浮动广告的路径应使用__C______. A.“窗口”—>“时间轴”—>“添加行为”命令 B. “窗口”—>“时间轴”—>“录制层路径”命令 C. “修改”—>“时间轴”—>“录制层路径”命令 D.“修改”—>“时间轴”—>“添加行为”命令 6)下列关于层的说法,不正确的一项是___D_____。 A.在DreamweaverMX中,层用来控制网页中元素的位置 B.层可以放置在网页的任何位置 C.层以点为单位精确定位页面元素 D.层中可以包含任何HTML文件中的元素 (7)要打开网页时弹出一个信息框,可以使用新建行为中的___B____。 A.打开测览器窗口 B.弹出信息 C.调用JavaScript D.播放声音 (8)要上传整个站点,要选定整个站点文件可以按的键是___A_____。 A.Ctrl+A B.Ctrl C.Shift D.Shift+A (9)检查测览器的兼容性应选的选项是_____D__。 A.搜索 B.验证 C.链接检查器 D.目标测览器检 查 (10)下列属于合法IP的是_____A__。 A.202.96.1.2 B.257.33. 21.5 C .33.23.99 D.10001111 (11)在模板中,由DreamWeaverMX自动建立的是____D___。 A.可编辑区域 B.可选区域 C.重复区域 D.锁定 区域 (12)在DreamWeaverMX中有___B____种方法可以建立基于模板的网页。 A.2 B.3 C.4 D.5 (13)模板文件的扩展名为______C_。 A.lbi B.htm C.dwt D.asp (14)下列不是FlashMX的选取工具的是___D____。 A.箭头工具 B.图标是空心箭头的工具 C.套索工具 D.手形工具
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程,该课程的学习能够提升他们对网页制作的兴趣,让他们学习网页制作的基本技能,为后继课程打下基础,同时扩展其就业面,为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法,并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能,掌握网站建设的流程,能够运用所学知识建设常用的网页和网站,同时能够美化网页,设计人性化、艺术化的网站静态页面部分。 (一)知识目标: 1.熟悉网页制作的基本元素; 2.掌握Dreamweaver CS6软件的基本操作方法; 3.掌握在网页中插入文字、图片、声音、flash等的方法; 4.掌握常见的网页布局方法,学会使用CSS美化网页; 5.掌握在网页中使用表单和制作网页特效的方法; 6.掌握简单图形图像的处理,能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 (二)职业能力培养目标 1. 能够根据网站开发需求,去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理; 2.能够制作出符合主题色彩的网页,网页要求美化、被绝大多数浏览 者接受和喜爱;
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 (三)素质目标 1.具有勤奋学习的态度,严谨求实、创新的学习精神; 2.具有良好的心理素质和职业道德素质; 3.具有高度责任心和良好的团队合作精神; 4.具有运用理论知识发现问题、分析问题并解决问题的能力,同时能够 不断学习,不断创新,让自己的设计越来越完善,有止于至善的精神。(四)职业技能证书考核要求: 可以根据自身情况考取“全国计算机信息高新技术资格证”,“网页设计制作员”,“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节: 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、
网页设计与制作课程标 准 公司内部编号:(GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法
实用标准文案 电子教案 课程:第1章网页制作基础 课时内容网页制作基础授课时间学时数2 教学目标了解 HTML 的组成和语法 了解网页制作的常用软件 掌握网页制作软件的启动和退出方法 教学重点网页制作的一些基本知识 教学难点HTML的组成和语法 教学设计1、教学思路:首先,让同学们说说他们对网页的一个认识。然后进行系统地介绍网页 是什么,由哪些部分组成,还有网页制作时所需掌握的一些基础知识和制作网页时 常用到的一些软件。最后学习网页制作软件的启动和退出方法。 2、教学方法:先登录一些常用的网站,让同学们看一些网页,然后让同学们说下他们 度网页的认识,最后才开始讲解本周内容。 3、教学手段:利用多媒体并结合网络进行教学。 4、教学资料及要求:课前要求学生先大致浏览本书内容,对本书所要讲解的内容有个 基本的了解。 教学内容 讨论问题: 1、什么是网页? 2、网页的基本组成部分是哪些? 3、网页有什么作用? 第 1 章网页制作基础# 1.1网页制作基础知识 1.1.1网页简介 1.1.2什么是HTML 1.1.3 HTML 的组成结构及语法 1.1.4应用举例——使用记事本编写网页 1.2网页制作的常用软件 1.2.1图形图像处理软件 1.2.2动画制作软件 1.2.3网页布局软件 1.2.4软件配合及制作流程 1.2.5应用举例——实战网页制作流程 1.3网页制作软件的启动与退出 1.3.1网页制作软件的启动 1.3.2文件的打开 1.3.3网页制作软件的退出 1.3.4应用举例——启动并退出 Photoshop CS3 1.4上机及项目实训 1.4.1Flash CS3 的启动与退出 1.4.2制作“蓝莲花”网页
浙江**学院《网页设计与制作》期终(考试)A 卷 200 —200 学年 第 学期 任课教师 学院 班 姓名 学号 一、单选题(每小题1分,共30分) 1、 本地站点的所有文件和文件夹必须使用( ),否则在上传到因特网上时可能导致浏览不正常。 2、 A.小写字母 B .大写字母 C .数字 D .汉字 3、 常用的网页图像格式有( )和( )。 4、 A .gif ,tiff B .tiff ,jpg C .gif ,jpg D.tiff, png 5、 实现轮替图像应选两幅( )的图片。 6、 A.相差三倍 B .相差两倍 C.相差一倍 D.大小一样 7、 下面说法错误的是( )。 8、 A .单元格可以相互合并 B.在表格中可以插入行 9、 C .可以拆分单元格 D .在单元格中不可以设置背景图片 10、 下面说法错误的是( )。 11、 A .CSS 样式表可以将格式和结构分离 12、 B .CSS 样式表不能制作体积更小下载更快的网页的布局 13、 C. CSS 样式表可以使许多网页同时更新 14、 D .CSS 样式表可以控制页面 15、 要使表格的边框不显示,应设置border 的值是( )。 16、 A .1 B.0 C .2 D .3 17、 在层的属性设置中有两个特殊的属性,分别是( )和( )。 18、 A. 标签,显示 B.显示,Z 轴 C .显示,溢出 D .Z 轴,溢出 19、 使用( )和( )可以直观、精确的将层定位。 20、 A .标尺,网格 B .标尺,表单 C 网格,表单 D .表单,表格 21、 模板的创建有两种方式,分别是( )。 22、 A 新建模板,已有网页保存为模板 B .新建网页,保存网页 23、 C .新建模板,保存层 D .新建层,保存模板 24、 下面说法错误的是( )。 25、 A.“查看”菜单下“网格”的“网格设置”可以更改网格的大小 26、 B .层转换成表格可以实现网页更好的兼容性 27、 C .表格和层可以互相转换 28、 D .表格转换成层可以实现网页更好的兼容性 29、 模板的( )指的是在某个特定条件下该区域可编辑。 30、 A .重复区域 B .重区域 C.可选区 D .库 31、 Dreamweaver 中,想要使用户在点击超链接时,弹出一个新的网页窗口,装 订 区
《网页设计与制作》课程简介 课程名称:网页设计与制作 课程代码:02038 适用专业:初等教育(计算机与信息技术方向) 课程性质:专业核心课程、必修课、专业技能课 学分:3 学分 计划学时:72学时(理论36学时,实训36学时) 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程,培养学生网页设计与制作能力,适应初等教育对信息技术教师的人才基本要求,同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》,后续课程是《https://www.360docs.net/doc/4214729482.html,程序设计》。在完成《计算机应用基础》课程学习后,学生掌握了计算机基本知识和原理,学会了一些应用软件和工具软件的使用,进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.360docs.net/doc/4214729482.html,程序设计》课程,能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师,今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者,建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合,培养学生动手能力,能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案,《网页设计与制作》是重要的专业技能课程,是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容,以案例驱动贯穿教学过程。由浅入深,最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线,要重视HTML
1、在Dreamweaver中,行为由( AB)构成。 A、事件 B、动作 C、初级行为 D、最终动作 2、在Dreamweaver中,可对( ABCD)设置超级链接。 A、任何文字 B、图像 C、图像的一部分 D、Flash 3、扩展管理器支持的第三方扩展文件有(AD)。 A、.mxp B、.mxi C、.mix D、.axp 4、在资源管理器中,不能对( AB)执行定位操作。A B A、颜色 B、链接 C、Flash D、图像 5、可以设置()等网页背景属性。AB A、背景图片 B、背景颜色 C、背景透明度 D、以上都不可以 6、一般来说,适合信息发布式网站模式的题材有( ABCDE)。 A、软件下载 B、新闻发布 C、个人简介 D、音乐下载 E、文学作品大全 7、网页制作工具按其制作方式分,可以分为(BE)。 A、通用型网页制作工具 B、标记型网页制作工具 C、专业型网页制作工具 D、编程型网页制作工具 E、“所见即所得”型网页制作工具 8、下列哪些项目属于网页设计制作的基本步骤(ABC)。 A、设计网站 B、搜索素材 C、站点规划 D、FTP上传 9、在网页设计过程中,想要制作一个800~600的页面,页面背景色为蓝色,使页面在800X600的显 示器分辨率下布满整个浏览器屏幕,不留白边,需要的步骤有( BD)。 A、首先点选“插入”菜单中的“表格”选项 B、首先点选“修改”菜单中的“页面属性”选项 C、然后设置表格的宽高均为100%即可 D、然后设置外观中的各边距为0,确定即可 10、在Dream weaver MX中,关于模板的说法正确的是( ABD)。 A、模板是一个文件 B、模板默认状态下被保存在站点根目录下的Templates子目录下 C、模板是固定不变的 D、模板和库尽管有相似之处,但总的来说仍是不同的两个概念 11、下列关于网页设计的说法中,正确的有(ACE)。 A、冷暖色调在均匀使用时不宜靠近 B、纯度相同的两种颜色适宜放在一起 C、整个页面中最好有一个主色调 D、文本的色彩不会发生抖动,只有图片的色彩才会发生抖动、 E、抽象线条的构图很容易造成重心不稳 12、在Dream weaver MX中,元件是Library元件库中可以被重复使用的元素,包括(ABD)。 A、图像 B、按 C、文字 D、电影剪辑 13、在Dream weaver MN中,插入网页背景图像,包括插入( ABC)。 A、平铺图像 B、无缝背景图像 C、追踪图像 D、以上都不正确 14、层的优点是( ABCD)。
1、在中,行为由( )构成。 A、事件 B、动作 C、初级行为 D、最终动作 2、在中,可对( )设置超级链接。 A、任何文字 B、图像 C、图像的一部分 D、 3、扩展管理器支持的第三方扩展文件有()。 A、B、C、D、 4、在资源管理器中,不能对( )执行定位操作。A B A、颜色 B、链接 C、 D、图像 5、可以设置()等网页背景属性。 A、背景图片 B、背景颜色 C、背景透明度 D、以上都不可以 6、一般来说,适合信息发布式网站模式的题材有( )。 A、软件下载 B、新闻发布 C、个人简介 D、音乐下载 E、文学作品大全 7、网页制作工具按其制作方式分,可以分为()。 A、通用型网页制作工具 B、标记型网页制作工具 C、专业型网页制作工具 D、编程型网页制作工具 E、“所见即所得”型网页制作工具 8、下列哪些项目属于网页设计制作的基本步骤()。 A、设计网站 B、搜索素材 C、站点规划 D、上传 9、在网页设计过程中,想要制作一个800~600的页面,页面背景色为蓝色,使页面在800X600的显 示器分辨率下布满整个浏览器屏幕,不留白边,需要的步骤有( )。 A、首先点选“插入”菜单中的“表格”选项 B、首先点选“修改”菜单中的“页面属性”选项 C、然后设置表格的宽高均为100%即可 D、然后设置外观中的各边距为0,确定即可 10、在中,关于模板的说法正确的是( )。 A、模板是一个文件 B、模板默认状态下被保存在站点根目录下的子目录下 C、模板是固定不变的 D、模板和库尽管有相似之处,但总的来说仍是不同的两个概念 11、下列关于网页设计的说法中,正确的有()。 A、冷暖色调在均匀使用时不宜靠近 B、纯度相同的两种颜色适宜放在一起 C、整个页面中最好有一个主色调 D、文本的色彩不会发生抖动,只有图片的色彩才会发生抖动、 E、抽象线条的构图很容易造成重心不稳 12、在中,元件是元件库中可以被重复使用的元素,包括()。 A、图像 B、按 C、文字 D、电影剪辑 13、在中,插入网页背景图像,包括插入( )。 A、平铺图像 B、无缝背景图像 C、追踪图像 D、以上都不正确 14、层的优点是( )。 A、能定位精确 B、插入自如 C、加速浏览 D、可叠加性
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和常用脚本语言,能够设计制作常见的静态和动态网页,具备网站的建立和维护能力。同时通过本课程的学习,培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路:以计算机专业学生的就业为导向,根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析,紧紧围绕完成工作任务的需要来选择课程内容,设定职业能力培养目标;以“工作项目”为主线,创设工作情景;以书本知识的传授变为动手能力的培养为重点,强化学生实践动手能力的培养,以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1.熟悉HTML 语言的作用和开发环境,能够编写HTML 代码; 2.掌握常用的HTML 标签,能够实现基本的图文信息显示; 3.理解HTML 页面框架的作用,能够针对需求进行框架的设计; 4.掌握各类HTML 表单元素标签,能够进行表单设计;
5.掌握各类HTML 多媒体元素标签,能够进行多媒体页面设计; 6.掌握CSS 样式的基本使用方法,能够应用CSS 样式表美化页面;7.掌握CSS 网页布局的方法,能够结合DIV 标签进行页面布局; 8.掌握JavaScript 的语法基础,能够编写简单的JavaScript 应用程序;9.掌握JavaScript 的函数、内置对象、事件等,能够实现表单的验证;10.掌握DOM 树形结构及其操作方法,能够控制DOM 对象。 2.职业技能目标 1.能独立进行资料收集与整理、具备用户需求的理解能力; 2.能根据项目需求,具备项目页面的设计与实现能力; 3.能根据静态页面设计原则与CSS 技术规范,实现页面美化与布局;4.具有使用JavaScript 技术进行页面事件处理与表单验证的能力; 5.能根据DOM 树形结构,进行页面DOM 的控制; 6.具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1.养成善于思考、深入研究的良好自主学习的习惯; 2.通过项目与案例教学,培养学习者的分析问题、解决问题的能力; 3.具有吃苦耐劳、团队协作精神,沟通交流和书面表达能力; 4.通过课外拓展训练,培养学习者的创新意识; 5.具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求