1 / 28

第一章 网页设计概述

第一章 网页设计概述. 主讲：刘清梅. 目录. 因特网、万维网、浏览器的概念. 多媒体、超媒体、富媒体概念. 网页和网站的概念. 什么是网页设计. 网页制作工具介绍. 网页设计师的从业之路. 因特网 、万维网、浏览器的概念. 定义： 是一组全球信息资源的总汇 目的： 相互交流信息资源 组成： 基于一些共同的协议，通过许多路由器和公共互联网而成. 粗略说： INTERNET 是由于许多小的网络（子网）互联而成的逻辑网，每个子网中连接着若干台计算机（主机）。. 因特网、 万维网 、浏览器的概念. World Wide Web | www.

lee-becker
Download Presentation

第一章 网页设计概述

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第一章 网页设计概述 主讲：刘清梅

  2. 目录 因特网、万维网、浏览器的概念 多媒体、超媒体、富媒体概念 网页和网站的概念 什么是网页设计 网页制作工具介绍 网页设计师的从业之路

  3. 因特网、万维网、浏览器的概念 定义：是一组全球信息资源的总汇 目的：相互交流信息资源 组成：基于一些共同的协议，通过许多路由器和公共互联网而成 粗略说：INTERNET是由于许多小的网络（子网）互联而成的逻辑网，每个子网中连接着若干台计算机（主机）。

  4. 因特网、万维网、浏览器的概念 World Wide Web | www • 无数个网络站点和网页的集合 • 由 “统一资源定位符”标识 • 通过点击链接来获得资源 • 通过超文本传输协议传送给使用者 1994.10麻省理工学院蒂姆·伯纳斯·李发起成立万维网联盟（简称W3C）

  5. 因特网、万维网、浏览器的概念 近义词？本质差别！ 因特网（Internet）：指的是一个硬件的网络，全球的所有电脑通过网络连接后便形成了因特网。 万维网（WWW）：更倾向于一种浏览网页的功能。 如何浏览？

  6. 因特网、万维网、浏览器的概念 浏览网页的工具软件 (1)连通Internet; (2)启动计算机中的浏览器; (3)它就会按照地址栏中的地址找到网页文件并显示在屏幕上。 通过浏览器，用户可以在浩瀚的Internet海洋中漫游，搜索和浏览自己感兴趣的所有信息。

  7. 因特网、万维网、浏览器的概念 常见的浏览器： IE 火狐 谷歌 网景 遨游 360

  8. 多媒体、超媒体、富媒体概念 • 打游戏？ • 看电影？ • 听音乐？ • 聊天？ • 看新闻？

  9. 多媒体、超媒体、富媒体概念 媒体（Media）：信息的载体，人与人之间信息交流的中介 多媒体（Multimedia）：计算机和视频技术的结合

  10. 多媒体、超媒体、富媒体概念 • 超媒体（Hyper Media）＝超文本＋多媒体（是超媒体的子集） • 将超文本技术应用到多媒体中，就产生了超媒体 • 它是使用超链接 （Hyperlink）构成的全球信息系统 • 超媒体前：媒体作品使用光盘、磁带等存储、发行 • 超媒体后：媒体作品将更多地使用磁盘存储、网络发行

  11. 多媒体、超媒体、富媒体概念 • 富媒体（Rich Media）：是一种不需要大众安装任何插件就可以播放的整合视频、音频、动画图像、双向信息通信和用户交互功能的新一代网络广告解决方案 • 它不是一种具体的互联网媒体形式，而是指具有动画、声音、视频和交互性的信息传播方法。

  12. 多媒体、超媒体、富媒体概念 • 富媒体包含下列常见形式之一或者几种的组合：流媒体、声音、Flash、以及Java、Javascript、DHTML等程序设计语言。 • 富媒体可应用于各种网络服务中如：网站设计、电子邮件、BANNER、BUTTON、弹出式广告、插播式广告等。

  13. HTML 网页和网站的概念 • 网站、网页究竟是什么？ • 如何制作？ • 网站 网页 • 超文本技术

  14. 解决网站网页究竟是什么的问题 经典网页赏析 • 新浪：www.sina.com • 腾讯：www.qq.com • 网易：www.163.com • 联想：www.lenovo.com • 清华：www.tsinghua.edu.cn • 川大：www.scu.edu.cn • 我院：www.scitc.com.cn • 政府网：http://www.gov.cn/ • 百度：www.baidu.com • 网址之家：www.hao123.com • 工商银行：www.icbc.com.cn • 土豆网：www.tudou.com • 淘宝网：www.taobao.com • 京东商城：www.360buy.com • 驾校一点通：www.jxedt.com • 世纪佳缘：www.jiayuan.com

  15. 服务 信息 营运 交流 产品 网站（页）的作用 • 宣传、展示产品 • 传递信息 无时空 限制 • 电子商务 • 咨询服务 高考志愿填报系统 学院的领导信箱 • 收集信息（双向沟通）

  16. 网页元素（组成网页的资源） 动画 超链接 声音 文本 视频 脚本 程序 图片 ……

  17. 网站的组成 网址 主机 资源 域名 由网页文件、文字、图像等组成，可被网民浏览的信息资源文件 存放网站资源的地方，可自建、购买、租用或托管 俗称网址，需向服务商购买。如：scitc.com.cn

  18. 网站（页）分类 按用网站途分 按商业目的分 • 门户网站 • 营利性 盈利基本模式? • 行业网站 • 非营利性 出卖广告位 收取会员费 提取经纪费 获得联盟收益等 • 娱乐网站 • 个人网站 • WAP网站

  19. 网页设计 脚本编写 布局排版 对动画处理 对图像处理 对文本处理 千变万化的网页如何制作

  20. 网页设计师的从业之路 网页设计 设计公司 网络广告设计 大型企业 美术制作 GUI设计 前端制作 互联网企业 SEO优化

  21. 网页设计师的从业之路 管理、关系、自己---好机会 周边、理论、方法---好团队 技法、知识、流程---好项目 行业、工具、习惯---好师傅

  22. 工欲善其事必先利于器

  23. Macromedia公司开发的是一套强大的网页编辑工具Macromedia公司开发的是一套强大的网页编辑工具 • 由Dreamweaver，Fireworks，Flash组成，俗称三剑客 • 这三种软件能相互无缝合作 • 专业的可视化网页设计编辑、网站管理、维护的工具 • 特点：能够快速创建各种静态、动态网页 • 目前版本： Adobe Dreamweaver CS6

  24. FrongPage：网页制作入门级软件 • 特点：使用方便简单，会用Word就能做网页 • 微软公司出品，在06年底停止支持。替代品.NET平台

  25. ADOBE公司出品，优秀的平面处理软件 • 集图像扫描、编辑、制作、广告创意，图像输入(出)于一体的图形图像处理软件 • 设计网页上实际使用较多 • Swish：快速、简单的制作动画的小软件 • 点几下鼠标，即可制作酷炫动画效果 • 可创造形状、文字、按钮以及移动路径。也可选择内建的超过150种预设动画效果

  26. 网页设计中最重要的是什么 • 两个原则： • 为读者提供有用的信息 • 美观 设计 理念 美术 创意

  27. 如何把反映主题的内容按照设计的形式表现给读者呢？如何把反映主题的内容按照设计的形式表现给读者呢？ 借助一种称为超文本标记语言的规则加以实现。 HTML

  28. 谢 谢

More Related