《网页设计与制作》课程标准
一、概述
(一)课程性质(课程性质和价值)
本课程是五年制高职计算机网络技术专业的一门主干专业课程。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和常用脚本语言,能够设计制作常见的静态和动态网页,具备网站的建立和维护能力。同时通过本课程的学习,培养学生的综合职业能力、创新精神和良好的职业道德。
(二)课程基本理念
本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”,整个《网页设计与制作》课程共分为五大模块,它们分别是:网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、ASP动态网页设计。教学时各模块既有独立性,又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立,学生应该一个模块一个模块地掌握其知识点;关联性是指各模块间存在相互关系,在重难点设计上应该加以配
合,如HTML语言模块着重基本代码的熟记和编写,对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为计算机网络技术专业的一门主干专业课程,一般在3、4年级开设,此时学生已经具备一定的计算机基础知识和动手能力,能较快地掌握网页设计的各种知识,并运用所学知识做出具有特的网站,使学生能够得到全面的培养,成为社会所需专用人才。
(三)课程框架结构、学分和学时分配、对学生选课的建议
本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,将网页设计职业岗位能力中用到的知识如:网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、Flash、Fireworks、ASP动态网页设计进行整合并模块化。教学时各模块既有独立性,又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立,学生应该一个模块一个模块地掌握其知识点;关联性是指各模块间存在相互补充关系,按理论实践一体化要求设计,强调动手做,强调解决问题。
它体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配、对学生选课的建议
课程名称 | 学时 | 学分 | 备注 |
1.网页设计基础 | 4 | 4 | 计算机网络技术专业必修课 ★4、5、6模块为非计算机专业学生选修 |
5年程序员自我介绍2.DreamWeaver的使用 | 24 | ||
3.HTML语言、就业培训机构有哪些CSS样式 | 8 | ||
4. JavaScript脚本语言★ | 12 | ||
5. Fireworks★ | 12 | ||
6.动态网页设计初步★ | 12 | ||
7.综合作业 | 30 | ||
合计 | 102 | ||
二、课程目标
总目标:使学生掌握常用的网页设计工具,熟练运用多种网页设计技术,具备Web网页设计、制作及站点管理的基本知识和基本技能,学生能够独立制作中小型的网站。
(一)教学目标:
1. 了解WWW、HTTP、HTML、CSS的定义、概念和作用;
2. 理解服务器、客户端、浏览器的概念和作用;
3. 理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用;
4. 熟练操作DreamWeaver;
5. 理解CSS样式表的作用和意义;
6. 深入理解HTML语言的各种功能和应用;
7. 深入理解表格、框架、表单的作用;
8. 深入理解层的作用;
9. 理解JavaScript中对象的定义,及含义;
10.理解JavaScript中事件的概念;
11.理解JavaScript中属性与方法的概念;
12.初步了解面向对象程序设计思想。
(二)技能教学目标:
1. 会使用Dreamweaver网页设计工具制作网页;
2. 理解HTML语言中的标记设置颜、文本格式和列表;
3. 熟练掌握颜值的配置和背景图案的设置方法,熟练掌握字符、链接颜的设置方法;
4. 熟练掌握网页设计中字符格式的设置方法,段落分段与换行的方法;
5. 掌握HTML的语法结构,掌握HTML语言中标记的使用方法;
6. 掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法,会使用CSS设置网页格式和列表的格式;
7. 掌握在网页中嵌入图像的方法,掌握与嵌入图像相关标记的用法;
8. 掌握与图像布局和位置相关的标记的概念和用法;
9. table pc熟练掌握使用绝对和相对URL,创建超链接、图像链接;学会图像映射的建立方法;
10.熟练掌握表格的使用方法,会用表格布局并设计网页;
11.掌握框架制作网页的方法,会使用框架设计网页;
12.掌握制作表单的方法,会利用表单建立交互式页面;
13.掌握JavaScript语言的语法;
14.掌握在HTML语言代码中嵌入JavaScript代码的方法,能看懂JavaScript特效网页源代码;
15.学会修改JavaScript代码,实现不同的特效网页效果;
16.学会使用JavaScript语言实现网页特效。
(三)素质教学目标:
1. 具有勤奋学习的态度,严谨求实、创新的工作作风;
2. 具有良好的心理素质和职业道德素质;
3. 具有高度责任心和良好的团队合作精神;
4. 具有一定的科学思维方式和判断分析问题的能力;
自助建站靠谱吗5. 具有较强的网页设计创意思维、艺术设计素质。
三、内容标准
模块一、网页设计基础(4学时)
内容体系:网页设计的基本概念,Dreamweaver简介。
知识点:网页设计的基本理念,网页元素,网页设计常用工具,网站风格,网页彩搭配,Dreamweaver工作界面,建立和管理站点。
技能点:(1)Dreamweaver的基本操作:Dreamweaver的启动和退出,创建网页或网站,打开网页或站点,网页的保存和浏览,查看网页文件的HTML代码;(2) 使用Dreamweaver建立和管理网站。(3)IIS的简单配置。
重 点:网页的基本组成元素,使用Dreamweaver建立和管理网站。
难 点:网页设计的基本理念,网站风格,网页彩搭配。
模块二、Dreamweaver的使用(24学时)
内容体系:中文版Dreamweaver的基础知识,Dreamweaver的基本操作,制作与修饰网页,网页特殊效果设计,发布和管理网站。
知识点:Dreamweaver的基本功能,Dreamweaver的界面组成,网页的基本元素,HTML语言,HTML文件,网站,Web页/网页,图像和多媒体,超级链接,表单,行为,网页布局,网站的发布。
技能点:(1)制作与修饰网页:字体操作,段落操作,列表操作,背景操作,插入水平线,图像操作(插入图像、设置图像属性、保存包含图像的网页),超级链接(文本超链接的建立和设置、图像超链接、热点区域、书签),表格(表格的基本组成、建立和编辑表格、表格的属性设置),图像和多媒体的使用,使用框架结构(创建框架网页、更改框架链接的网页、框架属性设置),导航的使用,模板和向导的使用,样式表的应用;(2)表单(创建表单、插入表单元素、表单属性);(3)网页特殊效果设计:网页动态元素,网页动画效果,各种行为的运用,网页主题;(4)发布和管理网站:网站的发布,管理网站。
重 点:网页的基本组成元素,网页的制作与修饰,超级链接的使用。
难 点:网页中表格的使用,网页布局与框架网页的使用,行为的概念和各种行为的运用。
模块三、HTML语言、CSS样式(8学时)
内容体系:WWW、HTTP、HTML、CSS的定义、概念和作用;Dreamweaver中CSS的定义和使用。
知识点:WWW、HTTP、HTML、CSS的定义、概念和作用;HTML语言中的各种文本格式、字符格式、段落设置、列表、表格标记的作用; CSS 样式表;链接和创建样式表;CSS 样式的属性设置;样式表的运用举例。
技能点:(1)在Dreamweaver中查看网页文件的sqldatareader用法HTML代码;(2)在设计视图中修改HTML代码;(3)学会使用标签选择器;(4)使用CSS 样式表
重 点:理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用; CSS 样式表的使用。
难 点:创建样式和使用CSS 样式表。
模块四★、JavaScript脚本语言(12学时)
内容体系:JavaScript脚本语言的基本语法;面向对象程序设计思想。
知识点:JavaScript语言的语法;JavaScript中对象的定义,及含义;JavaScript中事件的概念;JavaScript中属性与方法的概念;面向对象程序设计思想;在HTML语言代码中嵌入JavaScript代码的方法,能看懂JavaScript特效网页源代码,实现不同的特效网页效果。
技能点:(1)初步了解面向对象程序设计思想;(2)掌握JavaScript语言的语法;(3)掌握在HTML语言代码中嵌入JavaScript代码的方法,能看懂JavaScript特效网页源代码;(4)学会使用JavaScript语言网页特效工具,实现不同的特效网页效果。
重 点:面向对象程序设计思想;JavaScript语言的语法;学会使用JavaScript语言网页特效工具,实现不同的特效网页效果。
难 点:看懂JavaScript特效网页源代码,学会修改JavaScript代码。
模块五★、Fireworks(12学时)
内容体系:掌握Fireworks 的基本操作;网页设计中所需素材的制作和处理。
知识点:工作界面和文件的创建; 工具的使用和矢量图的编辑; 位图图像的编辑; 元件和实例的概念; 切片工具的使用; 创建热点和图像映射; 制作按钮; 制作弹出菜单; 制作蒙板; 创作动画。
技能点:(1)能够使用Fireworks处理矢量图和位图;(2)掌握切片工具的使用(3)能
够使用Fireworks创建热点和图像映射;(4)能够使用Fireworks制作按钮、制作弹出菜单、创作简单动画。
重 点:位图的处理和图像的输出;热点、切片、按钮、蒙板。
难 点:位图 的处理;弹出菜单的制作。
模块六★、动态网页设计初步(12学时)
内容体系:动态网页的含义;制作一个动态网页留言板。
知识点:理解动态网页的含义;安装、配置因特网信息服务器 (IIS); 数据库网页基础; 创建数据库的连接; 综合实例——创建动态网页留言板。
技能点:(1)能够安装、配置因特网信息服务器 (IIS);(2)能够使用Dreamweaver创建动态网页留言板网页。
重 点:安装、配置因特网信息服务器 (IIS);数据库网页基础; 创建数据库的连接。
难 点:数据库的连接方式创建数据库的连接。
四、实施建议
(一)教材编写建议:
学生个人网页制作html代码css
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论