● 网页的定义 网页是一种包含HTML格式内容的文本文件，它存放在与互联网 格式内容的文本文件， 网页是一种包含 格式内容的文本文件 相连的某一台计算机上。当用户在浏览器中输入网址（ 相连的某一台计算机上。当用户在浏览器中输入网址（URL）后，经 ） 过一段复杂而快速的程序处理后， 过一段复杂而快速的程序处理后，网页文件会被传送到用户的计算机 中，再通过浏览器解释网页文件的内容，最后展现给用户图文并茂、 再通过浏览器解释网页文件的内容，最后展现给用户图文并茂、 精彩纷呈的网页。 精彩纷呈的网页。

　　决定主题， 决定主题，确定网站的用途 收集资料和素材并整理修改 规划网站结构和页面版式

　　上世纪80年代末，欧洲核物理研究中心的伯纳斯 李(人 上世纪 年代末，欧洲核物理研究中心的伯纳斯.李 人 年代末 伯纳斯 之父)通过研究得出一个结论 称父 通过研究得出一个结论：人们的视觉处理以 之父 通过研究得出一个结论： 页为基础，电子资料应该以页的方式呈现。 页为基础，电子资料应该以页的方式呈现。 以此出发，伯纳斯 李使用超文本为中心的管理方式来 以此出发，伯纳斯.李使用超文本为中心的管理方式来 组织网络上的资料；并提出了建立、 组织网络上的资料；并提出了建立、存取与浏览网页的方 建立了超文本标识语言； 法；建立了超文本标识语言；设计了超文本传输协议 (HTTP)用于获取超链接文件；使用统一资源定位器 (URL) 用于获取超链接文件； 用于获取超链接文件 来定位网络文件、站点或服务器。 来定位网络文件、站点或服务器。 早期的网页仅仅是文字的变化与组合， 早期的网页仅仅是文字的变化与组合，近年来网页的 设计发生了巨大的改变，UE(网页用户体验 设计发生了巨大的改变，bwin必赢官网登录 网页用户体验)UI(网页人机 网页人机 网页用户体验 界面设计)会是今后网页设计发展的潮流趋势 界面设计 会是今后网页设计发展的潮流趋势。

　　3.编码和可视化工具结合方式 3.编码和可视化工具结合方式 编码和可视化工具结合是一种比较成熟的网页制作方式。 编码和可视化工具结合是一种比较成熟的网页制作方式。 具体过程为：一般的网页元素通过可视化工具编辑制作， 具体过程为：一般的网页元素通过可视化工具编辑制作， 一些特殊的网页效果通过插入代码生成。 一些特殊的网页效果通过插入代码生成。这种方式效率 调试方便而且可以实现丰富的网页效果， 高、调试方便而且可以实现丰富的网页效果，但要求设 计人员既要熟悉Html语言又能运用可视化工具 语言又能运用可视化工具。 计人员既要熟悉Html语言又能运用可视化工具。 除了上面三种基本的网页设计制作方式外， 除了上面三种基本的网页设计制作方式外，还可以 通过修改已有的网页代码生成自己的网页。 通过修改已有的网页代码生成自己的网页。在网页编辑 制作过程中具体采用何种方式要根据个人的具体情况而 不必拘泥于某种固定的模式。 定，不必拘泥于某种固定的模式。

　　1. 电子商务专业基础必修课，总学时：56学时 电子商务专业基础必修课，总学时：56学时 2. 实践性强：上机实验28学时期末课程设计2周 学时 实践性强：上机实验28学时 期末课程设计2 3. 主要内容：网页设计及静态网站制作的基础知识 主要内容： 4. 学习方法：课堂学习、上机练习和课余学习相结合 学习方法：课堂学习、 5. 考核方式：期末考试70%；上机实验20%；平时10% 考核方式：期末考试70% 上机实验20% 平时10%

