课程教案
授课内容
项目十 制作留言板——动态网页入门
授课班级 授课学时 8课时
教学方法与手段 讲授法、演示法、讨论法。多媒体教学
项目内容 本项目的内容是制作一个网页留言反馈系统。留言反馈系统是主要用来在Web网站建立客户意见收集的系统工具。系统要求包含以下功能：
1. 显示客户反馈信息和管理员的回复信息；
2. 可记录客户的名称、邮件、主页等信息；
3. 支持多用户。
留言反馈系统用于从网上获取各种客户反馈信息，是所有网站必备的工具，采用基于微软NT服务器的ASP语言、主要应用微软ACCESS数据库技术编写而成。与静态网页相比，动态网页的学习难度相对要大一些，不仅要掌握网页制作知识，还要掌握数据库及编程方面的知识。
教学目标 学生通过本项目的学习，能：
1、 理解动态网页的工作原理
2、 熟悉IIS的安装
3、 了解数据库的基本知识
4、 熟悉数据库的建立
教学重点与难点 教学重点：建立数据库，创建动态网页
教学难点：创建动态网页
教学过程设计 项目效果
【任务一】创建动态网页测试环境
（一）动态网页工作原理
动态网页一般使用“HTML+数据库 +ASP”“HTML+数据库 +PHP”或“HTML+数据库 +JSP”等技术来实现。目前中小型网站较常用的是“HTML+数据库 +ASP”技术。
当浏览者通过浏览器向服务器发出请求时，如果请求的是一个静态网页，那么这个请求到达服务器后，服务器会在本身的硬盘上寻找相关网页，然后返回；如果请求的是一个动态网页，服务器在接到请求后，会接着传送给安装在这个机器上的应用程序服务器。应用程序服务器会理解并解释这些代码的含义，并将解释后的内容返回到客户端，这样看到的仍然是一个单纯的静态HTML网页。这说明，即使是动态网站，在客户端也是看不到动态网页代码的，这在一定程度上起到了保护代码的作用。
（二）安装 IIS
要制作动态网页，首先需要有一个测试服务器。在Windows 7操作系统下，只要安装了IIS，就可以将自己的电脑设置为测试服务器。在安装Windows 7时，默认状态下是不会安装IIS的，所以需要单独安装。
课程教案
授课内容
项目四 制作文化公司网站
授课班级 授课学时 12课时
教学方法与手段 讲授法、演示法、讨论法。多媒体教学
项目内容 广州皇翼文化发展有限公司是一家拥有丰富资源的新生代文化传播公司，本公司主要从事舞台艺术、演艺演出、展览展示、活动推广等业务。本项目的工作内容就是为该公司建设网站，公司要求如下：
1. 简洁美观的全版欢迎页面。
2.内容页可以使用色彩对比强烈的风格，少量文字版面内容，以图片显示的版块为主。
3. 图片展示是重点，在访客查看图片的时候，图片要有特色的显示链接效果。
4. 网站栏目之间有明确的链接。
要完成上述任务要求，网站制作必须应用超链接和行为技术。超链接是网站中最重要的组成部分，它指向要访问的目标文档或其他元素，从而使一个网页可以跳转到另一个网页或打开“下载文件”对话框等。利用行为可以实现浮动广告、滚动字幕，以及收缩、放大图像等效果。
教学目标 学生通过本项目的学习，能：
1、 熟练掌握设置各种超链接的方法
2、 掌握跳转菜单的设置方法
3、 熟练掌握各种行为的设置方法
教学重点与难点 教学重点：
1、熟练掌握设置各种超链接的方法
2、掌握跳转菜单的设置方法
3、熟悉“行为”面板
教学难点：
熟练掌握各种行为的设置方法
教学过程设计 项目效果
【任务一】为首页和子页设置链接——应用超链接
超链接包括很多种，最常用的是常规超链接，另外还有图片链接、下载链接、电子邮件链接等。
（一）设置常规超链接
常规超链接包括内部超链接和外部超链接。内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。
1. 内部超链接
内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框中直接输入要链接到的网址或网页名称；也可以通过单击“属性”面板上“链接”编辑框后的“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接到的文件。
信息素养是一种对信息社会的适应能力
1
第一章 网页设计与制作简述教学设计
课题：网页设计与制作简述
课时：90分钟
教学对象：高一年级
教学目标：
1.知识技能目标
① 了解网页设计的基本概念；
② 可以制作一个简单的个人主页
2.过程方法目标
按照网页制作的基本概念进行讲述，让学生对网页制作有一个初步认识；然后，演示制作一个简单的个人主页，并要求学生完成自己的第一个个人主页。
3.情感态度价值观
在学生对网页制作的基本知识有了初步了解后，让学生制作出其第一个个人主页，体验成就感与带给学生自信。
教学重点：①网页基本概念的阐述
②演示网页制作
教学难点：让学生对制作网页产生初步认识
教学方法：互动交流、讲解示范法、启发引导
教学环境：电脑室，网络环境
教学内容及过程：
一、网页的基本概念
0.简单点评，给出学习目标
首先，欢迎学生选择了“网页制作”社，说明网页社团课的目标是让每一个学生可以制作出属于自己的个人主页，并为制作出功能与内容更为丰富而强大的网站做准备。同时，提出希望与期待！
然后，给出本节课的学习目标，期待学生积极参与，向更高层次目标努力。
1.网页与网站的概念
网页(web)，也就是网站上的某一个页面，它是一个纯文本文件，是向浏览者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图像、音乐等，并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。
网站(Website)，它是指在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页集合，它建立在网络基础之上，以计算机、网络和通信技术为依托，通过一台或多台计算机向访问者提供服务。平时所说的访问某格站点，实际上访问的是提供这种服务的一台或多台计算机。
2.网页的基本元素
网页是一个纯文本文件，通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。构建网页的基本元素包括文本、图像和超链接，其他元素包括声音、动画、视频、表格、导航栏、表单等如图1-2所示。
课程教案
授课内容
项目六 制作电影网网站——建立框架网页
授课班级 授课学时 8课时
教学方法与手段 讲授法、演示法、讨论法。多媒体教学
项目内容 本项目的工作是为某影视传媒公司设计网站。网站主要为用户提供免费的高清电影在线观看和下载服务。网站的首页要求有良好的审美、布局和制作感。在技术方面，公司提出的要求有：
1. 首页的显示空间分割为几个区域，每个区域可以显示不同的信息。
2. 在实现区域之间显示信息时不会互相干扰。
根据客户的要求，我们在制作公司首页应用到框架技术。利用框架技术制作网站首页可以把浏览器的显示空间分割为几个区域，每个区域可以分别显示不同的页面；而且替换窗口中的内容时，各个窗口之间没有影响。使用框架的优点在于可以把不同层次的网页中的不改变的内容放在一个框架中，把不断改变的内容放在一个框架中。把框架技术运用到我们大电影网站导航和文档浏览中，能方便访问者对网页的浏览，减少访问者下载页面所需的时间。
教学目标 学生通过本项目的学习，能：
1、 理解框架网页的基本概念
2、 掌握创建框架的基本方法
3、 区分框架与框架集的保存
教学重点与难点 教学重点：掌握创建框架的基本方法
教学难点：建立框架网页
教学过程设计 项目效果
【任务】制作电影网首页——框架网页入门
除表格外，框架也是一种重要的网页布局工具，与使用表格布局网页不同的是，框架布局通常适合页面中一个区域发生变化，而其他区域不发生变化的网页，如网站后台管理界面和一些论坛网页。
（一）了解框架和框架集
在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架。每个框架可显示不同文档的内容，彼此之间互不干扰。
框架网页由框架集定义，框架集是特殊的HTML文件，它定义一组框架的布局和属性，包括框架的数目、大小和位置，以及在每个框架中初始显示的页面
URL。
框架集文件本身不包含要在浏览器中显示的HTML内容，只是向浏览器提供如何显示一组框架，以及在这些框架中应显示哪些文档的信息。要在浏览器中查看一组框架，需要输入框架及文件的URL，浏览器随后打开要显示在这些框架中的相应文档。
