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

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