HTML+CSS+JavaScript网站开发教程-全套PPT课件.pptx

第1章 网页和网站的基础知识 随着互联网的日益成熟，越来越多的个人和企业制作了自己的网站，网站作为一种全新的形象展示方式已经被广大用户所接受。要想制作出精美的网站，不仅需要熟练地掌握网站建设相关软件，还需要了解网页和网站的相关开发基础知识，只有对网页和网站的相关基础知识进行深入的学习，才能够快速掌握网页的设计技巧和方法。本章主要介绍网页设计制作的基本知识：包括网页的基本构成元素、设计的基本原则和制作流程等内容。网页是互联网展示信息的一种形式。一般网页上都会有文本和图像信息，复杂一些的网页上还会有声音、视频、动画等多媒体。1.1.1 网页和网站 进入网站首先看到的是网站的主页，主页集成了指向二级页面及其他网站的链接，浏览者进入主页后可以浏览最新的信息，找到感兴趣的主题，通过单击超链接跳转到其他网页。当浏览者输入一个网址或者单击了某个链接，在浏览器中看到的文字、图像、动画、视频、音频等内容时，能够承载这些内容的被称为网页。浏览网页是互联网应用最广的功能，网页是网络的基本组成部分。地址栏图片链接视频文字连接----------1.1 认识网页1.1.2 网页的类型 通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP、VRML等。1.1.3 静态网页和动态网页 静态网页是与动态网页相对应的，静态网页URL的后缀以.htm、.html、.shtml、.xml等常见形式出现的。而动态网页URL的后缀是以.asp、jsp、php、perl、cgi等形式出现。并且在动态网页网址中有一个标志性的符号——“？”，如图所示。1.1.4 网页的基本构成元素 网页由网址（URL）来识别与存取，当访问者在浏览器的地址栏中输入网址后，通过一段复杂而又快速的程序，网页文件会被传送到访问者的计算机内，然后浏览器把这些HTML代码“翻译” 成图文并茂的网页。网页作为上网的主要依托，由于人们频繁地使用网络而变得越来越重要，这使得网页设计也得到快速发展。如何设计网站页面，对于每一个网站来说都变得至关重要。网页设计中最重要的东西，并非在软件的应用上，而是在于网页设计的理解以及设计制作的水平，在与自身的美感以及页面方向上的把握。1.2.1 网页设计的基本原则建立网站的目的是为了给浏览者提供所需的信息，这样浏览者才会愿意光顾，网站才有真正的意义，设计网页的基本原则为明确主题、首页很重要、分类、互动性、图像应用技巧、避免滥用技术、及时的更新和维护。1.2.2 网页设计成功要素设计一个网站，需要整体布局、信息、下载速度、图像和版面设计、文字的可读性、多媒体功能的运用和导航清晰等基本因素，这些因素对网站的成功与否有着重要影响。由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要。1.2 如何设计网页1.2.3 网页的设计风格及色彩搭配确定网站的整体风格：风格（style）是抽象的，是指站点的整体形象给浏览者的综合感受。网页色彩的搭配：当距离显示屏较远的时候，看到的不是优美的版式或不是美丽的图片，而是网页的色彩。1.2.4 网页设计的实现 网页设计的实现可以通过两种方式，一种是传统的表格布局方式，另一种是CSS布局方式。传统表格布局方式实际上是利用了HTML中的表格元素（table）具有的无边框特性，由于表格元素可以在显示时使单元格的边框和间距设置为0，所以可以将网页中的各个元素按版式划分放入表格的各单元格中，从而实现复杂的排版组合。 网页作为传播信息的一种载体，也要遵循一些设计的要点。但是由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页设计是技术与艺术的结合，内容与形式的统一，它要求设计者必须清楚以下的几个要点。1.3.1 为用户考虑为用户考虑的原则实际上就是求设计者时刻站在浏览者的角度来考虑，主要体现在使用者优先观念、考虑用户浏览器和考虑用户的网络连接。1.3.2 主题突出视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者，以使主题在适当的环境里被人们及时地理解和接受，从而满足其需求。这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力来鲜明地突出设计主题。1.3 网页设计的要点1.3.3 整体原则网页作为传播信息的载体，它要表达的是一定的内容、主题和观念，在适当的时间和空间环境里为人们所理解和接受，以满足人们的需求和实用为目标。设计强调其整体性，可以使浏览者更快捷、更准确地认识它、掌握它，并给人一种内部联系紧密，外部和谐完整的美感。整体性也