网页设计页面设计 静态来自页第一部分设计网页
第一节 网页设计课程概述
网页：也叫Web页 网页：也叫Web页，是通过浏览器所看到 的每一个画面，包含了众多的信息， 的每一个画面，包含了众多的信息，如文 图像、动画和声音等。 字、图像、动画和声音等。 网站：也叫站点，是指在Internet上 网站：也叫站点，是指在Internet上，将一 组网页组织规划，彼此相连，通过发布， 组网页组织规划，彼此相连，通过发布， 使在Internet上能看到这些网页信息， 使在Internet上能看到这些网页信息，这样 上能看到这些网页信息 完整的结构就叫站点。 完整的结构就叫站点。一个网站对应一个 文件夹，它其中可能还包含各种分门别类 文件夹， 的子文件夹。 的子文件夹。
WWW : 环球信息网(World Wide Web)，也 环球信息网(World Web)， Web网或 万维网” 网或“ 简称为 Web网或“万维网”。 浏览器：基于超级文本(Hypertext)方式的 浏览器：基于超级文本(Hypertext)方式的 网页解析工具。常用浏览器有IE,火狐 火狐， 网页解析工具。常用浏览器有IE,火狐，TT 等。 B/Ｓ技术：浏览器/服务器模式，所有页面 B/Ｓ技术：浏览器 服务器模式， 浏览器/ 信息和数据都放置在了服务器端， 信息和数据都放置在了服务器端，客户机 上只需要有浏览器。 上只需要有浏览器。 Web常用技术：HTML、XHTML、CSS、 Web常用技术：HTML、XHTML、CSS、 XML、JavaScript（AJAX和 XML、JavaScript（AJAX和Java Applets）。 Applets）。
网页设计部分：设计效果图，制作静态网页。 网页设计部分：设计效果图，制作静态网页。 本学期要求掌握的内容： 本学期要求掌握的内容： ▲用绘图工具制作效果图 FIREWORK CS4 ▲制作静态网页使用工具 DREAMWEAVER CS4 语言XHTML 标准布局CSS。 语言XHTML ，标准布局CSS。
静态网页：单纯HTML格式页面，静态网 静态网页：单纯HTML格式页面，静态网 页是相对于动态网页而言，是指没有后台 数据库、不含程序和不可交互的网页。适 用于一般更新较少的展示型网站。 动态网页：与数据库交互，存在动态信息 的网页叫动态网页。 ● 并非网页上有动画或动的东西就是动态网页 ● 实例解释—网站上的注册与登录。 实例解释—
网站设计的工作流程： 网站设计的工作流程：
前期策划：网站的整体设计初稿，策划书：网站说明书及 ：网站的整体设计初稿，策划书：网站说明书及 草图。 设计效果图： 使用photoshop,firework等图像处理软件 等图像处理软件， 设计效果图： 使用photoshop,firework等图像处理软件， 用来绘制网页效果图。 用来绘制网页效果图。 制作静态网页： html语言编写静态 语言编写静态web， 制作静态网页：用html语言编写静态web，把效果图如实 的转换成真正的网页，重点是考虑网页布局。 的转换成真正的网页，重点是考虑网页布局。 开发动态网页程序：实现网站的实际功能，与数据库进行 交互的动态网页程序。 动态网页和静态网页接合 ：把网页内容与网页的表现形式 正确挂接。 网站的测试：可行性测试, 网站的测试：可行性测试,如同游戏的内测阶段，测试网站 各部分功能是否顺利执行，以及是否存在漏洞。 网站运营：网站运营，如同一个公司运营一样，需要个方 面配合，需要不断的更新与维护。宣传，排行（经营网站 成功的例子有很多，HAO123, 成功的例子有很多，HA