计算机应用专业
Dreamweaver网页设计课程标准
一、前言
(一)课程的性质
本课程是三年制高等职业院校计算机应用专业的一门专业必修课程,是学生今后学习网站建设及web程序设计的基础课程。其目的是通过本课程的学习,使学生掌握Web的基本概念、熟悉HTML/Javascript语言,学会使用常用的网页设计工具Dreamweaver 及网页图象使用工具Fireworks.并具备基本的网站建立及维护能力。它是一门集理论与实践于一体的综合应用课程。
(二)课程设计思路
1、该课程的总体设计思路是:打破以知识传授为主要特征的传统学科课程模式,转变为以实践能力为中心组织课程内容,让学生在完成具体实训的过程中来构建相关理论知识,并发
展职业能力。本课程主要是围绕如何利用Dreamweaver该软件配合HTML语言的一些基础知识及利用Fireworks 进行一些辅助图象设计来制作静态网页这个学习项目,该学习项目进行细分的模块化的工作任务均是以实践为主导来进行设计的。课程内容突出对学生职业能力的训练,理论知识的选取紧紧围绕工作任务完成的需要来进行,同时又充分考虑了高等职业教育对理论知识学习的需要,并融合了相关职业资格证书对知识、技能和态度的要求。
2、学习项目的学习都按以典型案例为载体设计来进行,以工作任务为中心整合理论与实践,实现理论与实践的一体化。教学过程中,要通过校企合作,校内实训基地建设等多种途径,采取工工学结合、半工半读等形式,充分开发学习资源,给学生提供丰富的实践机会。教学效果评价采取过程评价与结果评价相结合的方式,通过理论与实践相结合,重点评价学生的职业能力。具体可以学生的总评成绩为评价标准,其中总评成绩由学生的上课表现(20%)+作业成绩(20%)+ 项目测验(20%)和期末考试成绩(占40%)决定。学生该课程的学期总评成绩在80分以上则该门课程成绩为优秀,70分-80分为良好,60-69分为合格,60分以下为不合格。
3、该门课程的总学时为36+36课时。讲授占html网页设计课程标准50%,实训占50%。
二、课程目标
通过任务引领型的项目活动,使学生掌握常用的网页设计工具,熟练运用网页设计技术,具备Web页设计、制作及站点管理的基本知识和基本技能;掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力,为职业能力奠定基础。在掌握本门课程的基础上,还应掌握一门网页图像处理和一门网页动画设计课程,使学生能够独立制作中小型的网站。
课程的总的教学目标,包括三部分:
(一)知识目标
1、能掌握WWW、HTTP、HTML、CSS的定义,概念和作用;
2、能辨别图像的几种格式:GIF、JPEG、PNG,并能掌握它们各自的特点和差别;
3、理解服务器、客户端、浏览器的概念和作用;
4、理解HTML语言中的各种文本格式、字符格式、段落设置、列表、表格、图像、链接等标记的作用;
理解CSS样式表的作用和意义;
● 深入理解HTML语言的各种功能和应用;
● 深入理解表格、框架、表单的作用;
● 深入理解层的作用;
● 学会使用模板来统一网页风格;
(二)能力目标
会使用Dreamweaver 网页设计工具制作网页;
会用HTML语言中的标记设置颜、文本格式和列表等;
熟练掌握颜值的配置和背景图案的设置方法,熟练掌握字符、链接颜的设置方法;
熟练掌握网页设计中字符格式的设置方法,段落分段与换行的方法;
掌握HTML的语法结构,掌握 HTML语言中标记的使用方法;
掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法,会使用CSS设置网页格式和列表的格式;
掌握与图像布局和位置相关的标记的概念和用法;
熟练掌握使用绝对和相对URL,创建超链接,图像链接;学会图像映射的建立方法;
熟练掌握表格的使用方法,会用表格布局并设计网页;
掌握框架制作网页的方法,会使用框架设计网页;
掌握制作表单的方法,会利用表单建立交互式页面;
掌握使用模板设计网页;
(三)素质目标:
●具有勤奋学习的态度,严谨求实、创新的工作作风;
●具有良好的心理素质和职业道德素质;
●具有高度责任心和良好的团队合作精神;
●具有一定的科学思维方式和判断分析问题的能力;
●具有较强的网页设计创意思维、艺术设计素质。
三、课程的主要内容与要求
序号 | 工作任务 | 知识要求 | 技能要求 | 参考学时 | |
理论 | 实训 | ||||
1 | 网页设计基础 | ● 掌握关于Web一些概念; ●网页的基本要素、制作基本步骤、页面设计的步骤; ● HTML文件的基本结构:标记概念及格式、标记属性。 ● 网页制作的一些基本工具的了解。 | ●各类工具的下载安装,网页制作的基本步骤; ●掌握HTML文档的基本结构、书写特点及基本标记的使用; ●其它常用标记; ●掌握利用HTML标记制作表格、表单、框架; ●DHTML技术和使用技巧。 | 6 | 6 |
2 | 初步认识Dreamweaver | ●掌握Dreamweaver的基本特点; ● Dreamweaver操作界面的基本组成:标题栏、菜单栏、插入栏、文档工具栏等。 | ●制作“个人简介”的简单网页; ●网页的创建过程:编辑、保存、预览、发布; ●Dreamweaver工作区的选择。 | 1 | 1 |
3 | 创建和规划站点 | ●掌握网站设计的创意与风格:排版、彩、字体、LOGO等; ●如何策划设计网站、网站主题名称的选择、栏目与板块的设计; ●定义站点、使用站点地图、站点布局、设计备注。 ●能从网站的整体进行规划,定位网站的主体和风格。 | ●架构一个新的网站(创建站点); ● 构建网站骨架,包括主页和各分支页面的创建; ●“站点地图”的基本操作; ●“站点管理器”的各项功能操作。 | 1 | 1 |
4 | 网页文字的编辑 | ●网页文字的创建方法; ●掌握Dreamweaver中的基本文字版面设置; ●文字的属性设置与段落编排; ●文字列表设置。 | ●文字版面设置,格式化; ●HTML样式,文字属性面板的使用,换行与分段; ●常用列表的使用。 | 2 | 2 |
5 | 网页图像的编辑 | ●掌握几种常见的图形、图像文件格式; ●在网页中加载图像的方法; ●图像属性面板的使用,图像的编辑。 | ●掌握在网页中插入各种图像; ●图像外部编辑器的使用。 ●图文混排。 | 2 | 2 |
6 | 如何使用表格 | ●关于表格及其标签代码的含义; ●表格及布局表格的区别和联系 ●表格及单元格属性的含义; ● 关于表格使用的一些建议。 | ●表格:创建表格、选择表格、设置表格属性、设置单元格属性、在表格中输入内容、表格的格式化和排序、表格应用综合实例、网页相册; ●单元格合并属性colspan与rowspan的使用; ●布局表格:绘制布局表格、绘制嵌套布局表格、布局表格的属性、绘制布局单元格与布局单元格属性、布局表格实例; ●能利用表格对网页布局。 | 4 | 4 |
7 | 建立超级链接 | ●URL及链接的常用路径; ● 超级链接标记及属性; ●属性target的不同取值及对应的含义; ●文本链接、锚点链接、链接、下载链接、图像及图像各部分热区链接、鼠标经过图像链接、导航条链接; ●超级链接的管理。 | ●实际制作各种超级链接:文本链接、锚点链接、链接、下载链接、图像及图像各部分热区链接、鼠标经过图像链接、导航条链接; ●两种超级链接制作方式:直接编写代码及自动生成代码; ●能够进行链接的管理; ●修改站点地图的布局; ●检查网页的链接情况; ●制作多彩文字链接。 | 4 | 4 |
8 | CSS样式表 | ●使用CSS进行网页的编辑处理; ●灵活应用内部与外部CSS样式表。 | ●使用CSS样式:创建新的CSS样式、样式的类型、编辑样式、样式对话框中参数的设定、滤镜等; ●CSS样式表的应用、删除、导出与附加。 | 2 | 2 |
9 | 多媒体元素 | ●掌握Flash、Shockwave媒体元素的使用和设置; ●掌握在网页中使用声音和视频,及其控制; | ●插入Flash影片; ●插入Shockwave影片; ●插入其它视频媒体插件; ●插入网页背景音乐,音乐播放器的显隐; ●Flash动态按钮; ●Flash动态文字; | 2 | 2 |
10 | 如何创建和使用层 | ● 学会层的建立,利用层面板设置层的显示/隐藏属性; ●层属性面板及层管理面板; ● Z值的大小与层的显示的关系,如何快速的对齐层; ●层与表格的相互转化,使用层可以实现精确定位布局。 | ●创建新层、创建嵌套层、设置层属性; ●层的移动、调整层的大小、层的对齐、排列层、层面板、层与表格的相互转换; ●拖动层、层的显示与隐藏; ●能利用层对网页进行布局。 | 2 | 2 |
11 | 如何使用框架和框架集 | ●认识框架技术和框架网页; ●掌握创建框架网页的方法; ●掌握编辑框架网页的方法; ●学会设置框架网页的属性; ●学会创建框架的链接。 | ●框架的创建,包括:框架的创建与保存、拆分框架、删除框架; ●为框架设置链接; ● 设置框架和框架集的属性,包括:框架的属性、框架集的属性、设置框架和框架集的标题。 | 2 | 2 |
12 | 表单的设计 | ●认识表单及认识表单对象包括:表单标记、表单中单行文本、密码域、单选按钮、提交与取消按钮设计等; ●认识表单对象包括:复选框、多行文本框、下拉列表的设计; ●掌握各种表单标记符的使用。 | ●能够制作一个含有表单的网页。要求表单中含有:单行、多行文本框;单选、多选按钮;下拉菜单,密码域、单选按钮、提交与取消按钮设计等; ●能够进行验证及传送表单的操作; ●能够进行简单的数据库中修改表单上传上来的记录。 | 2 | 2 |
13 | 行为的使用 | ●认识行为的基本概念; ●掌握触发行为发生的基本事件; ●行为事件所引发的动作种类。 | ●行为面板应用:调用Javascript; ●行为面板应用:转到URL; ●行为面板应用:交换图像; ● 行为面板应用:打开浏览器窗口; ●行为面板应用:播放声音; ●行为面板应用:显示-隐藏层; ● 行为面板应用:拖动层及设置文本; ●行为面板应用:弹出信息及时间轴动画。 | 2 | 2 |
14 | 模板和库的使用 | ●掌握模板和库的概念; ●可编辑区域、模板参数、重复区域、可选区域、可编辑选择区域、可编辑标签属性知识的掌握与应用; ●库项目 | ● 设置模板的可编辑范围,包括:定义可编辑区域、设置模板参数、创建可选区域、创建可编辑区域、定义可编辑标签属性; ●套用模板建立新的网页,更新模板; ●创建、管理和编辑库项目,包括:创建库项目、在文档中插入库项目、编辑库项目。 | 2 | 2 |
15 | 站点的管理工作 | ● 空间、域名; ● 管理站点和文件链 接; ●设置服务器与发布站点 ; ● 站点窗口及站点地图。 | ● 空间及域名的申请; ●测试站点; ●站点窗口及站点地图的使用,站点资源的合理组织; ●上传站点,删除站点; ●导入与导出站点。 | 2 | 2 |
16 | 小计 | 36 | 36 | ||
合计 | 72 | ||||
四、 实施建议
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论