搜索
1.1网站与网页基础知识网站规划与网页制作是一项综合性非常强的工作，需要设计者具备一定的Internet基础知识，理解Web的工作原理，对网页的类型风格和网页制作软件有所认识，才能更好地开展开发设计工作。1.1.1Internet与Web•Internet中文译名因特网，又叫做国际互联网。它是由使用公用语言互相通信的计算机连接而成的全球网络。•Internet是世界上覆盖面最广、规模最大、信息资源最丰富的计算机网络。•Internet提供了许多受大众欢迎的服务，包括：（万维网）E-Mail（电子邮件）FTP（文件传输）Telnet（远程登录）UsenetNews（电子公告牌服务）……1.1.1Internet与Web•Web就是一种超文本信息系统。•Web的一个主要的概念就是超文本链接，它使得文本不再像一本书一样是固定的线性的，而是可以从一个位置跳到另外的位置，从而可获取更多的相关信息。1.1.1Internet与Web许多新闻网站，如搜狐、新浪等有大量的超文本链接1.1.2Web的工作原理•Web服务器，就是那些对信息进行组织、存储并将其发布到Internet中去，从而使得Internet中的其他计算机可以访问这些信息的计算机。•在Web中使用的通信协议是HTTP协议，通过HTTP协议实现客户端（浏览器）的Web服务器的信息交换。1.1.2Web的工作原理•当用户通过浏览器向Web服务器提出HTTP请求时，Web服务器根据请求调出相应的网页文件，类型有HTML、XML、ASP或JSP。•对于静态网页HTML或XML，服务器直接返回给客户。•对于动态网页ASP或JSP，Web服务器则与数据库服务器建立连接,运行脚本程序，最后生成新的、包含动态数据的HTML或XML文档返回客户端浏览器。1.1.2Web的工作原理图1-1Web的工作原理XML为可扩展标记语言，它与HTML一样都是标准通用标记语言。1.1.3网站、网页与主页•网站(Website)，就是指在Internet上向全世界发布信息的站点。它是根据一定的规则，使用HTML等工具制作的、建立在网络服务器上的一组相关网页的集合。•网页(WebPage)，是网站提供信息服务的主要形式。用于展示网站中特定的内容，用网页浏览器阅读。•网页通用标准是HTML，即超文本标记语言（HyperTextMarkupLanguage）1.1.3网站、网页与主页•在Internet中，每个网页都具有唯一的地址，即“网址”。•网址由URL（UniformResourceLocator，统一资源定位器）指定其在Internet上的位置。•主页（homepage），是网站中最重要的页面，是整个网站的导航中心，它提供全面的网站信息链接，能够使访问者快速地了解网站的概貌。1.1.4静态网页与动态网页•根据网页制作的技术及网页功能，网页通常分为静态网页和动态网页。•静态网页是指纯粹HTML格式的网页，其URL以“.htm”、“.html”、“.shtml”、“.xml”等为后缀。•如:静态网页与动态网页•动态网页中除了普通网页中的元素外，还包括一些应用程序，这些应用程序使浏览器与Web服务器之间发生交互行为，而且应用程序的执行需要应用程序服务器才能够完成。•动态网页URL的后缀是以asp、.jsp、.php、.perl、.cgi等，且在动态网页网址中有一个标志性的符号“？”•如:=460&errorUsername=abcde@163.com1.2网站建立及管理建立自己的Web站点，必须先注册域名和申请站点空间。•1.2.1注册域名1．域名应简明易记，便于输入2．域名要有一定的内涵和意义CNNIC——中国互联网络信息中心网址：是我国域名注册管理机构和域名服务器运行机构。1.2.1注册域名图1-2CNNIC网站1.2.2申请网站空间•申请/建立网站空间方式：1．使用免费网站空间2．租用虚拟主机3．租用专用服务器4．使用自己的服务器1.2.2申请网站空间“中国万网”（网址：），你好万维网”（网址：）等可实现虚拟主机租用。1.2.3上传网站内容•网站上传的实现方法有：1．使用IE浏览器上传文件2．使用专业的FTP工具上传文件3．使用Dreamweaver上传文件1.2.4网站维护管理方法1.网站文件结构的设置网站文件组织结构上，通常采用以下2种方案：方案一：按文件类型分类图1-5按文件类型分类的网站结构1.2.4网站维护管理方法方案二：按部门、业务或项目分类图1-6按部门、业务或项目分类的网站结构1.2.4网站维护管理方法2．网站文件管理原则①在进行网站开发之前建立合适的网站文件结构。②网站的首页文件通常是“index.html”，它必须存放在网站的根目录中。③网站使用的所有文件都必须存放在站点的文件夹或者子文件夹中。④相同路径下的文件或文件夹不能同名。⑤网站文件的删除、重命名或者移动等操作应通过站点管理器来完成1.3网站的开发设计•1.3.1网站类型的确定1．门户网站2．商务网站3．个人网站4．办公网站1.3.2网站整体风格的定位•网站的风格主要指网站的色彩、版式等方面给浏览者的整体视觉感受。不同类型不同主题的网站，应有自己的独特的风格。1.3.3网站标识与色彩设计1．网站标识•网站标识也称为网站Logo。其作用是加深访问者对网站的印象，提高网站的知名度，并最终形成网站文化的标志。图1-7搜狐网Logo图1-8新浪网logo图1-9太平洋网Logo图1-10百度系列Logo1.3.3网站标识与色彩设计2．网站色彩设计•网站标准色彩要用于网站的标志，标题，主菜单和主色块，给人以整体统一的感觉。•要注意色彩的合理搭配。一般来说，一个网站的标准色彩不超过3种1.3.4网站导航与布局设计1．网站导航设计2．版面布局设计1.4网页制作的主要工具软件1.4.1网页设计软件——Dreamweaver•Dreamweaver是一款“所见即所得”的网页编辑工具，其用户界面非常友好易用，为网页设计者带来了很大的便利。•Dreamweaver不仅提供了强大的网页编辑功能，而且提供了善的站点管理机制，是一个集网页创作和站点管理两大利器于一身的创作工具。1.4网页制作的主要工具软件1.4.2动画设计软件——Flash•Flash是一款优秀的网页动画制作软件，主要应用于网页设计和多媒体创作等领域。Flash可以很方便地将音乐、声效、图画以及动画随心所欲地结合起来。•Flash生成的SWF作品文件“体积”小得出奇，并且可以以插件的形式直接插入到网页中，是目前网络中最常用的动画格式。1.4网页制作的主要工具软件1.4.3网页图形处理软件——Fireworks•Fireworks是一款真正的网页图形图像处理软件，它与Dreamweaver结合很紧密。•Fireworks可用于设计动态按钮等网页元素，甚至可直接设计精美的网站首页。1.4网页制作的主要工具软件1.4.3图像处理软件——Photoshop•Photoshop是一款专业的图像处理软件，功能强大，为美工设计人员提供了广阔的创意空间，•Photoshop广泛应用于网页图像编辑、桌面出版、广告设计、婚纱摄影等各行各业，成为许多涉及图像处理的行业的事实标准。小结•本章介绍网站与网页的相关概念和基础知识，重点讲解网站建立的方法和管理技术，分析网站设计要则及建站前的准备工作。设计者需要具备一定的网络基础知识、掌握各种多媒体处理技术，才能从容地应对开发过程中遇到的各种问题。作业与实验作业：1．人们可以使用连接到Internet的计算机查看Internet上的网页，请你按自己的理解描述在浏览网页的过程中，信息传递的方式和过程。2．例说明网站的主题分类和选择主题的原则。3．申请网站空间有哪几种方式？简述建立一个网站的过程。作业与实验实验题：1.打开搜狐网主页()，了解搜狐网的主要版块和栏目，说说该网站属于哪种网站类型、具有什么特点。本章结束