第4章万维网及网页制作基础(免费阅读).ppt

第四章 万维网及网页制作基础 本章要点 了解万维网的发展、定义及应用 掌握HTML的基础语法 了解网页浏览和发布原理 了解网页布局规划、导航设计及色彩搭配 掌握Dreamweaver 8的基本操作 掌握网页中运用文本、图像和动画元素的方法 掌握几种页面布局的方法 掌握制作表单网页的方法 掌握制作具有动态特效网页的方法 内容提要 4.1 万维网概述 4.2 网页设计基础 4.3 Dreamweaver 8操作基础 4.4 网页中文本、图像和动画元素 4.5 页面布局 4.6 制作表单 4.7 制作具有动态特效的网页 4.1 万维网概述 4.1.1万维网发展及定义 1993年，万维网技术解决了远程信息服务中的文字显示、数据连接以及图像传递的问题。 现在，万维网的Web服务器已成为Internet上最大的计算机群。 万维网常被当成Internet的同义词，但其实万维网是靠着Internet运行的一项服务而已。 万维网（“WWW”、“3W”或“World Wide Web”）可以看作由一个巨大的全球范围的Web页面集合组成，这些Web页面简称为网页。网页中一般含有文字、图像、动画和表格等元素，通过超文本链接实现页面间的跳转，用户可以跟随超级链接，来到它所指向的页面。 万维网以客户服务器方式工作。 网页文件使用HTML语言编写，存储在Web网站服务器上。用户通过网址访问网页 网页文件通过超文本传输协议（Hyper Text Transfer Protocol，HTTP）传送给用户。 万维网联盟（World Wide Web Consortium，简称W3C。 4.1.2万维网的应用 1）电子商务 2）网上娱乐 3）远程教育 4）网上金融 此外，万维网技术不断完善，也成为很多其它网络应用的有益补充，甚至抢占了许多传统应用的市场份额。在此略举几例典型情况： 使用网页方式收发邮件。 文件下载也常常使用网页方式发布，FTP业务应用锐减。 现在的BBS论坛大都使用网页方式，而很少使用Telnet方式访问。 有些企业信息化及网上办公，也支持网页方式访问，可以不使用客户端软件。 4.2网页设计基础 4.2.1 HTML语法基础 4.2.2 网页浏览原理及发布 4.2.3 网页布局规划 4.2.4 导航设计 4.2.5 色彩搭配 4.2.1 HTML语法基础 网页通常以网页文件及其附属文件的形式存在。 网页文件最终都采用超文本标记语言（Hyper Text Markup Language，HTML）说明网页中文字和图像的格式设置、层次结构、超文本链接等。 有时也在网页文件中加入脚本语言（如javascript、vbscript等）来完成一些不涉及计算机安全的功能。 根据页面内容是否固定，页面文件可以分为 静态页面文件（以html或htm为扩展名） 动态页面文件（具体扩展名依所采用技术而定，常见的有asp、aspx、php等）。 常用HTML标签 4.2.2 网页浏览原理及发布 1.网页浏览原理 Web服务器（Web Server），用于在万维网上提供信息浏览服务，接受用户的访问，并返回页面内容。 常用的Web服务软件有Microsoft公司的IIS（Internet Information Services）和Apache公司的Apache等。 网页浏览原理：用户使用浏览器，通过超文本传输协议（Hypertext Transfer Protocol，HTTP），向Web服务器发送页面请求，Web服务器接受请求后，通过HTTP协议，将页面内容发送给浏览器，浏览器解释页面内容并显示给用户 2.网页发布 对于个人而言，一般可以租借服务器建立个人站点，无需单独购买服务器并开通网络服务。 目前很多大型网站（如网易等）也都提供了个人主页服务，不需要个人配置Web服务器。用户只需要将制作完成的网页传输到网站的个人目录下，即可供他人访问。 如果拥有独立的Web服务器，则需要配置Web服务器发布网站。 Internet信息服务，IIS 4.2.3 网页布局规划 常见的网页布局： T字型、 国字型、 匡字型、 封面型等。 1．网页布局涉及的基本内容 1）页面大小。 2）整体造型及配色方案。 3）页眉。 4）页脚。 5）文本。 6）图片的使用。 7）Flash动画。 8）其它多媒体的使用。音乐、视频等。 2．网页布局的设计过程 首先客户进行讨论，确定需求分析及可行性分析。 然后，在纸张上或者使用图形编辑器（如Macromedia Fireworks等）开始设计草图。 图形设计人员通常会画出Web站点综合图形的草图（也称为“草样”），向客户展示并确保站点的初始构思能让客户满意。 然后根据客户的反馈意见、与客户的讨论，设计人员再次开始对站点布局进行规划，并制