《网页制作》课程实训教学大纲(精)
- 格式:doc
- 大小:70.00 KB
- 文档页数:5
《网页设计与制作》实践教学大纲(信息网络安全监察专业适用)一、课程类别专业能力课二、地位和作用本实践教学大纲是信息网络安全监察专业“网页设计与制作”课程的实践教学大纲,是完成“网页设计与制作”课程和培养网页设计与制作的基本操作技能的重要实习实践环节。
总学时为30学时,共包括9个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。
三、实验目的和要求通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件Dreamweaver的使用等基础知识,熟练运用网页制作的工具软件,使学生具有网页、网站制作的知识与能力,具备应用电脑独立开发网页、网站并将网站上传并测试的技能,具备解决网页设计、网站开发中出现各种问题的能力。
四、实验设施1.硬件要求:使用计算机基础实验室。
硬件条件包括50台计算机:1G以上内存、40G以上硬盘。
2.软件要求:(1)WindowsXP以上版本(2)Dream weaver8 中文版;(3)Flash8 中文版五、组织方式所有实验环节均由每位学生独立完成。
实训内容、课时分配情况实验项目(一)实验项目(二)实验项目(三)实验项目(四)实验项目(五)(一)实验目的(1)掌握时间轴和层的基本理论(2)熟悉层面板,利用时间轴制作层动画。
(二)实验要求实验前认真预习,熟练掌握有关时间轴和层概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师。
实验内容使用层和时间轴制作动画:1.建立一个本地站点,包括2-3个网页2、在网页上添加如下的时间轴动画(1)层的曲线运动(2)录制层路径3.设置超链接将站点中的网页链接起来。
实验步骤1.层的曲线运动(1)新建一个文档并保存。
(2)在文档中插入一个层,在“属性检查器”中命名层编号为fish,并在层中插入一幅图像。
并将层拖到时间轴面板中。
(3)选择动画条右侧端点,即右侧关键帧。
《网页制作》教学大纲(40学时)课程代码:13407334一、课程性质、目的及开课对象(一)课程性质:专业选修课(二)目的:对学生进行网页制作技能训练,提高他们对网络资源利用开发的能力,处于信息时代,还应努力培养学生的信息素养,使他们掌握网页制作的基本技能和网络资源利用的基本能力,以及网络道德素养的培养与提高。
(三)开课对象:教育技术学专业本科学生,时间为第七学期。
二、先修课程:无三、教学方法和考核方法(一)教学方法:演示法、讲授法。
(二)考核方式:考查四、学时数分配总学时:40学时。
授课20学时,实验20学时。
五、教学内容与学时第一章HTML基础(2学时)【主要内容】:1.1 什么是HTML1.Web页的基本概念2.HTML的工作原理3.创建和测试Web页1.2 创建WEB页1.标记符基础2.Web页的基本结构3.设置页面属性4.添加注释5.显示特殊符号1.3 发布WEB页1.创建本地站点2.申请网页空间3.用FTP上传网页【重点难点】:站点的创建与使用【学生掌握要点】:什么是HTML、站点的创建与使用【习题】:1.简要说明HTML的基本工作原理。
2.编写一个能够显示背景图案并能播放背景音乐的网页。
第二章文本格式(2学时)【主要内容】:2.1 文本分段1.段落标记符P和换行标记符BR2.水平线标记符HR3.标题标记符Hn4.段落对齐2.2 控制文本的显示效果1.字体控制标记符FONT2.物理字符样式3.逻辑字符样式4.滚动文字效果2.3 列表格式1.有序列表2.无序列表【重点难点】:控制文本的显示效果【学生掌握要点】:文本格式化【习题】:1、自行编写实例,尝试本章中介绍的所有标记符和属性。
第三章使用图像(4学时)【主要内容】:3.1 web页图像基础1.位图与矢量图形2.Web页图像格式3.使用网页图像的要点3.2 图像处理基本操作1.Fireworks的界面2.修改图像大小3.用适当的格式导出图像4.制作GIF动画3.3 图像标记符IMG1.插入图像2.设置图像属性3.4 创建超链接1.相对地址和绝对地址2.页面链接3.锚点链接4.电子邮件链接3.5 使用图像映射1.什么是图像映射2.创建图像映射【重点难点】:创建超级链接和对页面空间结构的理解。
《网页制作》课程实训大纲课程名称:网页制作实训学时:86适用专业:电子商务课程类别:专业课编写大纲教研组/实训组:电子商务组一、实训的性质、目的与要求《网页制作》课程是一门技术性和实践性很强的学科,其模拟实习是在基础理论教学完成之后,在校内利用仿真设备及模拟实训软件进行的实践性教学环节,是电子商务专业必须加强的技能教学环节。
目的:通过实验教学主要培养学生的学生的动手能力,提高学生运用HTML 语言编写静态网页能力的水平,掌握HTML和CSS语言的应用,通过该实训课程的学习,学生能够对所学过的静态网页设计的基本知识和方法进行练习和巩固,使学生了解并掌握静态网页设计的一般方法,具备初步的独立设计能力,提高综合运用所学的理论知识独立分析和解决若干简单问题的能力。
为学生学习动态网页的打下坚硬的基础。
要求:掌握网页设计基本概念和HTML的基本结构,了解网页技术概况、HTML 的编辑和运行环境。
掌握文字版面的编辑,掌握网页的超链接技术的应用,了解图像的处理,包括背景图案、图形、图象及其超链接等的设定和应用。
了解列表的各种使用,了解表格的基本语法,掌握表格的定义、控制、分组、标题等的应用。
了解表单在网页中的应用,了解如何在网页中加入各种动态效果,了解网页中CSS的基础知识,掌握CSS的各种属性应用二、实训方式学生上机操作,教师指导。
三、考核方法本实训按出勤和网页的设计、调试能力及实验完成情况综合考核,实验成绩按20%的比例记入总成绩。
四、实训指导书及主要参考资料实训指导书:《网页制作实训指导书》电子商务组编内部使用参考书:《网页设计语言教程(html/css)》于鹏编电子工业出版社2007 《网页设计与制作使用教程》刘艳丽等编高等教育出版社2006五、实训项目及学时分配实训项目一览表六、实训项目内容及其要求实训一计创建站点及页面设置(4学时)【实训目的】掌握站点的规划学会创建与管理站点掌握页面的创建、保存操作学会设置页面属性【实训内容】本次实训将为XX广告公司网站进行站点规划以及站点的创建,并为站点创建主要的文件夹及文件:规划XX广告公司站点结构创建站点创建主要文件夹及文件【实训设备】:PC若干台【实训要求及成绩评定】:要求:熟悉站点的创建步骤,学会管理站点,页面的创建、保存及属性的设置方法。
网页制作教学大纲网页制作教学大纲一、引言在当今数字化时代,网页设计与制作已经成为一项重要的技能。
无论是个人网站、企业宣传页面还是电子商务平台,都需要精心设计的网页来吸引用户,并提供良好的用户体验。
本文将探讨网页制作的教学大纲,以帮助学习者系统学习和掌握网页制作的技能。
二、基础知识1. 网页制作的概念和发展历程- 介绍网页制作的定义和背景- 回顾网页制作的发展历程,从简单的HTML页面到现代的响应式设计2. HTML与CSS基础- 介绍HTML和CSS的作用和基本语法- 学习如何使用HTML标签创建网页结构- 学习如何使用CSS样式表美化网页3. 响应式设计与移动优先- 解释响应式设计的概念和重要性- 学习如何使用媒体查询和流式布局创建适应不同设备的网页- 强调移动优先设计的原则和实践三、进阶技巧1. 图像和多媒体的应用- 学习如何插入图像和视频到网页中- 探讨图像和多媒体的优化和压缩方法,以提高网页加载速度2. 交互式元素与动画效果- 学习如何使用JavaScript和CSS动画创建交互式元素和动画效果 - 强调用户体验的重要性,提供用户友好的交互功能3. 网页导航与布局设计- 探讨网页导航的设计原则和最佳实践- 学习如何创建吸引人的网页布局,包括网格系统和平衡布局四、实践项目1. 个人网站设计与制作- 学习如何规划和设计个人网站的结构和内容- 实践使用HTML、CSS和JavaScript创建个人网站2. 企业宣传页面设计与制作- 学习如何根据企业品牌和目标受众设计企业宣传页面- 实践使用响应式设计和交互式元素创建企业宣传页面3. 电子商务平台设计与制作- 学习如何设计和制作电子商务平台的网页- 探讨电子商务平台的用户体验和安全性要求五、实践与评估1. 实践项目的完成与展示- 学习如何将网页上传到服务器并进行测试- 学习如何使用浏览器开发者工具进行调试和优化2. 项目评估与反馈- 学习如何评估网页设计的质量和用户体验- 探讨如何接受反馈并进行改进六、总结通过本教学大纲的学习,学生将掌握网页制作的基础知识和技能,并能够设计和制作个人网站、企业宣传页面和电子商务平台。
《网页设计与制作》课程实验(上机)教学大纲一、实验教学目标与基本要求本实验课程是信息管理专业和财务管理专业的专业任选课程。
通过本实验课程的学习,要求学生掌握Web的基本概念,学会使用常用的网页设计工具,网站的建立维护能力。
通过发布属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。
因此,精通Web的应用基础,掌握Web网页的制作和Web 站点的管理等内容已经成为现代人必备的一种技能。
该课程强调基础知识的教学和实践技能的培养。
在“虚拟企业”教学实践平台上,大力开展技能教学,专门设计电子商务网站构架平台,辅助学生自行动手创建个性化的商务网站。
并编写实训手册,训练学生帮助企业解决企业电子商务问题的能力,形成了以案例教学为主线的理论教学和以项目驱动为特点的实践教学相结合的课程特色。
本课程内容以网站建设的实践为线索来确定课程的知识结构。
根据课程具有的实用性的特点,实践环节在教学过程中应占有重要地位,为此,教学中一定要加强实际动手能力的培养。
具体通过本课程的学习,要求学生掌握一、两种常用的网页设计工具,熟练运用多种网页设计技术,具备Web页设计、制作及站点管理的基本知识和基本技能;了解一种绘制图形和加工图像的图像处理工具。
二'基本理论与实验技术知识1.了解网站开发的基本知识。
2.掌握网页文本操作、插入图象、表格应用、超级链接、层的使用、网页布局、框架与框架集。
3.掌握加强网页显示效果的CSS样式、资源、模板和库。
4.掌握交互的表单应用和插入媒体对象。
5.掌握行为的应用、动画创建等实际内容。
6.学习搭建服务器平台,测试和发布站点。
7.掌握在Macromedia Dreamweaver CS4中使用数据库、ASP对象、服务器行为制作动态网页。
三' 实验方法' 特点与基本要求本实验开设对象为《网页设计与制作》课程的学习者(经济管理类信管专业学生),实验为必修内容。
《网页设计与制作》课程教学大纲课程编号:课程名称:网页设计与制作课程类型:专业基础课总学时:64 讲课学时:32 实验学时:32适用班级:一、课程性质、目的和任务:(加粗,以下同)1、目的本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设计。
这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。
2、任务本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。
目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。
二、教学基本要求:(分三级:掌握、理解、了解)1.掌握:要求学生能够全面掌握所学内容,并能够用其分析、应用与Dreamweaver网页设计相关的问题,能够举一反三。
2.理解:要求学生能够较好地理解与Dreamweaver网页设计相关的问题,并且能够进行简单分析和判断。
3.了解:要求学生能够一般地了解的所学内容。
三、教学内容及要求:第1章Dreamweaver基础教学内容:Dreamweaver 的历史和简介Dreamweaver 的安装过程Dreamweaver 的全新界面改进的设计与开发环境主菜单介绍对象控制面板介绍教学要求:掌握:Dreamweaver的基本特点、新增功能及界面组成。
基本操作,如安装、新建、打开、导入、保存、关闭等。
理解:新增功能、界面组成的优点。
了解:Dreamweaver可以为我们做些什么。
第2章网页设计语言基础教学内容:HTML及XHTML语言介绍常用的网页语法标记教学要求:理解:HTML及XHTML语言介绍,常用的网页语法标记第3章文本和图像处理教学内容:文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求:掌握:设置文本属性和格式;编号与项目符号的使用;插入、编辑和排版图像。
《网页设计与制作》课程实验教学大纲一、实验课程概述《网页设计与制作》课程旨在培养学生的网页设计与制作能力,通过实践操作,掌握常用的网页设计和制作技术方法。
本实验课程主要注重学生对HTML、CSS和JavaScript等网页技术的应用能力,通过实践项目,培养学生的创新思维和团队协作能力。
二、实验目标1.掌握网页设计和制作的基本原理和方法;2. 熟悉HTML、CSS和JavaScript等网页技术的使用;3.学会使用常见网页设计工具和软件进行网页制作;4.培养学生的创新思维和团队协作能力。
三、实验内容与教学安排1.实验一:网页布局和样式设计-HTML网页结构的搭建-CSS样式的设计与应用-响应式网页设计2.实验二:网页交互与动态效果设计- JavaScript基础知识与语法-网页交互与事件处理-动态效果设计与实现3.实验三:网页优化与维护-网页性能优化-SEO优化原理与方法-网页维护与更新4.实验项目:团队合作网站制作-学生分组进行团队合作项目-设计和制作完整的网站-考核团队的创新能力和团队协作能力四、实验要求1.实验过程中,学生需要独立思考和解决问题,注重实践能力的培养;2. 学生需具备基本的HTML、CSS和JavaScript基础知识,能够灵活运用这些技术进行网页设计与制作;3.实验过程中,学生需要遵守项目管理规范,完成实验报告和实验成果的整理和展示;4.学生需要积极参与团队合作项目,发扬团队协作精神。
五、实验评价与考核标准1.实验报告:实验报告书写规范,内容完整和准确,对实验过程和结果进行详细介绍和分析;2.实验成果:实验成果展示符合要求,网页设计和制作质量高,实现了预期的功能;3. 实验操作:实验操作过程规范,能够熟练运用HTML、CSS和JavaScript等技术进行网页设计和制作;4.实验考勤:参与实验课程的积极性高,完成实验任务,遵守实验室纪律。
六、实验资源与环境1.实验室设备:计算机,投影仪等2. 实验软件:Sublime Text、Adobe Dreamweaver等3. 网络资源:W3School、GitHub、Stack Overflow等七、实验参考教材1. 《HTML与CSS设计与构建网站》(第3版),Jon Duckett 著2. 《JavaScript权威指南》(第6版),David Flanagan 著以上为《网页设计与制作》课程实验(上机)教学大纲,旨在通过实践项目,培养学生的网页设计与制作能力,提高其创新思维和团队协作能力。
《网页制作》课程实训周教学大纲实训周数:1周学分:2实训周天数:5天实训项目个数:3大纲执笔人:张永福一、实训周课程的性质与任务《网页制作》是一门实用性和实践性都很强的课程,《网页制作》课程实训周是实践教学环节中的重要内容,是完成教学计划达到教学培养目标的重要环节,它对帮助学生全面牢固地掌握课堂教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。
因此该课程的实训专周设计应占有非常重要的地位。
二、能力目标通过实训1周5天的集中《网页制作》实训技能训练,应达到以下能力目标:1.使学生对于网络信息及网络信息发布有更加深入的理解;2.提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力;3.提高学生的网页设计与制作能力;4.使学生进一步掌握网络信息发布的原理,及网络信息发布所需的软件、硬件条件;5.使学生掌握利用软硬件资源发布一个具体网站的操作过程。
三、实训专周课程的要求1.学生根据自己的兴趣爱好或专长,确定一个网站主题;2.根据确定的网站主题,通过各种途径收集、整理、加工网站所需要的信息;3.白行确定网站的LOGO、自行设计各级网页的风格、网站的整体结构;4.利用Dreamweaver网页制作软件设计制作各个页面;5.测试完成的网站;6.充分利用能够得到的软硬件资源,将网站发布到内部网或Internet上。
测试完成的网站; 四、实训专周的实训项目及内容提要序实训项冃编号天数必选实训项目类型内容提要基本操作验证综合设计1实训一:评析网站1天寸学牛在网络上自选两个网站,从网站的冃标定位、版面的总体设计和栏目设置、提供的内容信息是否准确、网页的制作结构、色彩和导航、交互设计是否合理方便等方面对其进行评析比较。
2实训二:进行个人网站设计与规划1天寸7学生根据自己的兴趣爱好或专长,确定一个网站主题;并进行个人网站的规划与设计。
3实训三:小型个人网站的建设与发布3天寸7根据个人网站设计的内容要求,进行文字、声音、图形、图象,动画、视频等多媒体素材的收集、加工和处理。
《网页设计与制作及实训》教学大纲课程名称:网页设计与制作适用层次、专业:高职高专学时:64学时学分:4课程类型:必修课课程性质:专业课先修课程:《计算机应用基础》、《电子商务概论》、《网络技术》等一、课程的教学目标与任务本课程是一门操作性很强的专业技术课。
它的主要任务是通过本课程的学习,使学生掌握HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性,能设计出多窗口网页、动态网页;能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练运用Fireworks、进行图片处理,能熟练运用Flash制作网页动画;能维护、管理和设计WEB应用程序;能独立设计WEB站点。
二、本课程与其他课程的联系和分工本课程是学生在学习了《计算机基础》、《电子商务概论》、《网络技术》、等课程之后,开设的一门专业课。
通过学习,培养学生具有制作一般商业网站的能力,同时了解网页网站的技术发展趋势、最新的技术动态和网页、网站制作软件平台。
它将为后续开设的《ASP网络程序设计》、《JA V A程序设计》等课程奠定坚实的基础,学生通过学习本课程,可参加网页设计师和平面设计师及网站后台开发工程师等认证。
三、课程讲授内容及基本要求(一)网页设计基础知识(总学时:2;其中理论:1,上机:1)1.1 internet基础1.2 网页制作工具1.3 HTML语言1.基本要求(1)了解WWW服务;(2)了解网页设计工具;(3)掌握HTML语言。
2.重点、难点重点:网页的开发流程和HTML标签。
难点:HTML标签。
3.说明:(二)创建站点(总学时:2;其中理论:1,上机:1)2.1 Dreamweaver MX 8.0 工作界面2.2 定义本地站点1.基本要求(1)了解DREAMWERVER工具界面(2)了解并掌握建站点的创建(3)掌握简单网页的制作2.重点、难点重点:站点的创建和测试难点:站点的创建和测试3.说明:(三)制作页面(总学时:4;其中理论:2,上机:2)3.1 案例导入:西部旅游网3.2 页面属性的设置3.3 文本的修饰3.4 设置超级链接3.5 制作包含超链接的纯文本网站3.6 使用图像1.基本要求(1)了解页面属性的设置(2)掌握精确设置文本属性、使用样式控制文本外观(3)掌握使用图像和超级链接2.重点、难点重点:使用样式控制文本外观,使用图像和超级链接难点:超级链接3.说明:(四)设计页面布局(总学时:8;其中理论:4,上机:4)4.1 网页版面布局概述4.2 实例导入:表格排版网页4.3 使用表格排版4.4 使用层排版4.5 时间轴特效及行为4.6 使用框架排版网页1.基本要求(1)掌握使用表格进行页面的排版(2)掌握使用层进行页面的排版(3)掌握时间轴特效及行为(4)掌握使用框架进行页面的排版2.重点、难点重点:使用表格、框架排版难点:使用表格、框架排版3.说明:(五)CSS样式表(总学时:4;其中理论:2,上机:2)5.1 使用CSS 样式表的网页实例5.2 使用CSS 样式表5.3 CSS样式的应用1.基本要求(1)了解CSS样式表的用途(2)掌握CSS样式表的创建和应用2.重点、难点重点:CSS样式表的创建和应用难点:CSS样式表中的DIV排版和滤镜属性3.说明:(六)使用表单(总学时:2;其中理论:2,上机:2)6.1实例导入:利用表单创建用户信息注册表6.2 创建表单6.3 插入表单对象1.基本要求(1)了解表单的应用(2)掌握表单控件的使用2.重点、难点重点:表单控件的使用难点:表单控件的使用3.说明:(七)模板与库的应用(总学时:4;其中理论:2,上机:2)7.1 实例导入:利用模板生成的站点7.2 创建模板7.3 模板的应用和更新7.4 使用“库”7.5 利用模板和库生成站点的制作过程1.基本要求(1)掌握模板的创建、应用及编辑与更新(2)了解资源面板和库项目的使用2.重点、难点重点:模板的创建与应用及编辑与更新难点:模板的创建与应用及编辑与更新3.说明:(八)在网页中插入多媒体对象(总学时:4;其中理论:2,上机:2)8.1 实例导入:多媒体站点8.2 使用多媒体对象8.3 多媒体站点实例的制作过程1.基本要求(1)了解并掌握如何插入多媒体对象2.重点、难点重点:制作图像效果,插入FLASH动画难点:插入音频和视频文件3.说明:(九)Firework图像处理(总学时:16;其中理论:8,上机:8)9.1图像基础及色彩应用9.2 静态图像的制作9.3 动画图像的制作9.4 动态交互图像的制作9.5 网站首页的设计1.基本要求(1)了解WEB图像基础(2)掌握Firework软件的基础操作(3)掌握Firework进阶应用2.重点、难点重点:利用firework来制作WEB图像,并直接导出为网页难点:导航栏与弹出式菜单的制作3.说明:(十)Flash动画的制作(总学时:16;其中理论:8,上机:8)10.1 实例导入:制作Flash MTV10.2 FLASH概述10.3 Flash基本功能10.4 Flash应用基础10.5 综合实例:制作Flash MTV1.基本要求(1)掌握Flash的基本功能;(2)了解Flash动画的制作流程(3)掌握Flash应用基础2.重点、难点重点:利用Flash制作有交互功能的动画难点:动作脚本语言的编程3.说明:(十一)综合实例(总学时:4;其中上机:4)11.1 站点规划11.2站点设计与素材准备11.3网页制作11.4 WEB服务器的配置11.5站点上传与发布1.基本要求(1)了解站点规划流程(2)掌握网页设计与制作的技能(3)掌握WEB服务器的配置(4)掌握站点的测试、上传与发布2.重点、难点重点:网页设计与制作难点:站点的规划与设计3.说明:四、实验内容及基本要求四、实验内容实验一、创建本地站点和编写简单的网站(上机:2学时)1、实验目的和要求通过编写简单的网页熟练HTML语言书写方法;学会建立本地站点和维护本地站点。
《网页制作》课程教学大纲一、课程性质本门课程属于计算机网络技术专业的专业核心领域课程,本课程的前导课程是《计算机网络技术》、《平面设计与制作》、《动画设计与制作》,后续课程有《网站建设与规划》、《ASP 动态网页程序设计》等,本课程对应的就业岗位有网页设计员、网页美工、网页编辑、网站管理员等。
二、课程目标职业教育的目地在于服务于区域经济,服务于当地区域经济,我们学校在桐乡地区,这里有很多中小型企业,需要一批网站制作员和网站维护员。
所以我们将网站建设作为计算机网络技术专业的主要核心程之一,主要面向企事业单位的网络管理部门和计算机网络开发部门,培养具备良好的职业道德、团队合作精神、沟通和创新能力,具备中小型网站开发与维护基本理论知识和实用技能,可以从事网站开发与管理等工作的高素质技能型人才。
三、课程要求《网页制作》课是计算机专业的专业课,是计算机应用技术专业的专业核心课,所以这门课列入了学校的教学计划,成绩记入学生档案,按照《大纲》组织实施课堂教学,严格考勤考核制度。
《网页制作》总教学时数为66课时,理论教学时数为20学时,实验实训课时为46课时,学校在完成规定的学时之外,还积极备战技能节,让学生在课后更加深化知识,做到学以致用,还通过网站论坛师生讨论教、学心得,实现教、学、做合一。
四、课程内容(一)理论教学1 、网页布局技巧(2课时)教学内容:熟悉Dreamweaver工作界面、HTML语言语法和常用标签。
重点:确定个人网站主题,设计栏目结构图和绘制首页布局图。
难点:用布局表格对网页布局。
知识目标:确定个人网站主题,设计栏目结构图和绘制首页布局图。
2、创建网站模板(2课时)教学内容:掌握网站站点管理方法。
重点:掌握超链接的应用。
难点:创建网站模板。
知识目标:创建网站模板。
3、网页内容填充和处理(10课时)教学内容:传授网页美工知识。
重点:制作“幽幽我心的个人网站”及网页中需要的小图片或小动画。
难点:完成网页内容的填充(文字、图片、音乐或视频等)。
《网页制作》课程实训教学大纲
课程名称:网页制作实训学时:54
适用专业:广告设计与制作课程类别:专业课
编写大纲教研室/实训室:电脑艺术设计
一、实训目的与要求
目的:通过实验教学主要培养学生的学生的动手能力,提高学生运用HTML语言编写静态网页能力的水平,掌握HTML和CSS语言的应用,为学生学习动态网页的打下坚硬的基础。
要求:掌握网页设计基本概念和HTML的基本结构,了解网页技术概况、HTML的编辑和运行环境。
掌握文字版面的编辑,掌握网页的超链接技术的应用,了解图像的处理,包括背景图案、图形、图象及其超链接等的设定和应用。
了解列表的各种使用,了解表格的基本语法,掌握表格的定义、控制、分组、标题等的应用。
了解表单在网页中的应用,了解如何在网页中加入各种动态效果,了解网页中CSS的基础知识,掌握CSS的各种属性应用
二、实训方式
学生上机操作,教师指导。
三、考核方法
本实训按出勤和网页的设计、调试能力及实验完成情况综合考核,实验成绩按20%的比例记入总成绩。
四、实训指导书及主要参考资料
实训指导书:《网页制作实训指导书》计算机系组编内部使用
参考书:《网页设计语言教程(html/css)》于鹏编电子工业出版社2007 《网页设计与制作使用教程》刘艳丽等编高等教育出版社2006
五、实训项目及学时分配
实训项目一览表
六、实训项目内容及其要求
实训一文字版面的编辑(4学时)
【实训目的】:
通过本章的学习使学生掌握文字版面的编辑,如页面布局、字体属性等简单的版面设计。
【实训内容】:
实验1:文字版面的编辑(一)
通过页面布局实现文字版面的编辑
实验2:文字版面的编辑(二)
调整字体属性美化网页页面。
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:掌握网页中页面布局及字体属性的设置。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好
C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。
实训二建立超链接(4学时)
【实训目的】:
通过本章的学习使学生掌握网页的超链接技术的应用。
【实训内容】:
实验1:建立超链接
在网页中实现对同一文件、不同文件和网络资源的超链接。
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:掌握网页中各种不同超链接效果的实现。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好
C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。
实训三图像的处理(8学时)
【实训目的】:
通过本章学习使学生了解图像的处理,包括背景图案、图形、图象及其超链接等的设定
和应用。
【实训内容】:
实验1:图像的处理
设定和应用背景图案、图形、图象及其超链接等的。
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:学会使用图像美化网页。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。
实训四列表项目(4学时)
【实训目的】:
通过本章的学习使学生了解列表的各种使用。
【实训内容】:
实验1:列表项目
使用各种列表美化网页
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:学会使用列表美化网页。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。
实训五表格(6学时)
【实训目的】:
通过本章的学习使学生了解表格的基本语法,掌握表格的定义、控制、分组、标题等的应用。
并学会使用表格布局。
【实训内容】:
实验1:表格(一)
使用表格的基本语法定义表格,并控制表格中的行、单元格、分组和标题。
实验2:表格(二)
使用表格布局网页页面。
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:在网面中合理的应用表格,掌握表格布局网页的方式。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。
实训六表单的设计(12学时)
【实训目的】:
通过本章的学习使学生了解表单在网页中的应用。
【实训内容】:
实验1:表单的设计(一)
在网页中添加各种表单元素
实验2:表单的设计(二)
与表格相结合制作完美的表单页面。
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:在网面中合理的应用表格布局,掌握各种表单元素的现实方式。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。
实训七网页的动态效果(12学时)
【实训目的】:
通过本章的学习使学生了解如何在网页中加入各种动态效果。
【实训内容】:
实验1:网页的动态效果
在网页中加入各种动态效果,如滚动的文字,多媒体加入网页,Flash动画。
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:学会在网页中添加各种动态效果。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。
实训八框架结构(4学时)
【实训目的】:
通过本章的学习使学生了解窗口框架在网页中的应用
【实训内容】:
试验1:框架结构
在网页中应用框架结构
【实训设备】:
PC若干台
【实训要求及成绩评定】:
要求:了解在网页中添加框架结构的方法。
成绩评定:
A: 按照要求实现网页页面,内容充分,布局合理,画面美观,色彩和谐。
B:按照要求实现网页页面,内容安排、布局得当。
画面清晰、美观,整体效果较好C:按照要求实现网页页面,图面质量比较差,文字表达比较差
根据学生实际完成情况,在以上三个等级的基础上,用+、-标记。