网页制作案例教程 陈建孝 陆锡聪 余晓春 江玉珍 第1章 网站与网页概述新

网页制作案例教程2023/11/11网页制作案例教程第1章：网站与网页概述第2章：HTML入门第3章：网页根本编辑第4章：表格第5章：框架第6章：APDiv第7章：表单第8章：CSS和模板第9章：网页图形处理工具FireworksCS5第10章：图像处理工具PhotoshopCS5第11章：动画制作工具FlashCS5第12章：网站制作综合应用2023/11/12学习目标：第1章网站与网页概述了解Internet、Web、网站、网页的根本概念了解网站、网页与主页之间的相互关系掌握网站建立及管理方法了解网站的开发设计应遵循的根本原那么了解网页设计的常用工具软件2023/11/131.1网站与网页根底知识网站规划与网页制作是一项综合性非常强的工作，需要设计者具备一定的Internet根底知识，理解Web的工作原理，对网页的类型风格和网页制作软件有所认识，才能更好地开展开发设计工作。2023/11/141.1.1Internet与Web

Internet中文译名因特网，又叫做国际互联网。它是由使用公用语言互相通信的计算机连接而成的全球网络。Internet是世界上覆盖面最广、规模最大、信息资源最丰富的计算机网络。Internet提供了许多受群众欢送的效劳，包括：WWW〔万维网〕E-Mail〔电子邮件〕FTP〔文件传输〕Telnet〔远程登录〕UsenetNews〔电子公告牌效劳〕……2023/11/151.1.1Internet与Web

Web就是一种超文本信息系统。Web的一个主要的概念就是超文本链接，它使得文本不再像一本书一样是固定的线性的，而是可以从一个位置跳到另外的位置，从而可获取更多的相关信息。

2023/11/161.1.1Internet与Web

许多新闻网站，如搜狐、新浪等有大量的超文本链接2023/11/171.1.2Web的工作原理Web效劳器，就是那些对信息进行组织、存储并将其发布到Internet中去，从而使得Internet中的其他计算机可以访问这些信息的计算机。在Web中使用的通信协议是HTTP协议，通过HTTP协议实现客户端〔浏览器〕的Web效劳器的信息交换。2023/11/181.1.2Web的工作原理当用户通过浏览器向Web效劳器提出HTTP请求时，Web效劳器根据请求调出相应的网页文件，类型有HTML、XML、ASP或JSP。对于静态网页HTML或XML，效劳器直接返回给客户。对于动态网页ASP或JSP，Web效劳器那么与数据库效劳器建立连接,运行脚本程序，最后生成新的、包含动态数据的HTML或XML文档返回客户端浏览器。2023/11/191.1.2Web的工作原理图1-1Web的工作原理XML为可扩展标记语言，它与HTML一样都是标准通用标记语言。2023/11/1101.1.3网站、网页与主页网站(Website)，就是指在Internet上向全世界发布信息的站点。它是根据一定的规那么，使用HTML等工具制作的、建立在网络效劳器上的一组相关网页的集合。网页(WebPage)，是网站提供信息效劳的主要形式。用于展示网站中特定的内容，用网页浏览器阅读。网页通用标准是HTML，即超文本标记语言〔HyperTextMarkupLanguage〕2023/11/1111.1.3网站、网页与主页在Internet中，每个网页都具有唯一的地址，即“网址〞。网址由URL〔UniformResourceLocator，统一资源定位器〕指定其在Internet上的位置。主页〔homepage〕，是网站中最重要的页面，是整个网站的导航中心，它提供全面的网站信息链接，能够使访问者快速地了解网站的概貌。2023/11/1121.1.4静态网页与动态网页根据网页制作的技术及网页功能，网页通常分为静态网页和动态网页。静态网页是指纯粹HTML格式的网页，其URL以“.htm〞、“.html〞、“.shtml〞、“.xml〞等为后缀。如:

2023/11/1131.1.4静态网页与动态网页动态网页中除了普通网页中的元素外，还包括一些应用程序，这些应用程序使浏览器与Web效劳器之间发生交互行为，而且应用程序的执行需要应用程序效劳器才能够完成。动态网页URL的后缀是以asp、.jsp、.php、.perl、.cgi等，且在动态网页网址中有一个标志性的符号“？〞如:://mail.163/errorpage/err_163.htm?errorType=460&errorUsername=abcde@1632023/11/1141.2网站建立及管理建立自己的Web站点，必须先注册域名和申请站点空间。1.2.1注册域名

1．域名应简明易记，便于输入

2．域名要有一定的内涵和意义2023/11/115CNNIC——中国互联网络信息中心

是我国域名注册管理机构和域名效劳器运行机构。1.2.1注册域名

