第一课网站概述及认识DREAMWAVER.pptVIP

第一课 认识DREAMWEAVER 网页制作基础知识（一） INTERNET--“超级网络” 计算机通过硬件连接在一起,再通过各种软体(协议)实现彼此的信息交换,就形成了网络.有了网络就可能实现多台机器使用同一个打印机,每台机器都可以使用其他机器的文件,机器之间可以方便地传输文件,这样的网络就局域网.多个小型局域网通过电话线及卫星线路连在一起，就开成了广域网。 网页制作基础知识（二） 什么是WWW WWW是World Wide Web的缩写，也可以简称为Web，即“万维网” 起源于欧洲 采用的是客户/服务器结构，整理和储存各种资源，并响应客户端软件的请求，把客户所需资源传送到UNIX或LINUX等平台。 网页制作基础知识（三） 网页 WEB PAGE 文字 图像 动画 影片 主页：进入一个网站看到的第一个网页，相当于网站的目录或是封面。 网页制作基础知识（四） 站点 WEB SITE 多个网页的集合 首页 分页 HTML 超文本标记语言 制作网页的标准语言 基础知识注意事项 网站与网页的区别？ 网页的基本元素 文本、图片(构成网页的最基本元素） 超级链接 文本链接 图片链接 动画：使网页更生动 GIF动画：早期网页中应用非常普遍，只能显示256种颜色，但制作却非常容易，常用软件：fireworks ImageReady FLASH动画：极好的显示连贯性和非常小的体积，还能够加入声音，非常适合在网页中使用） 表单：网页通过表单搜集浏览者的信息，并与之交互（搜索引擎、论坛、电子邮件） 音频和视频（media player格式和real格式，采用了压缩算法和流媒体模式传送） 网页的布局 根据网站的类型设计，不同网站有不同的风格，但以下的基本布局元素是必须的 标题：说明网页的性质与内容，将被显示在浏览器的标题栏中 网站标识：一般被安排在网页中最显眼的位置，目的加深浏览者对网站的认识，同时又代表网站的形象，一般都经过精心设计 导航：提供网站栏目的索引，通过它可以方便的到达各个栏目，合理的导航，可以方便浏览者的浏览 内容：灵魂所在，没有浏览者需要的内容，网站就失去了存在的价值一般都有方向性（学校类网站，新闻类网站，游戏类网站） 页脚：提供网站拥有者的相关信息，字数，版权信息，联系方式等 示意图一 示意图二 示意图三 示意图四 色彩与风格 设计网页时一定要注意色彩的搭配和风格的设计 不合理的色彩搭配和过于另类的风格会使浏览者产生不愿停留的感觉 根据什么来决定使用颜色或色系的呢？ 多是根据人们对色彩的联想来决定使用的色彩和色系 色彩的象征意义 红色：热情、奔放、喜悦、庄严 黄色：高贵、富有、灿烂、活泼 黑色：严肃、夜晚、沉着 白色：纯洁、简单、洁净 蓝色：天空、清爽、科技 绿色：植物、生命、生机 灰色：庄重、沉稳 紫色：浪漫、富贵 棕色：大地、厚朴 网页颜色的使用风格 网页颜色的使用风格不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型： 公司色在现在企业中，公司的形象显得尤其重要，每一个公司的形象设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C：100%，M：60%，Y：0%，K：0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。 风格色许多网站使用颜色秉承的是公司的风格。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。 习惯色这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。 新浪网 国富投资公司 新浪网天下女人 IBM 何炅个人官方网站 HTML与渲染 在浏览器中浏览一个页面，然后在查看-源文件会看到HTML代码 渲染：浏览器从远程服务器或者本地磁盘读取代码并根据代码中的标记将其显示为一个网页 任何网页都有代码 输入不存在的网址（查看代码） 输入about:blank（查看代码） 实例：秋雁南回 网页编辑器 DREAMWEAVER Macromedia公司产品 与FLASH、FIREWORKS并称为网页三剑客 是制作网页的首选 启动DREAMWEAVER 编辑参数选择常规更改工作区 界面介绍 标题栏 菜单栏 快捷工具栏 菜单栏下边的3排按钮,查看-工具栏 网页编辑窗口 属性面板 浮动控制面板 网站分析企划 网站内容 个人网站 商业网站 了解浏览者的想法和习惯 操作系统 浏览器 以什么样的方式上网 屏幕尺寸和分辨率 迪斯尼 工商银行 创建站点 确定本地站点的根目录所在的位置 新建文件夹 使用已有的文件夹 站点管理站点—