第2章 网页素材制作PPT课件
- 格式:ppt
- 大小:861.50 KB
- 文档页数:42


1 注意事项:
1、将D盘“网页素材3”文件夹改名为考生本人的学号+姓名+wyC(例:20040001张三wyC) (以下均称为考生文件夹),
2、考试所需的素材全部已在该考生文件夹中,考试所做的结果必须保存在该考生文件夹内。
3、建立的站点根文件夹必须是考生文件夹下的某一级目录。考试过程中应注意经常保存文件。
4、答题以试题文字要求为准,样张仅供参考。
5、考试结束之后请学生把考试文件夹按要求上传到教师机或服务器。
一、制作网页主要页面(60分)
1、本题素材均在考生文件夹中的“KS1”文件夹内。
2、操作要求
(1)使用Dreamweaver网页制作工具建立名称为“Cuihai 1”的站点,具体要求如下:
a)使用Dreamweaver网页制作工具,在考生文件夹下创建“Cuihai 1”站点;站点根文件夹为KS1文件夹
(2)使用Photoshop图像设计工具对网站首页切片素材1.7.5.2.bmp进行切片处理,并导出网站首页,具体要求:
a)按照网站首页切片要求1.7.5.3.bmp对切片素材1.7.5.2.bmp进行切片处理;
b)切片之后所形成的网页文件命名为index.html,保存到KS1文件夹中;
c)图片文件按照“index_编号.jpg”命名;
(3)利用Dreamweaver在站点内制作二级功能模块页面的空白html文件,并在网页中添加相应文本,要求如下:
a)about.html,添加相应文本“关于幼儿园”,添加“1.7.5.4.swf”导航条;
b)education.html,添加相应文本“教育教学”,添加“主页”链接返回主页;
c)recruit.html,添加相应文本“招生信息”,添加“主页”链接返回主页;
e)文件保存在KS1文件夹下。
(4)根据1.7.5.1.bmp的样张,按下列操作要求修改网站首页文件index.html,完成首页的若干链接设置,具体要求如下:
信息素养是一种对信息社会的适应能力
1
第一章 网页设计与制作简述教学设计
课题:网页设计与制作简述
课时:90分钟
教学对象:高一年级
教学目标:
1.知识技能目标
① 了解网页设计的基本概念;
② 可以制作一个简单的个人主页
2.过程方法目标
按照网页制作的基本概念进行讲述,让学生对网页制作有一个初步认识;然后,演示制作一个简单的个人主页,并要求学生完成自己的第一个个人主页。
3.情感态度价值观
在学生对网页制作的基本知识有了初步了解后,让学生制作出其第一个个人主页,体验成就感与带给学生自信。
教学重点:①网页基本概念的阐述
②演示网页制作
教学难点:让学生对制作网页产生初步认识
教学方法:互动交流、讲解示范法、启发引导
教学环境:电脑室,网络环境
教学内容及过程:
一、网页的基本概念
0.简单点评,给出学习目标
首先,欢迎学生选择了“网页制作”社,说明网页社团课的目标是让每一个学生可以制作出属于自己的个人主页,并为制作出功能与内容更为丰富而强大的网站做准备。同时,提出希望与期待!
然后,给出本节课的学习目标,期待学生积极参与,向更高层次目标努力。
1.网页与网站的概念
网页(web),也就是网站上的某一个页面,它是一个纯文本文件,是向浏览者传递信息的载体,以超文本和超媒体为技术,采用HTML、CSS、XML等语言来描述组成页面的各种元素,包括文字、图像、音乐等,并通过客户端浏览器进行解析,从而向浏览者呈现网页的各种内容。
网站(Website),它是指在互联网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页集合,它建立在网络基础之上,以计算机、网络和通信技术为依托,通过一台或多台计算机向访问者提供服务。平时所说的访问某格站点,实际上访问的是提供这种服务的一台或多台计算机。
2.网页的基本元素
网页是一个纯文本文件,通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。构建网页的基本元素包括文本、图像和超链接,其他元素包括声音、动画、视频、表格、导航栏、表单等如图1-2所示。
1 《网页设计与网站建设》课程设计
课程设计是课程教学中的一项重要内容,是完成专业教学计划,达到教学目标的重要环节,课程设计是通过真实工作任务或产品设计等综合性较强的实例而进行的实践环节,它对帮助学生全面掌握课堂教学内容,培养学生实践和实际动手能力,培养团队协作,人际交往等素质的提高具有很重要的意义,《网页设计与网站建设》是一门实用性和实践性都很强的课程,课程设计应占有更重要的地位。
一、课程设计任务
针对计算机各专业岗位技能要求,进行网页设计与网站建设项目工作,培养学生计算机操作的能力和用计算机设计网站的基本技能,使学生具备分析问题、用编程思维解决问题的能力,达到计算机初级网页设计员的水平,使学生养成既善于独立思考,又乐于与人沟通、具备团队合作意识的职业素质。
二、课程设计目的
课程设计总的目的在于加深对网页设计与网站建设的基本知识的理解,网页设计与网站建设技能综合运用和提高,通过真实工作任务,是学生能设计出有一定水平的网页并解决培养解决实际问题的能力,掌握实际网页设计与网站建设开发流程和开发方法。
具体的课程设计应达到以下目的:
1.提高学生在实际操作中收集信息,对信息进行价值判断,进行信息整理、加工的能力。
2.在实际的项目任务中培养网页设计方面的素养。
3.在实际的项目任务中使学生网页编程和制作的能力得到提高。
4.培养学生团队协作和人际交往方面的能力。
5. 培养相关知识和技能的综合应用能力。
三、课程设计的要求
《网页设计与网站建设》的课程设计课题选择应从专业网站建设的实际出发。
具体要求如下:
1. 自选主题,主题内容要合法、健康、实用。
2. 学生是课程设计环节的主体,教师只起辅助引导、协调作用。
3. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范,存放位置要正确,不可以是zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用 2 index。其他文件或文件名命名也要规范,不使用汉字或带有空格的名称。最好是符合各种系统命名规则。
1 第五课:制作框架网页
教学目标:
1、【知识与技能:】
(1)、学会表格的调整;
(2)、能在网页中插入Flash,并对相关属性进行设置;
(3)、能在网页中插入文本,并对文字格式进行设置。
2、【过程与方法:】
(1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程;
(2)、通过探究学习体验知识的学习是在不断加深的过程;
(3)、通过插入FLAH动画练习,认识到知识之间是可以相互利用的过程。
3、【情感态度与价值观:】
(1)通过插入动画,使网页较之前更加丰富,激发学生的兴趣;
(2)通过本课的学习完成任务,体验成功,肯定自己的能力。
教学重、难点:
重点:能够对表格属性进行熟练的设置。
难点:使能够对表格属性进行熟练的设置。
教法及教具:教法:讲解,学生练习。 教具:计算机网络教室 ;
一、课程导入
对于一个网页,信息的表达是多种多样的,我们可以使用文字、图片等,我们也可以为网页添加动画、音频、视频等,为了让我们的网站看起 2 来有动感,吸引别人的眼球,我们应该学会在网页中使用Flash。这节课我们就来一块学学怎么在网页中使用Flash。
二、新课讲授
1.新建站点
(1)将“安全自护我能行”站点文件夹传到学生机。
(2)新建站点。
2.调整表格
选择对象
表格、行、列、单元格属性的设置是以选择这些对象为前提的。
选择表格:“标签选择器”中单击
选择某一单元格:按住Ctrl键,同时单击选中的单元格;“标签选择器”中单击标签。
选择某一行或某一列:将光标移动到行左侧或列上方,当鼠标指针变为向右或向下的箭头图标时,单击即可。
设置第一行的属性
选中表格的第一行,将高度设为420。和flash的高度一致。
3.插入flash动画
将光标定位在表格第一行中,执行“插入”——》“媒体”——》Flash命令。
在弹出的对话框中选择other文件夹下的index.swf,单击确定。