第1讲 网页、网站制作基础精选.ppt

网 页 设 计 主讲人：赵莉 山东建筑大学商学院 Email: zhaoli0531@126.com Tel* * 1. 电子商务专业基础必修课，总学时：56学时 2. 主要内容：网页设计及静态网站制作的基础知识 3. 实践性强：上机实验28学时+期末课程设计2周 4. 学习方法：课堂学习、上机练习和课余学习相结合 5. 考核方式：期末考试70%；上机实验20%；平时10% 《网页设计》课程情况介绍 网页设计基础知识（2课时） （教材第1章、第2章2.1、2.3)； 2. HTML基础（4课时）（教材第3章3.1-3.7）； CSS基础（4课时）；（教材第3章3.8） 4. 网页艺术设计基础（2课时）（教材第1章2.2）； 5. Fireworks网页图像制作基础（4课时）；（教材第8章） 6. Dreamweaver网页制作基础（6课时）；（教材第5章） 7.JavaScript入门（2课时）； 8.网站建设流程、网站建设新技术展望（2课时）； 9.网站的测试发布、宣传与维护（2课时）。（教材第6章） 《网页设计》课程学习内容介绍 《商务网站页面设计技术》刘继山编著 东北财经大学出版社 《网页设计创意与编程》魏善沛 编著 清华大学出版社 《Dreamweaver 完美网页设计》王劲松编著 推荐参考书目 1.1 网页与网站的关系 1.2 构成网页的基本元素、网页的功能 1.3 网页设计的基本方式 1.4 网页制作的常用工具及技术 1.5 网站的建设流程 第1章 网页设计基础知识 网站（Web site）是一组相关网页以及有关的文件、脚本和数据库等内容的有机集合，即若干个网页文件经过规划组织后彼此相连而形成完整结构的信息服务系统。 网页是组成网站的基本信息单位，是WWW的基本文档，它由文字、图片、动画、声音等多种媒体信息以及链接组成，是用HTML编写的，通过链接实现与其他网页或网站的关联和跳转。 1.1 网页与网站的关系 上世纪80年代末，欧洲核物理研究中心的伯纳斯.李(人称WWW之父)通过研究得出一个结论：人们的视觉处理以页为基础，电子资料应该以页的方式呈现。 以此出发，伯纳斯.李使用超文本为中心的管理方式来组织网络上的资料；并提出了建立、存取与浏览网页的方法；建立了超文本标识语言；设计了超文本传输协议(HTTP)用于获取超链接文件；使用统一资源定位器 (URL)来定位网络文件、站点或服务器。 早期的网页仅仅是文字的变化与组合，近年来网页的设计发生了巨大的改变，UE(网页用户体验)+UI(网页人机界面设计)会是今后网页设计发展的潮流趋势。 网页的发展过程： 网页的运行过程与特点： ● 是图形化的和易于导航的 ● 交互性 ● 与平台无关 ● 是分布式的 ● 是动态的 ● 是可设计的 ● 网页的特性 ● 网页的运行过程 网页是一种包含HTML格式内容的文本文件，它存放在与互联网 相连的某一台计算机上。当用户在浏览器中输入网址（URL）后，经 过一段复杂而快速的程序处理后，网页文件会被传送到用户的计算机 中，再通过浏览器解释网页文件的内容，最后展现给用户图文并茂、 精彩纷呈的网页。 1.2 构成网页的基本元素 构成网页的常见元素主要有文本、图片、超级链接、动画、音乐、表单等。如图所示是一个站点的首页。 Flas动画 导航栏 GIF动画 文字 表单 图片 超级链接 1. 文本 网页中的信息也以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。 2. 图片 用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。 3. 超级链接 超级链接技术是WWW流行起来的最主要的原因。它是网页中内嵌了web地址的文字或图形，可以实现从一个网页指向另一个目的端的链接。 4. 动画 网页中的动画主要有两种：GIF动画和Flash动画。其中GIF动画只能有256种颜色，主要用于简单动画和图标。 1.2 构成网页的基本元素 5. 声音和视频 声音是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。很多浏览器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。