　　1.手工编码方式 1.手工编码方式 在WWW（World Wide Web ）发展的初期人们制作网 （ 页是通过直接编写HTML代码来实现的。 手工编码制作 代码来实现的。 页是通过直接编写 代码来实现的 网页对网页设计人员的要求较高，编码效率低， 网页对网页设计人员的要求较高，编码效率低，调试过 程复杂，因此， 程复杂，因此，bwin必赢官网登录对大多数网页设计人员来说采用这个方 困难。 式比较 困难。但手工编码可以灵活地制作出丰富的网页 效果。 效果。 2.可视化工具方式 2.可视化工具方式 随着网页制作技术的不断发展， 随着网页制作技术的不断发展，出现了诸如 FrontPage、Dreamweaver等可视化的网页编辑工具。 等可视化的网页编辑工具。 、 等可视化的网页编辑工具 利用这些工具人们在可视环境下编辑制作网页元素， 利用这些工具人们在可视环境下编辑制作网页元素，由 编辑工具自动生成对应的网页代码。 编辑工具自动生成对应的网页代码。利用可视化工具编 辑网页操作简单直观，调试方便， 辑网页操作简单直观，调试方便，是大众化的网页编辑 方式。 方式。但利用可视化工具在制作一些特殊网页效果上有 一定的局限性。 一定的局限性。

　　● 网页的特性 网页的特性 ● 是图形化的和易于导航的 ● 交互性 ● 与平台无关 ● 是分布式的 ● 是动态的 ● 是可设计的

　　构成网页的常见元素主要有文本、图片、超级链接、动画、 构成网页的常见元素主要有文本、图片、超级链接、动画、 音乐、表单等。如图所示是一个站点的首页。 音乐、bwin必赢官网登录表单等。如图所示是一个站点的首页。

　　8. 表单 网页中的表单通常用来接受用户在浏览器端的输入， 网页中的表单通常用来接受用户在浏览器端的输入， 然后将这些信息发送到网页设计者设置的目标端。 然后将这些信息发送到网页设计者设置的目标端。这个目 标可以是文本文件、Web页 电子邮件， 标可以是文本文件、Web页、电子邮件，也可以是服务器 端的应用程序。表单一般用来收集联系信息、 端的应用程序。表单一般用来收集联系信息、接受用户要 获得反馈意见、设置来宾签名簿、 求、获得反馈意见、设置来宾签名簿、让浏览者注册为会 员并以会员的身份登录站点等。 员并以会员的身份登录站点等。 9. 其他常见元素 网页中除了以上几种最基本的元素之外， 网页中除了以上几种最基本的元素之外，还有一些其 他的常用元素，包括悬停按钮、Java特效 ActiveX等各 特效、 他的常用元素，包括悬停按钮、Java特效、ActiveX等各 种特效。它们不仅能点缀网页，使网页更活泼有趣， 种特效。它们不仅能点缀网页，使网页更活泼有趣，而且 在网上娱乐、电子商务等方面也有着不可忽视的作用。 在网上娱乐、电子商务等方面也有着不可忽视的作用。

　　1. 《商务网站页面设计技术》刘继山编著 东北财经大学出版社 商务网站页面设计技术》 2. 《网页设计创意与编程》魏善沛 编著 清华大学出版社 网页设计创意与编程》 3. 《Dreamweaver 完美网页设计》王劲松编著 完美网页设计》

　　1.1 网页与网站的关系 1.2 构成网页的基本元素、网页的功能 构成网页的基本元素、 1.3 网页设计的基本方式 1.4 网页制作的常用工具及技术 1.5 网站的建设流程

　　网站（ 网站（Web site）是一组相关网页以及有关的文件、 ）是一组相关网页以及有关的文件、 脚本和数据库等内容的有机集合， 脚本和数据库等内容的有机集合，即若干个网页文件经 过规划组织后彼此相连而形成完整结构的信息服务系统。 过规划组织后彼此相连而形成完整结构的信息服务系统。 网页是组成网站的基本单元，网站的主题、标志、 网页是组成网站的基本单元，网站的主题、标志、 内涵， 内涵，以及各栏目的内容都是通过网页呈现在浏览者的 面前。 面前。

