第1章 网页设计基础

《第1章 网页设计基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章网页设计基础（2课时）教学目标：1.熟悉网页设计的相关概念。2.了解Web设计的原则、网站结构规划（栏目、目录）的原则。3.了解网页布局设计的原则、布局设计的类型、布局设计元素、布局设计技术。4.了解网站内容设计的元素（文本、多媒体）和如何进行内容排版。5.了解网页设计的构成要素和风格设计的类型。6.了解网页色彩设计的基础知识。7.熟悉HTML文档的结构和基本语法。教学内容：第1章网页设计基础（网页相关概念、Web设计基础、网页布局、内容设计、风格设计、色彩设计、HTML基础）。教学重点与难点：重点是网页设计的相关概念、HTML

2、文档的结构和基本语法。难点是HTML文档的基本语法。教学过程：（导入、讲授新课、巩固练习、课堂小结、布置作业）一、导入为什么要学习此课程？Why?传统信息的发布主要形式：张贴广告、发送传单、报刊杂志、广播电视，其缺点主要为：受众范围窄、费用高、不及时、不丰富。而网络的出现给每个人提供了平等获取信息的机会。以企业建站为例，商机无限。What?结合前面已学的相关课程（网络编辑美术基础、电脑图文设计），能独立或团队完成一个网站的设计或模拟某个网站完成制作。How?l以实践为主，多动手，多讨论l充分利用课堂时间，在课堂完成内容的入门。l形成对

3、网页设计与制作的兴趣，尝试制作你所见到的每一个网页或网页特效，不局限在课堂的范围之内。l提高自己解决问题的能力！30二、讲授新课本章主要介绍网页设计基础知识，包括网页相关概念、Web设计原则、网站结构规划、布局设计的原则和类型、布局设计的元素、布局设计技术、网页文本与多媒体设计、网页内容排版、网页设计的构成要素与风格类型设计、色彩基础知识与网页配色、HTML文档结构与基本语法。通过本章的学习，使读者对网页设计有个初步的认识，为后面具体制作网页做好准备。1.1网页概述网页中包含很多种类型的内容（即网页的元素），最基本的是文字，还包括图像

4、、动画和音频视频形式的多媒体文件，这些文件存放在服务器上，用户通过浏览器进行访问，这就是人们常说的B/S结构（Browser/Server，浏览器/服务器模式）。设计网页的最终目的是给访问者显示有价值的信息，并留下最深刻的印象。在设计网页前，需要先了解一些相关知识。WWW（WorldWideWeb，环球信息网的缩写，也可简称为Web，中文名叫万维网）是一个基于超文本（Hypertext）方式的信息检索服务工具。这种把全球范围内的信息组织在一起的超文本方法，采用的是由指针链接的超网状结构。Web系统允许超文本指针所指向的目标信息源不仅可

5、以是文本，也可以是其它媒体，如图形、图像、声音、动画等信息，更重要的是可以把分散在不同主机上的资源有机的组织在一起，这种超文本结构与多媒体的结合体，被称为“超媒体”（Hypermedia，现在的含义已变为UltraMedia）。Web系统已在教育、科学技术、商业广告、公共关系、大众媒体和娱乐等多方面起着愈来愈重要的作用。WWW的应用已远超原有的设想，成为Internet上最受欢迎的应用之一，它的出现极大的推动了Internet的推广。WWW获得成功的秘诀在于它制定了一套标准的、易于人们掌握的超文本开发语言、信息资源的统一定位格式和超文

6、本传送通信协议，用户掌握后可以很容易地建立自己的网站。超链接（HyperLink）指向WWW中的资源，例如一个网页、声音、文件、网页的一个段落或者WWW中的其他资源等，这些资源可放在任何一个服务器上，一个超链接可以是一些文字也可以是一张图片。统一资源定位器（UniformResourceLocator，URL）用于描述Internet上资源的位置和访问方式，也可以把URL称为网址，它的功能相当于在实际生活中写信的通信地址。例如：新浪网一个网页的网址：http://tech.sina.com.cn/it/2013-07-27/12518

7、580984.shtml基本语法：scheme://host.domain:port/path/filenameURL通常包括三个部分，第一部分Scheme是网络协议，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。lScheme（传输协议）：定义因特网服务的类型，告诉浏览器如何解析将要打开的文件内容。最流行的类型是http，还有ftp等多种网络协议。ldomain（域）：定义因特网域名，比如：sina.com.cn。30lhost（主机）：定义此域中的主机。如果被省略，默认为www，上例中是tech。l

8、port（端口）：定义服务的端口号，通常省略http默认的端口号80。lpath（路径）：定义服务器上的路径（一个辅助的路径）。如果路径被省略，资源（文档）会被定位到网站的根目录，上例中是“it/2013-07-27/”