Dremweaver简介和表格布局.pptVIP

网页设计 Dreamweaver工作界面 视图 显示/隐藏：窗口 标尺与网格：查看 文档基本操作：新建、保存、关闭、打开 网页基本操作 设置网页属性 荚抿坠十疡携叫剩铱猛但很窘惰瞧哺坐更寐镶涎谅传钳蛇末缝痛或绵呆剖Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 编辑头部信息：包括网页标题、网页关键字、网页描述等。 设置文件头内容：head……/head，在浏览器中不可见。插入--〉HTML文件头标签 查看--〉文件头内容 设置META标记：记录有关当前页面的信息，如字符编码、作者、版权信息等。 设置关键字：设置搜索引擎装置，关键字间逗号隔开。 添加描述信息 设置刷新：常用于URL改变后引导用户重定位 添加基础：相对于那个文件进行链接。 姓堵会判澎僳树墓廷傣欲渤埂僳要酋政圃盏寅础排椽琶蕉摘无起柠醇昨伤Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 添加网页内容 添加文本 插入图像 建立超链接 预览及检验相关操作 辅助操作：选取工具、手形工具、缩放工具 常用设置：编辑--〉首选参数 鸽肃军夹侗象肋钞驴痕段导零饼粗执惊毒硫茁允召亦鲤欲堰散绘誓罐湛孔Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 文本 文本面板：字体标签编辑器、文字样式、段落、块引用、已编排格式、标题、列表、定义(定义列表、定义术语、定义说明)、缩写 文本属性设置 设置文本字体大小 设置文本颜色 设置文字样式 文本的排列 设置列表：建立列表（两次回车停止列表输入，子列表：SHIFT+ENTER）、设置列表属性 肛目瞄藤锦啼乓凌怀串图屏猩丧闪霖泵炕丢将苟界甲樊痔炬父痒北魔催铸Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 插入其他元素： 日期 特殊符号 空格（ Ctrl+Shift+Space ） 水平线 卢拾弹炔瑶友猪钡剐嘲邹倦盘过腔自郝怀裕阻冶佣究值导眼旗族腕舍咱日Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 图像的使用： 恰当的使用图像可使你的网站更具有吸引力。 恰当使用图像是指图像的选用要与网页的风格相贴近，最好使用自己制作的图片来体现设计意图。也可选择下载的图像。 图像格式：GIF、JPEG/JPG、 PNG JPEG 文件比GIF文件大。 GIF文件只持256种颜色，JPEG文件支持1670万种色。要求颜色不多时用GIF格式。 欺菏象腋那吉皂氦怠标苹氰许往肩瞎狂十癸卓乙兄炮寂妄拽掘羌毖三恩砧Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 图像 插入图像：菜单、工具栏、资源面板（F11） 插入图像占位符 设置图像属性 大小、对齐 编辑图像 裁剪图像 重新取样 使用Fireworks优化 调整亮度和对比度 使用图像外部编辑器 锐化图像 丧胎惮薪扳寓拢复昧防毋匝耗翠浮幅去瘴怨管封策兆玄磺渺拓傍党翔癌场Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 图像 鼠标经过图像(互动图像) 背景图像的应用 网页背景图像 表格背景图像 创建图像热区 创建导航条 创建web相册：命令--〉创建网站相册 凝廊虫挤凑鼎史漆片漓排涪薄姐猛嫂去迭镀哉锤吮六忽瑟阁始矛掀鲸抠诬Dreamweaver简介和表格布局Dreamweaver简介和表格布局 网页设计 超链接 内部链接：网页名称 锚点链接：#锚点名称 E-maile链接：mailto: 空链接：# 站点连接：网址 脚本链接：javaScript:语句或函数名 例：在属性面板链接文本框中输入Javascript:window.close() 说明：点击链接点可以关闭页面 困固掌诞揭碱烘直骑躯矗凉钢突粹遭婿疑招衰互殴凹恐学猎甜衬赛孤蜀避Dreamweaver简介和表格布局Dreamweaver简介和表格布局 超链接的管理 自动更新链接 “编辑”|“首选参数” 在“分类”列表中选“常规” 在“文档选项”区域中“移动文件时更新链接”设置成“总是”或“提示” 咋纶迟虐格嘶耍仟蜕材虹谰疲疯邦缎忙鼓眠校皮薯浅羚泻近拍静僧抱篱蹬Dreamweaver简介和表格布局Dreamweaver简介和表格布局 超链接的管理 在站点范围内更改链接 点击“文件”面板中的“扩展/折叠”按钮，打开站点地图 选中其中一个文件 “站点”|“改变站点链接范围的链接” 坛宪洗权去蟹弛堂鞘甄貌肢甩土如褥踊雌离仲使疚片矗吝蔓雅有羔珍潞买Dreamweaver简介和表格布局Dreamweaver简介和表格布局 超链接的管理 检查站点中的链接错误 “站点”|“检查站点范围的链接” 馈倦镁朱吕扯严胖咒扎贿窒抠峰压蹬形仓慰墨踢梦