第一节 网页设计课程概述

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）。
网站设计的工作流程： 网站设计的工作流程：
前期策划：网站的整体设计初稿，策划书：网站说明书及 ：网站的整体设计初稿，策划书：网站说明书及 草图。 设计效果图： 使用photoshop,firework等图像处理软件 等图像处理软件， 设计效果图： 使用photoshop,firework等图像处理软件， 用来绘制网页效果图。 用来绘制网页效果图。 制作静态网页： html语言编写静态 语言编写静态web， 制作静态网页：用html语言编写静态web，把效果图如实 的转换成真正的网页，重点是考虑网页布局。 的转换成真正的网页，重点是考虑网页布局。 开发动态网页程序：实现网站的实际功能，与数据库进行 交互的动态网页程序。 动态网页和静态网页接合 ：把网页内容与网页的表现形式 正确挂接。 网站的测试：可行性测试, 网站的测试：可行性测试,如同游戏的内测阶段，测试网站 各部分功能是否顺利执行，以及是否存在漏洞。 网站运营：网站运营，如同一个公司运营一样，需要个方 面配合，需要不断的更新与维护。宣传，排行（经营网站 成功的例子有很多，HAO123, 成功的例子有很多，HAO123, 格子网，汽车之家，泡泡网， 百度… 百度….）
网页设计部分：设计效果图，制作静态网页。 网页设计部分：设计效果图，制作静态网页。 本学期要求掌握的内容： 本学期要求掌握的内容： ▲用绘图工具制作效果图 FIREWORK CS4 ▲制作静态网页使用工具 DREAMWEAVER CS4 语言XHTML 标准布局CSS。 语言XHTML ，标准布局CSS。
静态网页：单纯HTML格式页面，静态网 静态网页：单纯HTML格式页面，静态网 页是相对于动态网页而言，是指没有后台 数据库、不含程序和不可交互的网页。适 用于一般更新较少的展示型网站。 动态网页：与数据库交互，存在动态信息 的网页叫动态网页。 ● 并非网页上有动画或动的东西就是动态网页 ● 实例解释—网站上的注册与登录。 实例解释—
网页设计
页面设计 静态网页
第一部分
设计网页
第一Leabharlann Baidu 网页设计课程概述
网页：也叫Web页 网页：也叫Web页，是通过浏览器所看到 的每一个画面，包含了众多的信息， 的每一个画面，包含了众多的信息，如文 图像、动画和声音等。 字、图像、动画和声音等。 网站：也叫站点，是指在Internet上 网站：也叫站点，是指在Internet上，将一 组网页组织规划，彼此相连，通过发布， 组网页组织规划，彼此相连，通过发布， 使在Internet上能看到这些网页信息， 使在Internet上能看到这些网页信息，这样 上能看到这些网页信息 完整的结构就叫站点。 完整的结构就叫站点。一个网站对应一个 文件夹，它其中可能还包含各种分门别类 文件夹， 的子文件夹。 的子文件夹。