网页设计与制作基础篇.ppt

基础知识 网页设计与制作 网站建设基础 基础 篇 ? 基础知识 ? 概 述 ? 网络协议 ? IP 地址与域名管理系统 ? 网站浏览原理 网页制作 全球信息网 : WWW (World Wide Web ，即 Web ) 基于 Internet 的信息服务系统，向用户提供一个以超 文本技术为基础的多媒体的全图形浏览界面；所有 WWW 的页面都是用 HTML 编写的文件。 超文本标记语言 : HTML — Hyper Text Markup Language 其格式为 ASCII 码 , 即纯文本文件 , 是 WWW 用于建立 与识别超文本文档的标准语言。 基础知识 ① 概 述 网页 (Webpage) ： 在浏览器上看到的画面叫网 页 主页 (Homepage) ： 进入网站后所看到的第一个 页面 ( index.htm ) 网站 (Site) ： 是一组相关网页的集合 基础知识 网页文件： 就是指 HTML 文件，网页上的所有 数据全部由 HTML 文件控制。 超链接（ Hyperlink) ： 是 WWW 上的一种链接 技巧，通过单击某个图标或某段文字，就 可以自动连接相对应的其他文件，从一个 网页跳转到另一个网页。 基础知识 应 用 层 表 示 层 会 话 层 OSI 参考模型（ 7 层协议） 传 输 层 网 络 层 数 据 链 路 层 物 理 层 TCP/IP 参考模型 应 用 层 传 输 层 网络互联层 网络接口层 基础知识 ② 网络协议 11000000101010000000000101110011 15 32 位 ② IP 地址的表示 ① IP 地址的作用 ④ 域名与主机名 ③ IP 地址的组成 基础知识 ③ IP 地址与域名 网页 Homepage 主页 HTTP 协议 浏览器 用 HTML 编写 用开发工具编写 如 Dreamweaver Data 基础知识 ④ 网站浏览原理 ? 网页设计与制作 ? 网站设计原则 ? Web 页面设计 ? 网页制作方法 ? 网页设计与制作流程 网页制作 ? 主题定位 ? 制作网站首先要考虑网站的 主题 。好的 网站不仅应该有美感、个性、创意，更 要有质量。 ? 网站的 内容 是最重要的 基本因素 ，空洞 的网站对人没有任何吸引力。 基础知识 ① 网站设计原则 ? 题材选择 ? 主题要小而精； ? 题材最好是自己擅长或者喜爱的内容， 题材不要太滥或者目标太高； ? 网站名称要正气、易记、要有特色。 （体现自己的个性） 网站的题材主要有： 新闻、体育、聊天、即时 信息、 ICQ 、社区、邮件列表、计算机技术、 网页 / 网站开发、娱乐、旅行、参考、资讯、求 职、家庭、教育、生活、时尚以及一些体现个 人特色和爱好等的网站。 网站的名称 很重要，它在很大程度上也决定了整个 网站的定位。网站的名称要有概括性、简短、有特 色、容易记，还要符合自己网站的主题和风格。 例：闪客帝国、清风文苑、红果园等。 ? 所谓 CI (Corporate Identity) ，是借用的广告 术语，意思是 通过视觉来统一企业的形象 。 ? 主要包括 Logo 设计 、网站的 色彩搭配 、网站的标准 字 体 、网站的整体 风格 和 创意 等。 ? 定位网站 CI 形象 网站的标志（ Logo ） ? Logo 广义上是站点特色和内涵的集中体现，是 网站的标志，如同 商标 一样；是 站点特色和内涵的 集中体现 ，是 网站文化的浓缩 ，看见 logo 就让大家 联想起你的网站。 ? Logo 狭义上是指用于链接本网站的图标标识， 即 88*31 像素的小图标 banner 。 ? 标志可以是 中文 ， 英文字母 ，可以是 符号 ， 图案 ， 可以是 动物 或者 人 物等等。 定位你的网站 CI 形象 -- Logo ? 有代表性的人物、动物、花草作为设计蓝本，加以 卡通化和艺术化。 例如： 迪斯尼的米老鼠、搜狐的卡通狐狸等。 ? 如果网站的内容具有较强的专业性，可以本专业有 代表的物品作为标志。 例如： 中国银行的铜板标志、奔驰汽车的方向盘标 志、校徽等。 几种设计 Logo 的方法 标准颜色： 蓝 / 绿色、黄 / 橙色、黑 / 灰 / 白等 其他颜色 注意：背景颜色和前文的对比一定要大，为了突 出主要文字，背景绝对不能选择花纹繁杂 的图案；色彩要控制在三种颜色以内。 网站的色彩搭配 网站的标准字体 网页默认的字体： 中文为“宋体” 9 磅字 英文为“ Times New Roman” 网站的整体风格和创意 网站风格： ? 建立在有价值的内容的基础之上 ? 必须保证内容的质量和价值 ? 明确自己网站想留给人什么样的印象 创意思考的过程： ? 准备期 / 孵化期 / 启示期 / 验证期 / 形成期 ?