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

1、1第第1章章 网页制作和网站开发基础知识网页制作和网站开发基础知识 随着internet应用的迅速发展和普及，它和电子商务已经成为近年来最热门的话题，信息技术正在潜移默化地渗透到人类生活和工作的各各领域。利用internet开展信息服务、宣传企业形像和产品、进行电子商务活动、网络娱乐、网络教育、地理导游、网上股票交易、网上购物、远程医疗、网上直播体育盛事、电视会议、软件下载、地理定位等应用已经成为现代社会人们生活和工作的重要部分。2本章学习目标： internet基础知识 了解网站开发技术种类 理解web服务器的作用 了解网页制作基础知识 熟悉网站开发流程31.1 internet基础知识基础

2、知识 internet是一个全球性的计算机互联网络，中文名称为“国际互连网”、“因特网”、“网际网”或“信息高速公路”等，它是将不同地区而且规模大小不一的网络互相连接而成。对于internet中各种各样的信息，所有人都可以通过网络的连接来共享和使用41.1.1 网络类型网络类型人类最早接触的“网络”是口头交流系统。思想从一个人传递给另一个人，人们就可以交流信息。早期人们所掌握的另一种网络是电话网。每台电话机都连接到电话线和交换设备网络中，连接家庭和城市的电话线类似于支线公路和高速公路的关系，移动电话则依靠卫星网络。51.1.2 internet历史和发展历史和发展 随着新闻媒体对【信息高速公路

3、】的宣传和介绍，相信大多数人都会接触过一些有关internet的报道，对internet这一外来词不会陌生，但解释清楚它到底是什么，就必须从它的历史和发展说起。61.1.3 www www是internet的多媒体信息查询工具，是internet上近年才发展起来的服务，也是发展最快和目前用的最广泛的服务。正是因为有了www工具，才使得近年来 internet 迅速发展，且用户数量飞速增长。1.1.4 技术名词技术名词1ip地址地址2域名系统域名系统3http协议协议781.2 web网站开发技术网站开发技术 网站开发技术多种多样，根据交互性能分为静态网站和动态网站，建设动态网站编程语言也有多种

4、，如asp、jsp和php等，根据客户的需求首先要确定制作网站所需的技术，动态网站编程技术需要不同的后台服务器软件支持。1.2.1 静态网站和动态网站静态网站和动态网站 网站的另外一种分类方法是看网站是否具有交互性和远程维护功能，并据此分为静态网站和动态网站两大类。1.2.2 静态网页制作软件静态网页制作软件 dreamweaver是macromedia公司推出的网页制作工具，用于对web站点、web页和web应用程序进行设计、编码和开发，整个生产过程可以自动化，增强开发小组的工作效率。无论用户是喜欢可视化和网页开发环境还是喜欢手写代码，dreamweaver都能提供有用的工具，使用户拥有更加

5、完美的web创作体验。101.2.3 html hypertext markup language（超文本标记语言）是生成活动文档的代码系统。活动文档是使你和别人能够进行交互的文档。html的普遍应用就是带来了超文本技术，从一个主题转入另一个主题，不是线性的阅读和寻找信息。通过单击链接直接从取得相关的主题。111.2.4 css css就是cascading style sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。121.3 网页制作基础知识网页制作基础知识 网站由多个网页组成，也是通过网页传递网站信息，所以说，网页是浏览器与网站开发人员沟通交流的窗口。合理的

6、网页布局，悦人耳目的网页配色和背景音乐，都可以使网友过目不忘，记忆忧新，甚至流连忘返。131.3.1 网页组成元素网页组成元素 网页布局设计就是把网页的基本组成元素在页面内合理地安排。可以把网页看着一张报纸、一本杂志或者一种海报来进行布局设计。这与传统的报刊、杂志的编辑是一样的，其基本原理是相通的。141.3.2 网页布局网页布局 网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型。151.3.3 网页配色网页配色 颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说，

7、往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外，还应该多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。161.4 网站开发流程网站开发流程 为了加快网站建设的速度和减少失误，应该采用一定的制作流程来策划、设计、制作和发布网站。通过使用制作流程确定制作步骤，以确保每一步顺利完成，而不影响下一步的进行。理想的制作流程能帮助设计者解决策划网站的繁琐性，减小项目失败的风险。171.4.1 目标需求分析目标需求分析 一般来说，提出目标是非常简单的事情。但是，更重要的是如何使目标陈述得简明并可以实现。在很多web网站项目中，有包容一切的倾向。实际上一个网站不可能满足所有人的需