隆昌市城关职业中学教案
授课教师 郑昌全 课题 课型 网页设计基础 理论课 授课班级 高2018级电子商务班 课时 2 授课日期 1、知识与技能目标：了解网站、网页的基本概念；了解WWW服务的基本概念及工作原理； 教学目标 2、过程与方法目标：了解网页色彩搭配的原则； 3、情感态度与价值观： 培养严谨的科学态度 教学重点 网页的基础知识。 教学难点 网页的配色方案。 教学方法 讲授 教具与 一体机 学具准备 一．Internet概述 批注： Internet，中文名称为“因特网”或“国际互联网”，是利用通信线路和通信设备将世界各地的计算机网络、主机和个人计算机互相连接起来，在网络协议控制下所构成的全球互联网系统。 Internet提供的服务主要包括万维网（WWW）、电子邮件（E-Mail）、文件传输（FTP）、远程登录（Telnet）等。 从每天的新闻报告、天气资讯，到在线音乐、网络视频、QQ、微博、微信，机票预订、旅馆安排、网上购物、证券交易等活动，网络已经渗透到我们生活的各个角落。 二．WWW服务 WWW 是 World Wide Web的缩写，也称为“万维网”。WWW是一种基于HTTP的交互式多媒体信息检索工具。 教学过程 WWW服务采用客户机/服务器工作模式，由WWW浏览器、Web服务器和WWW协议组成。用户通过客户端的浏览器，向Web服务器发出URL请求，Web服务器接收并处理用户请求后，将网页返回给客户端，浏览器接收到网页后对其进行解释，最终呈现给用户。 WWW浏览器是专门来定位和访问Web信息的应用程序。常用的浏览器软件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator。 三．Web站点和网页 Web站点，又称为网站，是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合，其运作原理如图所示。 网页是构成网站的基本元素，一般又称作HTML文档，是一种可以在互联网上传输，能被浏览器识别和翻译成页面并显示出来的文件。 网页分为静态网页和动态网页，以 htm 或 html 为扩展名的文件，为静态网页。根据采用服务器技术的不同，网页扩展名又有ASP、PHP、JSP等，这些网页称为动态网页。 当用户在浏览器的地址栏中输入网站的URL后见到的第一个网页称为网站的主页。 主页是网站中所有网页的索引页，通过单击主页上的超链接可以打开其他的网页。 四、HTTP和URL HTTP：超文本传输协议，是互联网上应用最为广泛的一种网络协议，它允许将HTML文档从 Web 服务器传送到 WWW浏览器。 Internet中的Web服务器数量众多，且每台服务器都包含有多个网页，用户要想在众多的网页中指明要获得的网页，就必须借助于统一资源定位符（URL, Uniform Resource Locators）进行资源定位。 URL由三个部分组成：协议、主机名、路径及文件名。例如：某网页的URL为： http://www.sdcjgk.net/news /wj1.html 其中http:是采用的协议，www.sdcjgk.net是主机名，news指网页的路径（存储网页的文件夹），wj1.html是要访问的网页文件名。用户只要在浏览器的地址栏中输入要浏览网页的URL，便可以浏览到该网页。 五．色彩的基础知识 色彩是网站中最主要的组成部分，网站页面的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩一般分为无彩色和有彩色两大类。无彩色是指黑、灰、白等不带颜色的色彩，有彩色是指红、黄、蓝等带有颜色的色彩。 （1）色彩的三要素： 色相：指色彩的相貌，是色彩最显著的特征。 明度：指色彩本身的明暗深浅程度，简单来说就是指色彩的程度。 纯度：指色彩本身的鲜艳程序，又称为色彩的饱和度。 （2）色彩的感觉 红色：是最引人注目的色彩，具有强烈的感染力，象征热情、喜庆、幸福。在色彩配合中常起着主色和重要的调和对比作用，是使用得最多的色。 绿色：是植物是色彩，象征着平静、健康、健全、和谐和安全。 蓝色：使人联想到天空、海洋，给人以爽朗、清凉的感觉，象征着平静、稳定性、和谐、统一、信任。 黄色：给人明朗愉快的感觉，象征着光明、希望、高贵、愉快。 橙色：介于红色与黄色之间，可以营造一种温馨的氛围，象征着温馨、时尚、轻快。 紫色：是一种优雅、高贵、充满灵性并能激发创造力的颜色，象征着优雅、高贵、神秘、忧郁。 白色：给人以干净整洁的感觉，象征着纯洁、天真、干净、轻松、神圣。 黑色：是一种比较经典的色彩，象征着严肃、神秘、威严、深沉、压抑。 灰色：是一种可以衬托任何色彩的颜色，象征温和、谦让、平凡、考究。 六．色彩的搭配原则 （1）网页色彩搭配时，要善用单色、对比色、邻近色和同类色。 （2）网页要用与众不同的色彩，不同类型的网站配以不同的色彩，从而表达不同的情感诉求。 （3）色彩要和网站的内容、文化氛围相符合，以便更好的突出网站的特色。 （4）网页配色时，尽量把颜色控制在三种之内，以免使页面产生“乱”的效果 七．网站常见的配色方案 （1）儿童类网站：常运用幸福感强烈、充满温情、智慧和希望的黄色；干净、清澈的蓝色；渲染朝气、健康、自然的绿色；营造温馨氛围，活泼、朝气的橙色。 （2）教育类网站：常运用平静、清澈的蓝色；充满希望的绿色；营造活泼、朝气的橙色。 （3）企业类网站：常运用沉稳、冷静、严谨、成熟的冷色调蓝色，给人一种稳定感，使访问者容易建立对网站的信任。 （4）购物类网站：常运用红色、黄色、橙色等暖色调渲染氛围，让浏览者在购物的同时感觉到轻松和愉快。 （5）旅游休闲类网站：常运用代表大自然、健康和希望的绿色，代表天空、海洋，干净清澈的蓝色。 1、 Internet概述 2、 WWW服务 3、 Web站点和网页 板书设计 4、 色彩的基础知识 5、 色彩的搭配原则 6、 网站常见的配色方案 完成 任务一 体验Html文档—网页基础 作业布置 教学后记
网页设计与制作(Dreamweaver CS6)教案(第2版 杨杰版)
