(第1章网页设计基础.docxVIP

第1章 网页设计基础（2课时）教学目标：熟悉网页设计的相关概念。了解Web设计的原则、网站结构规划（栏目、目录）的原则。了解网页布局设计的原则、布局设计的类型、布局设计元素、布局设计技术。了解网站内容设计的元素（文本、多媒体）和如何进行内容排版。了解网页设计的构成要素和风格设计的类型。了解网页色彩设计的基础知识。熟悉HTML文档的结构和基本语法。教学内容：第1章 网页设计基础（网页相关概念、Web设计基础、网页布局、内容设计、风格设计、色彩设计、HTML基础）。教学重点与难点：重点是网页设计的相关概念、HTML文档的结构和基本语法。难点是HTML文档的基本语法。教学过程：（导入、讲授新课、巩固练习、课堂小结、布置作业）一、导入为什么要学习此课程？Why?传统信息的发布主要形式：张贴广告、发送传单、报刊杂志、广播电视，其缺点主要为：受众范围窄、费用高、不及时、不丰富。而网络的出现给每个人提供了平等获取信息的机会。以企业建站为例，商机无限。What? 结合前面已学的相关课程（网络编辑美术基础、电脑图文设计），能独立或团队完成一个网站的设计或模拟某个网站完成制作。How?以实践为主，多动手，多讨论充分利用课堂时间，在课堂完成内容的入门。形成对网页设计与制作的兴趣，尝试制作你所见到的每一个网页或网页特效，不局限在课堂的范围之内。提高自己解决问题的能力！二、讲授新课本章主要介绍网页设计基础知识，包括网页相关概念、Web设计原则、网站结构规划、布局设计的原则和类型、布局设计的元素、布局设计技术、网页文本与多媒体设计、网页内容排版、网页设计的构成要素与风格类型设计、色彩基础知识与网页配色、HTML文档结构与基本语法。通过本章的学习，使读者对网页设计有个初步的认识，为后面具体制作网页做好准备。1.1 网页概述网页中包含很多种类型的内容（即网页的元素），最基本的是文字，还包括图像、动画和音频视频形式的多媒体文件，这些文件存放在服务器上，用户通过浏览器进行访问，这就是人们常说的B/S结构（Browser/Server，浏览器/服务器模式）。设计网页的最终目的是给访问者显示有价值的信息，并留下最深刻的印象。在设计网页前，需要先了解一些相关知识。WWW（World Wide Web，环球信息网的缩写，也可简称为Web，中文名叫万维网）是一个基于超文本（Hypertext）方式的信息检索服务工具。这种把全球范围内的信息组织在一起的超文本方法，采用的是由指针链接的超网状结构。Web系统允许超文本指针所指向的目标信息源不仅可以是文本，也可以是其它媒体，如图形、图像、声音、动画等信息，更重要的是可以把分散在不同主机上的资源有机的组织在一起，这种超文本结构与多媒体的结合体，被称为“超媒体”（Hypermedia，现在的含义已变为UltraMedia）。Web系统已在教育、科学技术、商业广告、公共关系、大众媒体和娱乐等多方面起着愈来愈重要的作用 。WWW的应用已远超原有的设想，成为Internet上最受欢迎的应用之一，它的出现极大的推动了Internet的推广。WWW获得成功的秘诀在于它制定了一套标准的、 易于人们掌握的超文本开发语言、信息资源的统一定位格式和超文本传送通信协议，用户掌握后可以很容易地建立自己的网站。超链接（Hyper Link）指向WWW中的资源，例如一个网页、声音、文件、网页的一个段落或者WWW中的其他资源等，这些资源可放在任何一个服务器上，一个超链接可以是一些文字也可以是一张图片。统一资源定位器（Uniform Resource Locator，URL）用于描述Internet上资源的位置和访问方式，也可以把URL称为网址，它的功能相当于在实际生活中写信的通信地址。例如：新浪网一个网页的网址：/it/2013-07-27/12518580984.shtml基本语法：scheme://host.domain:port/path/filenameURL通常包括三个部分，第一部分Scheme是网络协议，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。Scheme（传输协议）：定义因特网服务的类型，告诉浏览器如何解析将要打开的文件内容。最流行的类型是 http，还有ftp等多种网络协议。domain（域）：定义因特网域名，比如：。host（主机）：定义此域中的主机。如果被省略，默认为 www，上例中是tech。port（端口）：定义服务的端口号，通常省略http默认的端口号 80。path（路径）：定义服务器上的路径（一个辅助的路径）。如果路径被省略，资源（文档）会被定位到网站的根目录，上例中是“it/2013-07-27/”。filename（文件名）：定义文档的名称。上例中是“12518580984.shtml”。