网页设计教学大纲.doc

网 页 进 阶教学大纲北京市供销学校2004年1月适用专业： 计算机 适用学制： 四年制 编写者： 陈文军 审核者： 网页进阶教学大纲一 课程性质和任务的基本要求网页进阶为在全面学习网页制作基本知识和方法的基础上，熟悉网站建设的流程，提高网页设计水平，面向计算机专业开设的专业课程。本课程旨在达到如下目标：巩固已学过的网站的基本知识。例如：网站的发展和分类知识、网站开发所需的技术、HTML和CSS的结构和语法等。掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。掌握各种网页元素在Dreamweaver中的使用。例如：表格、文本、图象、超级链接、层和表单等。熟悉一些网页设计辅助软件的功能和使用方法。例如：Swish、Fireworks等。掌握测试和发布网站的方法。包括网站测试的内容和方法、Cuteftp的使用方法等。能够解决一些网页设计中的常见问题。在教学中，掌握本课程的特色和重点，围绕Dreamweaver的实际应用来组织教学，重点培养学生对对于网页设计的实际操作能力。二 教学起点初中毕业、计算机专业四年制。三 教学条件1 教学地点：计算机机房2 教学设备：计算机、配套软件（Dreamweaver）。四 技能标准1熟练掌握Dreamweave的应用技巧，能独立完成网站设计，并利用其它辅助工具起到对网页美化的作用。2掌握网站开发流程。3掌握网站发布、测试的方法。五 课时分配章次授课内容课时分配授课上机练习合计1.网站基础建设1.1动态网站开发技术1121.2网站建设的一般步骤1122.网站页面设计2.1网页常见布局类型1122.2网页中图像与文字的设计1123.使用Dreamweaver 创建站点3.1创建本地站点1123.2难点解析1124.网页布局定位技术4.1创建完整的框架网页1124.2使用层精确定位网页元素1124.3创建模板网页1125.利用行为和JavaScript制作特效网页5.1 使用Dreamweaver自带行为创建特效网页1125.2自动显示当前日期和时间1125.3制作字动滚屏网页1125.4制作漂浮广告1125.5难点解析1126.使用样式表美化网页6.1CSS概述1126.2应用CSS样式美化网页1126.3CSS综合应用实例1126.4难点解析1127.动态网页技术7.1HTML语言1127.2ASP技术1127.3在Dreamweaver中编辑代码1127.4搭建服务器平台1127.5创建数据库1127.6创建数据库连接1127.7难点解析1128制作个人类网站个人相册网站8.1个人网站概述118.2利用Photoshop处理照片228.3申请与维护管理个人相册228.4创建具有个性化的个人相册228.5制作网页特效228.6技巧汇总119.制作企业宣传类网站9.1网站建设准备工作1239.2设计网站首页9.3创建网站二级页面1349.4上传与发布1349.5技巧汇总11总计314172六 理论教学内容1网站建设基础教学目的和要求：巩固网页制作的基本知识，包括网页中的基本要素，网页设计常用工具和网站建设常用技术，最后简单讲述网站建设的基本流程。教学重点和难点：熟悉网站建设的一般步骤。教学内容：1.1.动态网站开发技术1.1.1. ASP技术1.1.2. PHP技术1.1.3. JSP技术1.2. 网站建设的一般步骤1.2.1网站需求分析与规划1.2.2申请注册域名1.2.3 租赁服务器硬盘空间1.2.4 制作网站页面1.2.5 网站的测试与上传1.2.6. 上机操作2网站页面设计教学目的和要求：通过本章教学，使学生了解网站的常见布局类型，网页设计基本原则，网页版面布局设计，网页色彩设计和网页中图像与文字的设计等相关内容。教学重点和难点：掌握网页中图像与文字的设计方法教学内容：2.1. 网页常见布局类型2.1.1. 国字型2.1.2. 拐角型2.1.3. 标题正文型2.1.4. 左右框架型2.1.5. 上下框架型2.1.6. 综合框架型2.2. 网页中图像与文字的设计2.2.1. 网页图像设计原则2.2.2. 网页文字设计原则2.2.3. 上机练习3使用Dreamweaver 创建站点教学目的和要求：通过本章教学，使学生对使用Dreamweaver 创建站点，并巩固以前学过的知识。教学重点和难点： 利用Dreamweaver创建站点。教学内容：3.1.创建本地站点3.1.1.使用站点向导创建本地站点3.1.2. 使用高级选项设置本地站点 3.2. 难点解析4网页布局定位技术教学目的和要求：通过本章教学，使学生掌握使用表格的技术，清晰地显示列表数据，可以将各种数据排成行和列，从而更容易阅读信息，使用层可以灵活布局网页内容，使用框架可以创建独特的布局，使用模板可以快速创建统一风格的网页布局。教学重点和难点：掌握模板的创建和应用方法。教学内容：4.1. 创建完整的框架网页4.2. 使用层精确定位网页元素4.2.1.创建层4.2.2 层的基本操作4.2.3. 层与表格的转换4.2.4. 使用层制作网页下拉菜单4.3. 创建网页模板4.3.1.创建模板4.3.2.创建可编辑区域4.3.3.利用模板创建网页4.3.4.更新模板4.4. 上机操作5利用行为和JavaScript制作特效网页教学目的和要求：通过本章学习，使学生掌握利用JavaScript让用户与Web进行交互，从而能够以多种方式更改页面布局或引起某些任务的执行。利用JavaScript制作特效网页。教学重点和难点：利用JavaScript制作特效网页。教学内容：5.1使用Dreamweaver自带行为创建特效网页5.2自动显示当前日期和时间5.3制作字动滚屏网页5.4制作漂浮广告5.5难点解析5.6. 上机操作6使用样式表美化网页教学目的和要求：通过本章教学，使学生了解并掌握利用CSS有效地对页面布局、字体、颜色、背景和其他效果实现更加精确的控制，还能给网页添加许多特效。教学重点和难点：掌握使用CSS的应用实例。教学内容：6.1. CSS概述6.2.应用CSS样式美化网页6.3. CSS综合应用实例6.4.难点解析6.5. 上机操作7动态网页技术教学目的和要求：通过本章教学，使学生掌握开发动态网页的必备技术，如IIS的安装，ASP语言开发基础，设置IIS服务器，创建数据库等。教学重点和难点：掌握ASP的使用方法，掌握创建的连接数据库的相关方法。教学内容：7.1 HTML语言7.2 ASP技术7.3在Dreamweaver中编辑代码7.4搭建服务器平台7.5创建数据库7.6创建数据库连接7.7难点解析7.8. 上机操作8制作个人类网站个人相册网站教学目的和要求：通过实例网站的制作，使学生掌握如何制作个人相册网页，包括PS处理照片，利用DW排版布局网页和利用插件制作网页等相关内容。教学重点和难点：了解个人网站概述，掌握个人相册主页的制作过程。教学内容：8.1个人网站概述8.2利用Photoshop处理照片8.3申请与维护管理个人相册8.4创建具有个性化的个人相册8.5制作网页特效8.6技巧汇总9制作企业宣传类网站教学目的和要求：通过实例制作，使学生了解企业网站制作过程，用PS设计首页和框架网页创建等相关方法。教学重点和难点：了解房地产网站建设的过程，掌握二级框架页面的制作技术。教学内容：9.1网站建设准备工作9.2设计网站首页9.3创建网站二级页面9.4上传与发布9.5技巧汇总七 实训内容1制作博客类网站体坛沙龙博客2制作交友类网站今生缘交友网3利用DW制作一个完成的个人宣传网站，并经测试后上专到指定服务器中。八 教学模式和教学方法