　　5. 声音和视频 声音是多媒体网页的一个重要组成部分。 声音是多媒体网页的一个重要组成部分。用于网络的 声音文件的格式非常多，常用的有MIDI、WAV、MP3和 声音文件的格式非常多，常用的有MIDI、WAV、MP3和 AIF等 很多浏览器不要插件也可以支持MIDI、WAV和 AIF等。很多浏览器不要插件也可以支持MIDI、WAV和 AIF格式的文件 AIF格式的文件，而MP3和RM格式的声音文件则需要专门 格式的文件， MP3和RM格式的声音文件则需要专门 的浏览器播放。 的浏览器播放。 6. 导航栏 导航栏的作用就是引导浏览者游历站点。事实上， 导航栏的作用就是引导浏览者游历站点。事实上，导 航栏就是一组超级链接， 航栏就是一组超级链接，这组超级链接的目标就是本站点 的主页以及其他重要网页。 的主页以及其他重要网页。 7. 表格 在网页中表格用来控制网页中信息的布局方式， 在网页中表格用来控制网页中信息的布局方式，包括 两个方面： 两个方面：一是使用行和列的形式来布局文本和图像以及 其他的列表化数据； 其他的列表化数据；二是可以使用表格来精确控制各种网 页元素在网页中出现的位置。 页元素在网页中出现的位置。

　　1. 文本 网页中的信息也以文本为主。与图片相比， 网页中的信息也以文本为主。与图片相比，文字虽然不 如图片那样能够很快引起浏览者的注意， 如图片那样能够很快引起浏览者的注意，但却能准确地表达信 息的内容和含义。 息的内容和含义。 2. 图片 用户在网页中使用的图片格式主要包括GIF、JPEG和 用户在网页中使用的图片格式主要包括GIF、JPEG和 PNG等 其中使用最广泛的是GIF和JPEG两种格式 PNG等，其中使用最广泛的是GIF和JPEG两种格式。 两种格式。 3. 超级链接 超级链接技术是WWW流行起来的最主要的原因 流行起来的最主要的原因。 超级链接技术是WWW流行起来的最主要的原因。它是 网页中内嵌了web地址的文字或图形 地址的文字或图形， 网页中内嵌了web地址的文字或图形，可以实现从一个网页 指向另一个目的端的链接。 指向另一个目的端的链接。 4. 动画 网页中的动画主要有两种：GIF动画和 动画和Flas 动画。 网页中的动画主要有两种：GIF动画和Flas。其中 GIF动画只能有 GIF动画只能有256种颜色，主要用于简单动画和图标。 动画只能有256种颜色 主要用于简单动画和图标。 种颜色，

　　1. 网页设计基础知识（2课时）； 网页设计基础知识（ 课时） 2. HTML基础（4课时）； HTML基础 基础（ 课时） 3. CSS基础（4课时）； CSS基础 基础（ 课时） 4. 网页艺术设计基础（2课时）； 网页艺术设计基础（ 课时） 5. Fireworks网页图像制作基础（2课时）； Fireworks网页图像制作基础 课时） 网页图像制作基础（ 6. Dreamweaver网页制作基础（6课时）； Dreamweaver网页制作基础 网页制作基础（ 课时） 7. Flash网页动画制作基础（2课时）； Flash网页动画制作基础 课时） 网页动画制作基础（ 8.JavaScript入门（2课时）； JavaScript入门 课时） 入门（ 9.网站建设流程、网站建设新技术展望（2课时）； 网站建设流程、网站建设新技术展望（ 课时） 10.网站的测试发布、宣传与维护（ 课时） 10.网站的测试发布、宣传与维护（2课时）。