网页设计实用技术概论.pptxVIP

普通高等教育“十二五”规划教材;第1章 网页设计基础知识; 1.1 基本概念 1.2 网站建设的规划 1.3 网站设计的原则 1.4 网页设计的原则 1.5 网页设计的流程 1.6 网页主要设计元素 1.7 网页设计常用软件;1.1.1 网站和网页 1．网页 网页是网站的基本信息单位，是单一的页面，是WWW的基本文档，它由文字、图片、动画、声音等多种媒体信息及链接组成，通过链接实现与其他网页或网站的关联和跳转。网页文件是用HTML（HyperText Markup Language，超文本标识语言）编写的、在WWW上传输、能被浏览器识别显示的文本文件，其扩展名是.htm和.html。 2．网站 网站是由众多不同内容的网页组成的一个集合，?通常把进入网站首先看到的那一页网页称为首页或主页（homepage），由网页的内容体现网站的全部功能。一个网站至少有一个网页，网站中网页的数量是没有上限的，只要用户的硬盘空间允许，则可以在一个网站中放入任意多的网页。 ;3．网站的种类 根据网站提供的服务分类：资讯类网站、交易类网站、互动游戏类网站、有偿资讯类网站、功能型网站、综合类网站； 根据网站的性质分类：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、非盈利机构网站、其他类型的网站； 根据在大型搜索引擎上的设置分类：娱乐与休闲类网站、商业与经济类网站、艺术与人文类网站、健康与医药类网站、新闻与媒体类网站、政府与政治类网站、电脑与网络类网站、社会与文化类网站、科学与教育类网站、参考资料类网站。 随着网络的发展，网站的分类还将有所变化。当前有两个明显趋势：一是网站所能提供的服务越来越专业化；第二种趋势是朝着服务扩张的方向发展，他们提供的服务是综合性的、全方位的，面向的用户群也是广大的，这样的网站逐渐增多。;1.1.2 静态网页和动态网页 1．静态网页 在网站设计中，纯粹HTML格式的网页通常称为“静态网页”。静态网页的网址形式通常为91/kj/index.html。 一般静态网页具有如下特点： （1）每个静态网页都有一个固定的URL，且网页URL以.htm、.html、.shtml、.xml等常见形式为后缀，而不含有“？”； （2）静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； （3）静态网页的内容相对稳定，因此容易被搜索引擎检索； （4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作比较困难； （5）静态网页的交互性较差，在功能方面有较大的限制。;2．动态网页 动态网页是以.asp、.jsp、.php、.perl、.cgi等形式为后缀的，并且在动态网页网址中有一个标志性的符号“？”。动态网页URL形式如39/Article/ShowArticle.asp? ArticleID=38716。 一般动态网页具有如下特点： （1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等； （3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时，服务器才返回一个完整的网页； （4）动态网页的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索引擎不去抓取网址中“？”后面的内容，因此采用动态网页的网站进行搜索引擎推广时，需要做一定的技术处理才能适应搜索引擎的要求。;采用动态网页还是静态网页，主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般采用动态网页技术来实现。 静态网页是网站建设的基础，静态网页和动态网页之间并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，适合采用静态网页的地方用静态网页，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的。本书重点学习静态网页的设计与制作方法。;网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。 一个网站的成功与否与建站前的网站规划有着极为重要的关系。只有详细的规划才能避免在网站建设中出现很多问题，使网站建设能顺利进行。?? 建立网站的步骤可分为申请E-mail账号、申请网页空间、域名注册和网页制作4步。 ;1．内容与形式相统一 2．主题鲜明 一个网站必须要主题鲜明、突出重点，