网页设计与制作:使用层和框架布局页面
- 格式:ppt
- 大小:407.00 KB
- 文档页数:9
------------------------------------------------------------------------------------------------------------------------------ (单选题)1: 如果将单个单元格的背景颜色设置为蓝色,然后将整个表格的背景颜色设置为黄色,则单元格的背景颜色为()。
A: 红色B: 黄色C: 绿色D: 蓝色正确答案:(单选题)2: HTML是一种页面( )。
A: 程序设计型的语言B: 执行型的语言C: 编译型的语言D: 描述型的语言正确答案:(单选题)3: 图像属性面板中的热区按钮不包括()。
A: 方形热区B: 圆形热区C: 三角形热区D: 不规则形热区正确答案:(单选题)4: 下列文件属于静态网页的是()A: Index.aspB: index.jspC: index.htmlD: index.php正确答案:(单选题)5: 要指定一个表格的宽度为200像素,高度为150像素,以下正确的是()。
A: <table width=200 height=150>B: <table borderwidth=200 height=150>C: <table borderwidth=150 ght=200>D: <borderwidth=200 height=150>正确答案:(单选题)6: <font>标记的Size属性最大可以取值为()A: 5B: 6C: 7D: 8正确答案:(单选题)7: 下列选项中不属于CSS选择符的是()。
A: 超文本标记选择符B: 类选择符C: ID选择符D: 对象选择符正确答案:------------------------------------------------------------------------------------------------------------------------------ (单选题)8: 下列关于CSS的说法错误的是:()A: CSS的全称是CascadingStyleSheets,中文的意思是“层叠样式表”B: CSS的作用是精确定义页面中各元素以及页面的整体样式C: CSS样式不仅可以控制大多数传统的文本格式属性,还可以定义一些特殊的HTML属性D: 使用DW只能可视化创建CSS样式,无法以源代码方式对其进行编辑正确答案:(单选题)9: 设置网页的标题时,在代码中需要()标记。
[试题分类]:专科《网页设计与制作》_12000079[题型]:单选[分数]:21。
下列哪个地址是电子邮件地址()A。
WWW。
263。
B。
CSSC@263。
NETC。
192。
168。
0.100D.http://www.sohu。
com答案:B2。
高科技企业网站的主题色一般都使用蓝色,蓝色有什么含义?() A。
凉爽清新B。
高雅浪漫C.纯洁D.高端大气答案:A3.保存Flash动画时,其原文件的默认格式是()。
A。
swfB.。
flaC。
.jpgD。
. gif答案:B4。
“常用”面板中的“图像"按钮位于哪个区域中( )。
A.插入面板B.属性面板C.面板组D。
菜单栏答案:A5。
下列说法正确的是( ) 。
A.网页和站点都是文件B。
创建网页就是创建站点C。
创建网页也可以不必创建站点D。
创建网页前必须应先创建站点答案:D6.在HTML中画一条绿色线条的标签是()A。
见图B.见图C。
见图D。
见图答案:A7。
HTML是一种()A.文件传输协议B。
超文本协议C。
编译语言D.超文本标记语言答案:D8.在HTML语句中标记的作用是( )A.插入动画B.插入空格C。
插入图像D。
插入文本答案:C9。
如果要修改表格的列宽,则需要修改哪个标签的属性?()A.tableB。
trC.tdD.align答案:C10。
标记的作用是( )A。
创建一个上下框架网页,右边框架宽度是左边框架的3倍B。
创建一个左右框架网页,右边框架宽度是左边框架的3倍C。
创建一个嵌入式框架网页,外面框架宽度是里面框架的3倍D.创建一个三框架的网页答案:B11。
超链接的属性target =_parent的作用是()。
A。
将目标网页在原来的窗口中打开B。
将目标网页在新的窗口中打开C。
链接上一个页面D。
链接本页面的另一个文件答案:A12.<a href=″#cs″>计算机学院</a>的作用是()A。
超级链接到计算机学院网页B。
超级链接到本文件中cs标记处C。
《网页设计与制作》课程标准一、课程性质本课程是中等职业学校数字媒体类数字媒体技术应用专业必修的一门专业核心课程,是在《图形图像处理》《程序语言设计》等课程基础上,开设的一门理论与实践相结合的专业课程,其任务是让学生掌握网页设计的基础知识与基本技能,为《多媒体作品设计软件应用》等后续课程的学习奠定基础。
二、学时与学分72学时,4学分。
三、课程设计思路本课程按照立德树人根本任务要求,突出核心素养、必备品格和关键能力,兼顾中高职课程衔接,高度融合网页设计与制作知识技能的学习与职业精神的培养。
1依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》中确定的培养目标、综合素质、职业能力,按照知识与技能、过程与方法、情感态度与价值观三个维度,突出项目操作能力和解决问题能力的培养,结合本课程的性质和职业教育课程教学的最新理念,确定本课程目标。
2.根据“中等职业学校数字媒体技术应用专业'工作任务与职业能力'分析表”,依据课程目标和计算机软件测试员等工作的岗位需求,围绕网页设计与制作关键能力,反映数字媒体行业发展的新知识、新技术,体现科学性、适用性原则,确定本课程内容。
3.以创建一个完整的网络为主线,设置模块和教学单元,将网页设计与制作的基础知识、基本技能和职业素养有机融入,遵循学生认知规律,结合学生的生活经验,确定学习内容的顺序。
四、课程目标学生通过学习本课程,掌握网页设计与制作的基础知识与技能,能独立制作中小型的网站,并通过现代信息化的手段进行表现,初步形成良好的职业意识和职业素养。
1了解网页设计与制作相关的艺术、技术背景知识及发展趋势,能对网站制作产生学习兴趣。
2.熟悉网页制作原理及制作流程,掌握静态网站制作的基本方法。
3.掌握AdobeDreamWeaVer网页制作工具,熟练运用多种网页设计技术,具备网页设计、制作及站点管理的基本知识和基本技能。
4.了解动态网页的初步知识,能合理规划网站,并能根据要求正确创建数据库和数据表,完成网站制作。
《网页设计与制作》课程标准适用专业:计算机系各专业学时:72 学分:4编写执笔人:**** 审定负责人:**** 课程编码:一、课程性质本课程是专业学习领域课程,主要培养学生从事网页设计与制作的基本技能,使学生掌握网页设计的概念和方法,能读懂HTML代码,能够运用专业的网页设计工具,使用“DIV+CSS”技术,进行网站规划、建立和维护,具备网页设计岗位的职业技术能力。
本课程前导课程:计算机应用基础、网络应用基础本课程后续课程:动态网站开发二、课程设计思路本课程的设计思路以就业为导向,按照基于工作过程的职业能力来进行课程开发,请计算机各专业有经验的教师对各自专业所涵盖的岗位群进行工作任务和职业能力分析,以此为依据确定本课程的工作任务和课程内容,并参照行业职业标准,以任务引领为课程框架,将课程按递进方式设计成项目,并以项目为单元组织教学,使学生由浅入深,以点到面的全面掌握网页设计的职业技能。
学生通过各项目的系列练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养,体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。
同时对教学过程的教学条件、教学模块、教学案例都进行了详细的设计,完成本课程的整体教学内容和教学实施的整体设计,建立了基于网页设计的课程标准。
课程框架结构、学分和学时分配三、课程学习目标总目标:使学生掌握常用的网页设计工具,熟练运用多种网页设计技术,具备Web网页设计、制作及站点管理的基本知识和基本技能,学生能够独立制作中小型的静态网站。
具体目标:(一)教学目标:1.了解HTML代码中各种标记符的作用和应用,以及格式要求;2.了解图像的几种格式:GIF、JPEG、PNG格式,它们各自的特点和差别;3.掌握Dreamweaver操作界面的基本组成、界面组件的操作方法;4.熟练掌握网页元素的各种定位技术,深入理解它们的作用;5.了解轮换图片与影像地图的作用,掌握它们的设计方法6.掌握网页中动态按钮和时间轴动画的创建,以及各种动画元素的插入方法7.了解CSS样式表的作用和意义,熟练掌握其设计方法;8.了解DIV标签的作用,熟练掌握其使用方法;9.了解表单的作用,掌握其使用方法;10.熟练掌握各种链接的作用以及相关操作;11.了解模版和库在网页更新维护中的作用,熟练掌握它们对网站进行管理和更新的方法;12.了解站点的定义、作用,掌握创建定义站点结构的方法;(二)技能教学目标:1.会用HTML语言中的标记制作一个简单的网页;2.会用HTML语言中的标记设置颜色、文本格式和列表;3.熟练利用各种方法在网页中插入文本和图片、设置文本和图片之间的格式;4.会利用Dreamweaver制作轮换图象和影象地图;5.能熟练的在网页中设置各种超链接;6.熟练利用网页元素定位工具设计网页格局;7.熟练利用DIV+CSS设置页面外观;8.会在网页中插入多媒体对象,如:flash、flash按钮;9.会在网页中插入表单,利用表单让用户之间能更好的交流;10.会使用JavaScript脚本程序实现某些网页特效;11.熟练利用模板和库对网页进行更新和维护;12.熟练利用站点对网站进行上传;(三)素质教学目标:1. 提高审美能力,好的网页首先外观要求大方美观,较高的审美能力能帮助自己作出好的网页出来2. 合理的利用技术,在不影响美观或者是尽量不影响的条件下,找到一个接合点做出美观而又实用的网页3. 时时关注软件的新发展,学会应用新的功能,以提高工作效率4. 具有一定的文化素质,让自己的网页增添几分艺术特色,使自己网页设计达到一定的水准5. 作一个生活的有心人,使自己的作品富有生机6.提高学生的合作精神、协调工作能力和组织管理能力四、课程内容与要求项目一认识网页、网站(4学时)教学目标:了解网页设计的基本概念,掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点;掌握进行网页制作的一般步骤。
湖南省商业技术学院学期授课进度计划(二年级第一学期)课程名称网页制作与设计适用班级16高21、22制定教师易会芝审批签字2017-2018 学年第一学期制定教学计划学期授课进度计划表学期授课进度计划表任务一插入文本(20min) 一、插入文本1、插入普通文本2、插入不换行空格3、插入水平线4、插入日期和特殊字符二、编辑文本1、基本样式设置2、设置段落格式3、创建列表演示并强调重点认真听讲并记下重点文本插入是基础知识,为下面任务二打下基础任务二(55min) 完成以下网页实例:1、引导学生讨论该网页由哪几部分组成2、引导学生小组组内分工,完成小模块小组讨论本实例即是对任务一的巩固,也为下一次课打下基础作业布置(5min)1、找一篇文章输入至页面中,然后利用所学知识,对其进行格式编排课堂小结(5min)一、插入文本二、编辑文本板书一、插入文本5、插入普通文本6、插入不换行空格7、插入水平线8、插入日期和特殊字符二、编辑文本1、基本样式设置2、设置段落格式3、创建列表三、实例操作教学反思本次课是一个基础知识内容,文本是一个网页必不可少的内容,对网页设计至关重要,学生必须牢牢掌握文本的各个要点。
目前来说学习兴趣较好。
实训课题网站素材处理实训课时2课时实训目标1、掌握创建本地站点和远程站点2、学会修改站点和多站点的管理实训重点站点的管理实训难点站点的管理实训方法上机实训实训准备教案、素材、案例、教材、计算机机房实训要求1、对照实习报告的要求,完成上机任务;2、任务完成后及时要求教师考评;3、完善实习报告,填写实训总结;4、遵守实训纪律,不游戏,不睡觉,不高声谈论。
实训过程内容操作要求及步骤任务一创建站点1、熟悉DW界面2、在D盘根目录创建一个站点名称为《我的足球网》,本地站点文件夹为jcwww,如下图所示任务二设置默认图像文件夹利用教师所给素材,制作简单网页《我的偶像》,素材见文件夹完善报告填写实训总结,并上交实习报告。
框架是什么,框架就好比我们的骨骼,支撑着整个网页,如果一个网页没了框架,那么就感觉像一盘散沙,因此为了更好的实现网页的效果,我们就要学会给网页制作一个框架,为了更好的理解什么是框架。
我们画一张示意图来进行讨论。
这是一个左右型的框架,由三个网页文件组成的。
首先外部的框架是一个文件,图中我们用index.htm命名。
框架中左边命名为A,指向的是一个网页A.htm。
右边命名为B,指向的是一个网页B.htm。
下面我们就来从头开始制作一个框架。
1、点“文件”菜单>新建,弹出“新建文档”对话框如下图:或在插入栏>布局>选"框架:左框架"如下图:Dreamweaver MX 2004生成一个空白的框架页面,如下图:2、选择「窗口」菜单>“框架”,弹出“框架”面板如下图。
从框架面板可知,系统对左右框架生成命名。
左框架名为:leftFrame,右框架名为:mainFrame,当然您可以通过框架属性面板对框架重新命名,了解这一点非常重要。
创建超级链接时,要依据它正确控制指向的页面。
3、保存框架。
选择“文件”菜单点击“保存全部”。
系统弹出对话框。
这时,保存的是一个框架结构文件。
我们按照惯例都命名为index.htm。
保存的时候如果虚线框笼罩的是周围一圈就是保存框架结构。
(下图)虚线笼罩在右边就是保存框架中右边网页。
(如下图)虚线笼罩在左边就是保存框架中左边的网页:(如下图)三个页面保存完毕。
4、下面我们要实现按左边的超级链接,对应的页面出现在右边。
在左边的页面中做上超级链接。
指向一个已经存在的页面。
注意做好链接以后,要在目标栏中设置为mainFrame。
(如下图)6、设置完毕,保存全部,按F12预览网页。
链接指向的页面出现在右边框架中。
7、重复以上步骤,把左框架所有的链接做完,一个简单的网站导航结构创建完成。
更多Dreamweaver 教程请继续访问建站学的Dreamweaver教程专区。
实验七框架结构【实验目的】:通过本实验,使学生熟悉创建、编辑框架网页和利用框架来布局页面的基本方法。
2021《网页设计与制作》习题库及答案《网页设计与制作》习题及答案1一、选择(1)通过( C ),可以对一个网页的名称、网页背景、网页链接文字属性、网页边界等进行设置。
A、站点管理窗口B、对象面板C、页面属性窗口D、属性面板(2)在网页的空白处点击鼠标右键,在弹出的快捷菜单中选择“页面属性”或按( A )快捷键打开“页面属性”窗口。
A、【Ctrl+J】B、【Ctrl+T】C、【Ctrl+L】D、Alt+J(3)通过( A )旁边的颜色按钮,可以选取一种颜色作为链接文字在鼠标按下时的颜色。
A、活动链接B、链接C、访问过的链接D、文本(4)样式定义类型中的(A )主要用来作背景色或背景图片的各项设置。
A、背景B、区块C、列表D、扩展(5)主要用来作页面上的文字段落或图片的放置位置的设置。
(C)A、盒子B、边框C、区块D、定位(6)CSS样式表只能工作在(A )及以上版本的浏览器中。
A、3.0B、4.0C、3.5D、2.0(7)(A )几乎可以控制所有文字的属性,它也可以套用到多个网页,甚至整个网站的网页上。
A、CSS样式B、HTML样式C、页面属性D、文本属性面板(8)几种CSS方式各有用途,在统一整个站点风格上,用(A )方式。
A、外部文件式B、内嵌入式C、独立式(9)外部CSS样式文件的引用是通过(B )来实现的。
A、新建样式B、附加样式C、编辑样式D、自动应用(10)CSS样式表存在于文档的( C)区域中。
A、HTMLB、BODYC、HEADD、TABLE二、填空题(1)页面属性如果设置不理想,可以通过( 取消)按钮,恢复到这之前设置保存过的状态。
(2)如果文本属性面板没有在界面上出现,可通过选择主菜单“窗口”/“属性”命令或使用( ctrl+f3 )快捷键调出来。
(3)如果使用表格进行页面布局,通常将边框宽度设为( 0 )。
(4)单击( 合并所选单元格,使用跨度)按钮将选定的单元格、行或列合并为一个单元格。