第一章 网页设计与制作基础

1、网页概述

学习网页之前先熟悉一些概念：

1）WWW（World Wide Web，万维网）：是Internet上最重要的信息服务之一，一个基于超文本（Hypertext）方式的信息检索服务工具。

2）URL（Uniform Resource Locator，统一资源定位器）：用于描述Internet上资源的位置和访问方式，它的功能相当于在实际生活中写信的通信地址。

例如：https://www.csdn.net/   就是CSDN的网址。

3）网站（Web Site）：一个存放在网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。

4）网页（Web Page）：网站的组成部分，制作者可以将需要公布的信息按照一定的方式分类，放在每个网页上，网页里可以有文字、图片、动画、声音和视频等。

5）超文本标记语言（Hypertext Text Markup Language，HTML）：是构成Web页面的基础。是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。

6）CSS(Cascading Style Sheet)层叠样式表:是用来进行网页风格设计的。比如链接文字未点击时是蓝色的，鼠标放上字变成红色而且有下划线，这是一种网页风格。通过样式表可以统一的控制HTML中各标志的显示属性。级联样式表可以是我们更有效的控制网页外观。使用级联样式表，可以扩充精确指定网页元素的位置、外观以及创建特殊效果的能力。

7）JavaScript 是由 Netscape 公司开发的一种脚本语言( Scripting Language )。在 HTML 的基础上，使用 JavaScript 可以开发交互式 Web 网页，例如可以在线填写各类表格、联机编写文档并发布等。

2、Web设计基础

1) Web 设计要求界面简洁：
简洁首先是对内容文本进行精炼，保留关键信息。网站如果使用一个醒目的图形作为标题，这个图形同样也要简洁。另一种保持简洁的做法是限制所用字体和颜色的数目。

2) Web 设计要求内容明确：
使用清楚的消息标识，确保用户了解此页面的上下文；还可以使导航元素保持一致，并且对访问率最高的区域进行明显的标记，使它们易于被用户找到；界面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片对界面进行装饰。要确保界面上每一个元素都能让浏览者看到。此外，为保持简单明确，网页设计时应尽量减少浏览层次。

3）栏目的内容要突出重点，对于用户经常要访问的内容应直接放入主栏目下。而对其它的辅助内容，比如关于本站或版权信息等，可以不放在主栏目中，以免冲淡主题。尽可能删除与主题无关的栏目，以及尽可能将网站最有价值的内容列在栏目上。

4）为方便用户使用，一般情况下访问者最好能够在3-5次鼠标点击后，可查询到想要找的信息。因此应对栏目级数进行控制，网站的页面级数最多控制在三级，同时链接应当是清晰而准确的。

3、网页的板块结构

1)网站LOGO：在网站左上角或者其他醒目的位置。

2）导航条：

3）Banner（横幅）：内容通常为网页中的广告。网页布局中大部分放在与导航条相邻出或者其他醒目位置。

4）内容板块：是整个页面的组成部分，来显示不同的文本信息。

5）版尾或版权板块：页面最低端的板块。

4、网页的基本构成要素

1）文本

2）图片

3）超链接

4）动画

5）声音和视频

6）表格

7）表单

5、编辑、保存、运行网页文件

1）新建记事本，名字随意，后缀改成html或者htm

2）内容如下：

3）选择谷歌浏览器打开，或者选择其他浏览器

4）运行结果：