《静态网页开发技术》课程教学大纲
Static web development technology
课程编号：130304027
学时：32（理论20，实践12）学分：2
适用对象：数字媒体技术专业
先修课程：《数字媒体技术概论、《UI界面设计》、《平面图像处理》
一、课程的性质和任务
根据培养方案中课程体系与培养要求的对应关系矩阵，添加该课程可以支撑毕业要求第
1、3、5、6条的达成。
本课程是数字媒体专业的重要专业课，通过本课程的教学，让学生进一步提高计算机应用能力。使学生了解计算机网络知识和网上丰富多彩的信息是如何制作与发布的。学生学习本课程后，应掌握用网络语言HTML、CSS和网页设计软件来设计制作网页，并为今后Web开发技术的学习打下坚实基础，使学生成为
Web开发技术的合格从业人员。
二、教学目的与要求
在教学中，掌握本课程的特和重点，围绕Dreamweaver的实际应用来组织教学，重点培养学生对对于网页设计的实际操作能力。
（1）巩固已学过的网站的基本知识。例如：网站的发展和分类知识、网站开发所需的技术、HTML 和CSS的结构和语法等。
（2）掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
（3）掌握各种网页元素在Dreamweaver中的使用。例如：表格、文本、图象、超级链接、层和表单等。
（4）熟悉一些网页设计辅助软件的功能和使用方法。例如：Swish、Fireworks等。
（5）掌握测试和发布网站的方法。包括网站测试的内容和方法、Cuteftp的使用方法等。
（6）能够解决一些网页设计中的常见问题。
三、教学内容
第一章网站建设基础（2学时）
1.基本内容
网站建设的一般步骤；网站需求分析与规划；申请注册域名；租赁服务器硬盘空间；制作网站页面；网站的测试与上传。
2.教学基本要求
巩固网页制作的基本知识，包括网页中的基本要素，网页设计常用工具和网站建设常用技术，掌握网站建设的基本流程。
3.教学重点难点
重点：熟悉网站建设的一般步骤
难点：网站的测试与发布
4.教学建议
学生刚接触网页开发相关知识，要给学生提供一种可视化的技术环境，促进学生的直观认识和知识理解，提高学习兴趣。
第二章网站页面设计（2学时）
1.基本内容
网页常见布局类型；国字型；拐角型；标题正文型；左右框架型；上下框架型；综合框架型；网页中图像与文字的设计；网页图像设计原则；网页文字设计原则。
2.教学基本要求
通过本章教学，使学生了解网站的常见布局类型，网页设计基本原则，网页版面布局设计，网页彩设计和网页中图像与文字的设计等相关内容。
3.教学重点难点
掌握网页中图像与文字的设计方法
4.教学建议
所举的具体实例以知名网站为主，这样具有权威性，学生容易接受和信服，网站尽量选择整体效果好的，使学生感觉具有参考性。
第三章使用Dreamweaver 创建站点（2学时）
1.基本内容
创建本地站点；使用站点向导创建本地站点；使用高级选项设置本地站点。
2.教学基本要求
通过本章教学，使学生对使用Dreamweaver 创建站点，并巩固以前学过的知识。
3.教学重点难点
利用Dreamweaver创建站点。
4.教学建议
创建站点在静态网页制作中是可选步骤，但应进行足够的强调，以引起学生的注意，形成良好的管理文件习惯。
第四章网页布局定位技术（2学时）
1.基本内容
创建完整的框架网页；使用层精确定位网页元素；创建层；层的基本操作；层与表格的转换；使用层制作网页下拉菜单；创建网页模板；创建模板；创建可编辑区域；利用模板创建网页；更新模板。
2.教学基本要求
个人网页设计模板html文件
通过本章教学，使学生掌握使用表格的技术，清晰地显示列表数据，可以将各种数据排成行和列，从而更容易阅读信息，使用层可以灵活布局网页内容，使用框架可以创建独特的布局，使用模板可以快速创建统一风格的网页布局。
3.教学重点难点
掌握模板的创建和应用方法。
4.教学建议
利用多种布局对象进行网页的布局时，明确讲解各种布局之间的区别、优缺点及具体的应用范围，以便提供学生参考。
第五章利用行为和JavaScript制作特效网页（2学时）
1.基本内容
使用Dreamweaver自带行为创建特效网页；自动显示当前日期和时间；制作字动滚屏网页；制作漂浮广告。
2.教学基本要求
通过本章学习，使学生掌握利用JavaScript让用户与Web进行交互，从而能够以多种方式更改页面布局或引起某些任务的执行。利用JavaScript制作特效网页。
3.教学重点难点
利用JavaScript制作特效网页。
4.教学建议
JavaScript脚本相对内容较难，需要学生具备一定的编程基础，应注重基础知识的讲解，以便学生更好地额理解。
第六章使用样式表美化网页（2学时）
1.基本内容
CSS概述；应用CSS样式美化网页；综合应用实例
2.教学基本要求
通过本章教学，使学生了解并掌握利用CSS有效地对页面布局、字体、颜、背景和其他效果实现更加精确的控制，还能给网页添加许多特效。
3.教学重点难点
掌握使用CSS的应用实例
4.教学建议
CSS的应用方式与html不同，自身没有可视化方式，需要借助html文档实现，css定义方式需着重加以区分。
第七章使用样式表布局网页（2学时）
1.基本内容
Css盒子、左右布局结构、上左右下布局结构、综合实例。
2.教学基本要求
通过学习掌握CSS加Div进行简单界面布局方式，并能够按照要求对指定css布局进行代码编写与实现。
3.教学重点难点
重点：css盒子的深入理解与灵活运用
难点：灵活运用css进行指定布局编写
4.教学建议
利用css进行布局经常容易过多运用div标签，导致网页代码不容易理解，应重点强调该部分的标签的有效利用，以使学生书写css时养成良好的习惯。
第八章制作个人类网站－个人相册网站（2学时）
1.基本内容
个人网站概述；利用Photoshop处理照片；申请与维护管理个人相册；创建具有个性化的个人相册；制作网页特效。
2.教学基本要求
通过实例网站的制作，使学生掌握如何制作个人相册网页，包括PS处理照片，利用DW排版布局网页和利用插件制作网页等相关内容。
3.教学重点难点
了解个人网站概述，掌握个人相册主页的制作过程。
4.教学建议
综合实例设计要求学生保证完整性，内容可以化简，但具体功能需要详细。
第九章制作企业宣传类网站（4学时）
1.基本内容
设计网站首页；创建网站二级页面；上传与发布；
2.教学基本要求
通过实例制作，使学生了解企业网站制作过程，用PS设计首页和框架网页创建等相关方法。
3.教学重点难点
了解房地产网站建设的过程，掌握二级框架页面的制作技术。
4.教学建议
网站的发布结合具体实例进行演示和讲解，如果教室不能上网，可利用录屏形式展示。四、教学环节与学时分配

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。