第1讲 网页设计综述.pptVIP

参考书 √[1]赵丰年. 网页制作教程（修订本）.人民邮电出版,2003 √[2] 张红军，刘育楠 等. 动态网页制作精粹. 清华大学出版社 [3] 陈语林，梁建成 等. 网页制作与设计教程. 中国水利水电出  版社，2003 [4] 席一凡，刘培奇. 动态网页设计教程. 西安电子科技大学出 版. 主讲内容 网页设计综述 Web页的基本概念 Web工作原理 网页设计步骤 网页设计基本语言 —— HTML 表格与框架 —— 灵活布局页面 表单与特殊对象——多媒体对象、Flash对象、… 层叠样式表CSS —— 设置自己的页面风格 动态效果的网页设计 —— JavaScript与DHTML技术 动态内容的网页设计 —— ASP与ADO技术 学习要求 掌握网页设计的基本概念、基本步骤 熟悉HTML语言的常用标记符（看懂） 能够灵活运用表格、框架布局页面 掌握CSS，并能运用它设置自己的页面风格 能够灵活运用表单元素 能够运用JavaScript实现动态效果的网页 掌握FrontPage或Dreamweaver网页设计工具 会使用Fireworks、Flash工具制作图像、动画 作业要求 建设一个小型网站。内容、形式、风格不限。 建议： 个人网站设计 班级网站设计 校园网站设计 2008奥运会网站设计 …… （一）Web页的基本概念 1. Internet与WWW Internet就是许多不同功能的计算机通过线路连接起来组成的一个世界范围内的网络。从网络通信技术的角度看，它是一个以TCP/IP网络协议连接各个国家、各个地区、各个机构的计算机网络的数据通信网。从信息资源的角度看，它是一个集各个部门、各个领域的各种信息资源为一体，供网上用户共享的信息资源。 Internet能提供的服务：WWW服务、电子邮件服务、网上传呼（ICQ）、文件传输（FTP）、在线聊天、网络炒股、联网游戏等等。 Internet的基本组成：服务器、客户机、网络（网络协议） 2. WWW与浏览器 3W是Internet上以超文本方式提供分布式、多平台超媒体信息服务的系统。能够处理文字、图像、声音、视频等多媒体信息。 它由无数的遍布在Internet上的Web服务器构成，将不同的信息资源有机地组织在一起，通过浏览器访问这些服务器上的网页。不同的网页通过超链接联系在一起，构成了WWW的纵横交织结构。 3W的工作原理 3W的组成 3W的特点： 信息资源丰富；广域性；交互性；资源的分散性；信息的动态性 Web工作原理 3W的组成 浏览器：解释并显示由Web服务器传送来的、由HTML语言写成的文档，包括嵌入在HTML中的gif和jpeg格式的图像。 服务器：根据用户的请求，调用系统下的其它程序（如CGI），与后台数据库进行交互，来完成用户的查询请求。主要使用http协议。 http是为分布式超媒体信息系统设计的一个无链接、无状态的协议一个完整的http事务由四步组成 ：1）客户与服务器建立TCP链接 2）客户向服务器发送请求 3）如果请求被接受，服务器就向客户发送响应信息，其中包括状态码和所要文件 4）客户与服务器关闭链接 Web网页：单个的HTML文档 Web站点 3. 网站与主页 网站：即一个链接的页面的集合。它是在特定的人或小组控制下，对网站内部的信息进行分类和组织，同一网站内的页面应具有相关的主题或共同的目标。 主页：网站中的一个特殊页面，是浏览网站开始点的页面，其中包含指向其他页面的超链接。通常，主页的名称是固定的（index.htm）。 4. URL（Unified Resource Location） 统一资源定位器。由三部分组成：协议名称、主机名（域名）和文件名 如 /home.index.html 优秀的网页设计师必备的素质 HTML的使用技能 熟悉W3C 的HTML4.0规范 熟悉基本的CSS层叠样式表 JavaScript或VBScript编程 了解常用的一些脚本程序，如ASP、CGI Web图形工具的使用 页面的布局设计 网页发布站点的管理能力 能够满足网页内容更新的写作能力 了解Web服务器 此外，还必须有非常强的自学能力和较好的身体。 什么是W3C、HTML 4.0、CSS? 哪里有相关资源？ 答：W3C是对网络标准制定的一个非赢利组织，像HTML、CSS、XML的标准就是由她来定制。  HTML 4.0是编写主页的标注语言最新版，规范可参见 。　CSS是Cascading Style Sheets 缩写（层叠样式表）是HTML 4.0引入的一项技术，可以帮助我们控制整个版面的位置、字距行距、字体大小等等，并可实现一定的动态效果，非常方便。虽在HTML 3.2的时候通过一些方法也可以实现Style，