网页设计基础概述【荐】.docVIP

网页设计基础概述 通 过本章的学习，读者可以了解网站和网页的有关概念、网页设计流程和网页制作软件的基本知识等，并可以认识网页设计的步骤与原则，为设计制作网页打下良好的基础。 重点提示： 网站制作的常用软件 网站设计的流程 网页的基本组成元素 申请免费空间与发布网站 互联网的诞生和快速发展，给网页设计师提供了广阔的设计空间。相对传统的平面设计来说，网页设计具有更多的新特性和更多的表现手段，借助网络这一平台，将传统设计与电脑、互联网技术相结合，实现网页设计的创新应用与技术交流。网页设计是传统设计与信息、科技和互联网结合而产生的，是交互设计的延伸和发展，是在新媒介和新技术支持下的一个全新的设计创作领域。 如今的网页设计往往要结合动画、图像特效与后台的数据交互等Dreamweaver?CS3、Photoshop CSFlash CS3作为Adobe公司经典的常用网页设计软件，是目前网页制作的首选工具它们具有强大的网页设计、动画制作和图像处理功能从零开始，一步一步体验综合应用Dreamweaver?CS3、Photoshop CS、Flash CS等软件进行网页设计，感受网站设计的无穷乐趣，从而踏上网页制作之路。URL）来识别与存取，当用户在浏览器地址栏中输入网址之后，经过一段复杂而又快速的程序运作，网页文件就会被传送到用户的计算机中，再通过浏览器解释网页的内容，最终展示到用户的眼前。 网页有多种分类，笼统意义上的分类是动态页面和静态页面。 静态页面多通过网站设计软件来进行重新设计和更改，技术实现上相对比较滞后。当然，现在的某些网站管理系统也可以直接生成静态页面，这种静态页面通常可称为伪静态。静态页面内容是固定的，其后缀名通常为.htm、.html、.shtml等，如图1-2所示。 动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页，通常可通过网站后台管理系统对网站的内容进行更新和管理，如发布新闻、发布公司产品、交流互动、博客和网上调查等，都是动态网站功能的一些具体表现。 图1-1 中央电视台主页 图1-2 静态页面 动态页面的常见扩展名通常有.asp、.aspx、.php、.jsp、.cgi等，如图1-3所示。 网站主页（Home?Page）也可以理解为网站的封皮，因此也被称为首页，它是整个网站的主索引页。网站首页名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。如图1-4所示即为新起点工作室的网站主页。 图1-3 动态页面 图1-4 新起点工作室网站首页 网站、网页和主页是3个功能不同但又紧密联系的概念，一个网站由多个网页元素构成，若干个网页又通过主页链接成一个完整的网站系统。 1.1.2 HTML的组成及语法 HTML（Hyper Text Markup Language，是用来描述WWW上超文本文件的HTML文对多平台兼容浏览器能够在任何平台上阅读。HTML能够将I声音、图、视频起来，此外还可以与数据库相连，的查询交互功能。创建HTML文件 ?图1-5 输入代码 图1-6 保存为网页格式 ?图1-7 页面预览 2．HTML的语法 HTML语法由标签（Tags）和属性（Attributes）组成。标签又称标记符，HTML是影响网页内容显示格式的标签集合，浏览器主要根据标签来决定网页的实际显示效果。在HTML中，所有的标签都用尖括号括起来。 标签可分为单标签和双标签两种类型。 （1）单标签 单标签的形式为标签 属性=参数，最常见的如强制换行标签BR、分隔线标签HR、插入文本框标签INPUT。 （2）双标签 双标签的形式为标签 属性=参数对象/标签，如定义“奥运”两字大小为5号，颜色为红色的标签为：font size=5 color=red奥运/font。 需要说明的是：在HTML语言中大多数是双标签的形式。 HTML中常用的标签如下： br和p标签 在HTML文档中无法用多个回车、空格和Tab键来调整文档段落的格式，要用HTML标签来强制换行和分段。br（即Break）是换行标签，它是单独出现的。br的作用相当于回车符。p即Paragraph（段落）。p标签用于划分段落，作用是插入一个空行，可以单独使用，也可以成对使用。 img显示图片标签 img标签常用的属性有src（图片资源链接）、alt（鼠标悬停说明文字border（边 框）等。 title…/title标题栏标签 title标签用来给网页命名，网页的名称将被显示在