《网页制作与设计》立体化电子课件_第1章_网页与网站

清华大学出版社 网页制件与设计(ISBN 9787302209454) 1 网页网页 与与 网站网站 基本概念 网站建设概述 网页设计概述 静态与动态网页 总结与习题 第章 清华大学出版社 网页制件与设计(ISBN 9787302209454) 2 基本概念 1 中文：万维网 或环球网 英文：WWW或 World Wide Web 简记为Web 2 中文：网页 英文：Web Page 或WebPage 又称：HTML文档 或XHTML文档 3 中文：网站 英文：Web Site 或WebSite 清华大学出版社 网页制件与设计(ISBN 9787302209454) 3 基本概念 4 中文：主页/首页 英文：homepage 是用户用浏览器访 问网站时默认访问 的第一个网页 5 中文：超文本 是一种普通的字符 文本，通过标签等 手段嵌入图形、表 格、表单、多媒体 等对象 6 中文：超文本链接 简称：超链接 英文：hyperlink 是超文本的灵魂 清华大学出版社 网页制件与设计(ISBN 9787302209454) 4 基本概念 7 中文：超文本传输 协议 英文：HTTP 全文：Hypertext Transfer Protocol 8 中文：统一资源定 位符 英文：URL或URI 全文：Uniform Resource Locator/Identifier 9 中文：IP地址 标识一个Internet 连接的数字符号串 ，能够唯一标识出 主机在Internet中 所处的网络位置 清华大学出版社 网页制件与设计(ISBN 9787302209454) 5 静态与动态网页 网页 分类 静态网页(static web pages) 由纯粹的HTML语言实现 的网页；网页文档存储 在Web服务器的文件系 统中，内容通常不随浏 览者的不同需求而改变 动态网页(dynamic web pages) 由Web服务器接到用户 访问请求后动态生成的 页面；内容会随着访问 的变化而相应变化 清华大学出版社 网页制件与设计(ISBN 9787302209454) 6 静态与动态网页 静态网页的工作机理 清华大学出版社 网页制件与设计(ISBN 9787302209454) 7 静态与动态网页 动态网页的工作机理 清华大学出版社 网页制件与设计(ISBN 9787302209454) 8 静态与动态网页 根据是否需要数据库 技术支持进行区分： 静态网页没有能力使 用数据库。而动态网 页一般需要后台数据 库的支持 根据代码运行的位置 进行区分： 静态网页通常运行于 前台客户端；动态网 页通常有一部分代码 运行于后台服务器 根据制作网页的语言 进行区分： 静态网页一般使用 HTML语言实现；动 态网页客户端使用脚 本语言，服务器端使 用编程语言 静态网页与动态网页的区别与联系 清华大学出版社 网页制件与设计(ISBN 9787302209454) 9 网页设计概述 两个 阶段 网页设计与网页制作，是生成网页 的两个重要阶段，这两个阶段形式 上独立，内容上紧密关联，分别由 不同的专业人员完成 清华大学出版社 网页制件与设计(ISBN 9787302209454) 10 网页设计概述 网页设计就是根据策划 方案中要突出的主题与 要表达的内容，结合自 己的主观认识，通过艺 术的手法表现出来 清华大学出版社 网页制件与设计(ISBN 9787302209454) 11 网页设计概述 网页设 计原则 1. 整齐化一 2. 内容连贯 3. 合理分割 4. 色彩协调 5. 反差对比 6. 效果和谐 7. 界面亲和 清华大学出版社 网页制件与设计(ISBN 9787302209454) 12 网页设计概述 网页制作就是将网页设计 师设计出来的设计稿，按 照统一的规范，使用专业 软件或编程语言，制作成 Web网页的格式 清华大学出版社 网页制件与设计(ISBN 9787302209454) 13 网页设计概述 网页制作 的元素 1. 文字 2. 超链接 3. 图像 4. 多媒体对象 5. 表格 6. 表单 清华大学出版社 网页制件与设计(ISBN 9787302209454) 14 网页设计概述 常用的网页制作工具 HTML Dreamweaver Fireworks Flash FrontPage 清华大学出版社 网页制件与设计(ISBN 9787302209454) 15 网站建设概述 网站创意网站主题色彩搭配网站风格 吸引受众 立意新颖 设计良好 结构清晰 界面美观 内容到位 风格与网站 内容要统一 风格是网站 多种要素综 合作用的效果 风格需要 不断强化 与巩固 色彩的鲜明性 色彩的独特性 色彩的适宜性 色彩的联想性 先主色后辅色 讲究艺术性 主题明确 主题统一 共同遵循 个性鲜明 围绕主题 形散神聚 网站形象 清华大学出版社 网页制件与设计(ISBN 9787302209454) 16 网站建设概述 主页主页 普通页普通页弹出页弹出页 网页类型 清华大学出版社 网页制件与设计(ISBN 9787302209454) 17 网站建设概述 主页要素 网站Logo 是网站形象的代表 网站的象征符号 相当于产品的商标 网站导航栏 是网站的导游地图 或网站的目录 主要包括： 横向导航栏 纵向导航栏 清华大学出版社 网页制件与设计(ISBN 9787302209454) 18 网站建设概述 著名网站的Logo标识 清华大学出版社 网页制件与设计(ISBN 9787302209454) 19 网站建设概述 菜单结构的网站导航栏 清华大学出版社 网页制件与设计(ISBN 9787302209454) 20 线性结构树状结构网状结构混合结构 线性结构以主 页为起点，后 面依次排列着 其他网页 这种结构只能 实现线性访问 树状结构把 各网页按访 问的层次关 系组织起来 ，各层网页 间存在着超 链接关系 网状结构将 超链接交织 成网 这种结构的 网站更加灵 活多变，网 页之间的跳 转更加随意 混合结构将 多种结构方 式配合起来 综合使用 这种结构更 符合网站实 际构建 网站建设概述 清华大学出版社 网页制件与设计(ISBN 9787302209454) 21 网站建设概述 网站的线性结构 清华大学出版社 网页制件与设计(ISBN 9787302209454) 22 网站建设概述 网站的树状结构 清华大学出版社 网页制件与设计(ISBN 9787302209454) 23 网站建设概述 网站的网状结构 清华大学出版社 网页制件与设计(ISBN 9787302209454) 24 网站建设概述 网站规 划与设 计原则 1. 目的明确且主题鲜明 2. 内容充实且功能实用 3. 网站结构清晰 4. 内容与形式相统一 5. 兼容性与容错性强 6. 用户界面友好 7. 及时更新网站内容 8. 优化速度性能 清华大学出版社 网页制件与设计(ISBN 9787302209454) 25 网站规划是指在网站建设之前对 市场进行分析，确定网站的目的 与功能，并根据需要对网站建设 中涉及的主题、风格、内容、技 术、测试、维护等环节做出规划 网站建设概述 清华大学出版社 网页制件与设计(ISBN 9787302209454) 26 网站建设概述 网站建设的完整流程 清华大学出版社 网页制件与设计(ISBN 9787302209454) 27 总结与习题 第一章理论性较强，将为后 续章节的学习奠定坚实的理 论基础，在整个教材的知识 体系中占据着重要的位置 本章内容包含如下页所示的 四个模块 清华大学出版社 网页制件与设计(ISBN 9787302209454) 28 总结与习题 网站、网页、 主页、超文本 、超链接、 URL、HTML 、静态网页、 动态网页等 网页设计的 技巧 网页制作的 原则 HTML FrontPage Dreamweaver Flash Fireworks 网站形象、构 成要素、组成 结构、规划设 计的原则、网 站建设流程 基本概念 网页基 础 网页页制 作工具 网站基 础 清华大学出版社 网页制件与设计(ISBN 9787302209454) 29 1 主页 2345 超链接超文本 HTTPURL 名词解释 总结与习题 清华大学出版社 网