网页设计三剑客基础练习典型案例第1章

1第1章网页制作和网站开发基础知识随着Internet应用的迅速发展和普及，它和电子商务已经成为近年来最热门的话题，信息技术正在潜移默化地渗透到人类生活和工作的各各领域。利用Internet开展信息服务、宣传企业形像和产品、进行电子商务活动、网络娱乐、网络教育、地理导游、网上股票交易、网上购物、远程医疗、网上直播体育盛事、电视会议、软件下载、地理定位等应用已经成为现代社会人们生活和工作的重要部分。2本章学习目标：•Internet基础知识•了解网站开发技术种类•理解Web服务器的作用•了解网页制作基础知识•熟悉网站开发流程31.1Internet基础知识Internet是一个全球性的计算机互联网络，中文名称为“国际互连网”、“因特网”、“网际网”或“信息高速公路”等，它是将不同地区而且规模大小不一的网络互相连接而成。对于INTERNET中各种各样的信息，所有人都可以通过网络的连接来共享和使用41.1.1网络类型人类最早接触的“网络”是口头交流系统。思想从一个人传递给另一个人，人们就可以交流信息。早期人们所掌握的另一种网络是电话网。每台电话机都连接到电话线和交换设备网络中，连接家庭和城市的电话线类似于支线公路和高速公路的关系，移动电话则依靠卫星网络。51.1.2Internet历史和发展随着新闻媒体对【信息高速公路】的宣传和介绍，相信大多数人都会接触过一些有关Internet的报道，对Internet这一外来词不会陌生，但解释清楚它到底是什么，就必须从它的历史和发展说起。61.1.3的多媒体信息查询工具，是Internet上近年才发展起来的服务，也是发展最快和目前用的最广泛的服务。正是因为有了工具，才使得近年来Internet迅速发展，且用户数量飞速增长。1.1.4技术名词1．IP地址2．域名系统3．HTTP协议781.2Web网站开发技术网站开发技术多种多样，根据交互性能分为静态网站和动态网站，建设动态网站编程语言也有多种，如ASP、JSP和PHP等，根据客户的需求首先要确定制作网站所需的技术，动态网站编程技术需要不同的后台服务器软件支持。1.2.1静态网站和动态网站网站的另外一种分类方法是看网站是否具有交互性和远程维护功能，并据此分为静态网站和动态网站两大类。1.2.2静态网页制作软件Dreamweaver是Macromedia公司推出的网页制作工具，用于对Web站点、Web页和Web应用程序进行设计、编码和开发，整个生产过程可以自动化，增强开发小组的工作效率。无论用户是喜欢可视化和网页开发环境还是喜欢手写代码，Dreamweaver都能提供有用的工具，使用户拥有更加完美的Web创作体验。101.2.3HTMLHyperTextMarkuplanguage（超文本标记语言）是生成活动文档的代码系统。活动文档是使你和别人能够进行交互的文档。HTML的普遍应用就是带来了超文本技术，从一个主题转入另一个主题，不是线性的阅读和寻找信息。通过单击链接直接从取得相关的主题。111.2.4CSSCSS就是CascadingStyleSheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。121.3网页制作基础知识网站由多个网页组成，也是通过网页传递网站信息，所以说，网页是浏览器与网站开发人员沟通交流的窗口。合理的网页布局，悦人耳目的网页配色和背景音乐，都可以使网友过目不忘，记忆忧新，甚至流连忘返。131.3.1网页组成元素网页布局设计就是把网页的基本组成元素在页面内合理地安排。可以把网页看着一张报纸、一本杂志或者一种海报来进行布局设计。这与传统的报刊、杂志的编辑是一样的，其基本原理是相通的。141.3.2网页布局网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。151.3.3网页配色颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外，还应该多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。161.4网站开发流程为了加快网站建设的速度和减少失误，应该采用一定的制作流程来策划、设计、制作和发布网站。通过使用制作流程确定制作步骤，以确保每一步顺利完成，而不影响下一步的进行。理想的制作流程能帮助设计者解决策划网站的繁琐性，减小项目失败的风险。171.4.1目标需求分析一般来说，提出目标是非常简单的事情。但是，更重要的是如何使目标陈述得简明并可以实现。在很多Web网站项目中，有包容一切的倾向。实际上一个网站不可能满足所有人的需求，对设计者来说，网站一定要有特定的用户和特定的任务。181.4.2网页制作做好一个网站，并不是一件容易的事，它包括网站的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。19