admin 管理员组文章数量: 1087139
2024年4月24日发(作者：aspects of language)
隆昌市城关职业中学教案
授课教师 郑昌全
课题
课型
网页设计基础
理论课
授课班级 高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
为：
/news /
其中http:是采用的协议，是主机名，news指网页的路径
（存储网页的文件夹），是要访问的网页文件名。用户只要在浏览器的
地址栏中输入要浏览网页的URL，便可以浏览到该网页。
五．色彩的基础知识
色彩是网站中最主要的组成部分，网站页面的色彩处理得好，可以锦上添花，达
到事半功倍的效果。色彩一般分为无彩色和有彩色两大类。无彩色是指黑、灰、
白等不带颜色的色彩，有彩色是指红、黄、蓝等带有颜色的色彩。
（1）色彩的三要素：
色相：指色彩的相貌，是色彩最显著的特征。
明度：指色彩本身的明暗深浅程度，简单来说就是指色彩的程度。
纯度：指色彩本身的鲜艳程序，又称为色彩的饱和度。
（2）色彩的感觉
红色：是最引人注目的色彩，具有强烈的感染力，象征热情、喜庆、幸福。在色
彩配合中常起着主色和重要的调和对比作用，是使用得最多的色。
绿色：是植物是色彩，象征着平静、健康、健全、和谐和安全。
蓝色：使人联想到天空、海洋，给人以爽朗、清凉的感觉，象征着平静、稳定性、
和谐、统一、信任。
黄色：给人明朗愉快的感觉，象征着光明、希望、高贵、愉快。
橙色：介于红色与黄色之间，可以营造一种温馨的氛围，象征着温馨、时尚、轻
快。
紫色：是一种优雅、高贵、充满灵性并能激发创造力的颜色，象征着优雅、高贵、
神秘、忧郁。
白色：给人以干净整洁的感觉，象征着纯洁、天真、干净、轻松、神圣。
黑色：是一种比较经典的色彩，象征着严肃、神秘、威严、深沉、压抑。
灰色：是一种可以衬托任何色彩的颜色，象征温和、谦让、平凡、考究。
六．色彩的搭配原则
（1）网页色彩搭配时，要善用单色、对比色、邻近色和同类色。
（2）网页要用与众不同的色彩，不同类型的网站配以不同的色彩，从而表达不
同的情感诉求。
（3）色彩要和网站的内容、文化氛围相符合，以便更好的突出网站的特色。
版权声明：本文标题：网页设计与制作(Dreamweaver CS6)教案(第2版 杨杰版) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1713948104a659056.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论