图1-2CNNIC网站2023/11/1161.2.2申请网站空间申请/建立网站空间方式：1．使用免费网站空间2．租用虚拟主机3．租用专用效劳器4．使用自己的效劳器2023/11/1171.2.2申请网站空间“中国万网〞〔〕，你好万维网〞〔〕等可实现虚拟主机租用。2023/11/1181.2.3上传网站内容网站上传的实现方法有：1．使用IE浏览器上传文件2．使用专业的FTP工具上传文件3．使用Dreamweaver上传文件2023/11/1191.2.4网站维护管理方法1.网站文件结构的设置网站文件组织结构上，通常采用以下2种方案：方案一：按文件类型分类图1-5按文件类型分类的网站结构

2023/11/1201.2.4网站维护管理方法方案二：按部门、业务或工程分类图1-6按部门、业务或工程分类的网站结构2023/11/1211.2.4网站维护管理方法2．网站文件管理原那么在进行网站开发之前建立适宜的网站文件结构。网站的首页文件通常是“index.html〞，它必须存放在网站的根目录中。网站使用的所有文件都必须存放在站点的文件夹或者子文件夹中。相同路径下的文件或文件夹不能同名。网站文件的删除、重命名或者移动等操作应通过站点管理器来完成2023/11/1221.3网站的开发设计1.3.1网站类型确实定1．门户网站2．商务网站3．个人网站4．办公网站2023/11/1231.3.2网站整体风格的定位网站的风格主要指网站的色彩、版式等方面给浏览者的整体视觉感受。不同类型不同主题的网站，应有自己的独特的风格。2023/11/1241.3.3网站标识与色彩设计1．网站标识网站标识也称为网站Logo。其作用是加深访问者对网站的印象，提高网站的知名度，并最终形成网站文化的标志。

图1-7搜狐网Logo图1-8新浪网logo图1-9太平洋网Logo图1-10百度系列Logo2023/11/1251.3.3网站标识与色彩设计2．网站色彩设计网站标准色彩要用于网站的标志，标题，主菜单和主色块，给人以整体统一的感觉。要注意色彩的合理搭配。一般来说，一个网站的标准色彩不超过3种2023/11/1261.3.4网站导航与布局设计1．网站导航设计2．版面布局设计2023/11/1271.4网页制作的主要工具软件1.4.1网页设计软件——DreamweaverDreamweaver是一款“所见即所得〞的网页编辑工具，其用户界面非常友好易用，为网页设计者带来了很大的便利。Dreamweaver不仅提供了强大的网页编辑功能，而且提供了善的站点管理机制，是一个集网页创作和站点管理两大利器于一身的创作工具。2023/11/1281.4网页制作的主要工具软件1.4.2动画设计软件——FlashFlash是一款优秀的网页动画制作软件，主要应用于网页设计和多媒体创作等领域。Flash可以很方便地将音乐、声效、图画以及动画随心所欲地结合起来。Flash生成的SWF作品文件“体积〞小得出奇，并且可以以插件的形式直接插入到网页中，是目前网络中最常用的动画格式。2023/11/1291.4网页制作的主要工具软件1.4.3网页图形处理软件——FireworksFireworks是一款真正的网页图形图像处理软件，它与Dreamweaver结合很紧密。Fireworks可用于设计动态按钮等网页元素，甚至可直接设计精美的网站首页。2023/11/1301.4网页制作的主要工具软件1.4.3图像处理软件——PhotoshopPhotoshop是一款专业的图像处理软件，功能强大，为美工设计人员提供了广阔的创意空间，Photoshop广泛应用于网页图像编辑、桌面出版、广告设计、婚纱摄影等各行各业，成为许多涉及图像处理的行业的事实标准。2023/11/131

小结本章介绍网站与网页的相关概念和根底知识，重点讲解网站建立的方法和管理技术，分析网站设计要那么及建站前的准备工作。设计者需要具备一定的网络根底知识、掌握各种多媒体处理技术，才能沉着地应对开发过程中遇到的各种问题。2023/11/132作业与实验

作业：1．人们可以使用连接到Internet的计算机查看Internet上的网页，请你按自己的理解描述在浏览网页的过程中，信息传递的方式和过程。2．例说明网站的主题分类和选择主题的原那么。3．申请网站空间有哪几种方式？简述建立一个网站的过程。2023/11/133作业与实验

实验题：1.翻开搜狐网主页(://sohu)，了解搜狐网的主要版块和栏目，说说该网站属于哪种网站类型、具有什么特点。2023/11/134本章结束2023/11/135在线教务辅导网：

更多课程配套课件资源请访问在线教务辅导网2023/11/1362023/11/1372023/11/1382023/11/1392023/11/1402