当前位置:文档之家› 使用DW制作简单网页PPT课件

使用DW制作简单网页PPT课件

©(版权号)
  > < " ©
3、段落与换行 段落换行:<p>标记,直接enter键 换行符换行:<br />,shift键+ enter键
4、添加注释与空格
添加注释
<!--注释内容 -->
2、设置网页的编码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
设置网页的编码
在所有情况下都用 GB2312么?
设置网页的编码
2、设置网页的编码
3、设置文档标题
<title>+++我的个人主页+++</title>
专题三 使用DW制作简单网页
学习内容
Dreamweaver基本介绍 定义站点 设置文件头 使用文本 使用图像 使用Flash动画 使用音频 使用视频
About Dreamweaver
Dreamweaver是一款专业的 HTML 编辑器,用于对 Web 站点、 Web 页和 Web应用程序进行设计、编码和开发。
Dreamweaver是Adobe(Macromedia)公司出品的一种专业化的 网页创建工具,它采用所见即所得的编辑方式,通过特有的行 为,模板,时间线等技术,能够快速高效地创建极具表现力和动 感效果的网页,使网页创建过程变得简单.
DW设计网页的流程
整个网站的制作流程:在Photoshop或者Fireworks中作出效 果图→切图→在Dreamweaver中添加文字,定义样式。
说明 定义网页的关键词 提供网页的简短描述 定义网页的搜索引擎索引方式 定义用户的浏览器或相关设备如何显示将要加 载的数据,eg.定义网页编码 用于刷新与跳转(重定向)页面 用于网页缓存过期时间,一旦网页过期将服务 器上重新下载页面 用于定义页面缓存。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
DW网站制作流程 新建站点→站点文件命名→定义页面属性→插入表格→定
义页面大小→转换到布局视图→添加内容→插入导航条→转 换到标准视图工作→添加链接→使用代码片断→定义及应用 CSS→添加动态交互→链接站点各个页面。
DW界面介绍
视图切换 代码提示 属性面板 标签选择器
锚点用于网页中的定位,如网页的上、中、下等; 图像占位符在需要使用图形的地方插入一个占位图形先 “占领”着“地盘” ;Fireworks HTML为用Fireworks软 件切割出来的图片;交换图像为鼠标移上去时变为另一图 片,增强动感;表格数据可以将其它文件的数据转化为表 格,插进网页;标签选择器可以插入其它不常用的HTML标
定义站点
Why 避免错误的出现:路径错误,链接错误
HOW
1.建立一个文件夹用于存放网站的所有文件 2.再按栏目分类 (将图片放置在image文件夹中) 3.命名规则:使用英文或者拼音命名
网页文件的后缀名*.htm 或者*.html, 网站首页命名规则index.htm或者default.htm
<meta name="description" content="wjb的个人站点,网页设计" />
6、设置网页的刷新 打开网站后的若干秒内,让 浏览器自动跳转到一个新网 页。 用于需要经常需要刷新的网 页。 注意URL的输入
<meta http-equiv="refresh" content=“3;URL=" /
说明 粗体 斜体 对文本加下划线 对文本加强效果,相当于粗体 在当前文字大小的基础上再增大一级 在当前文字大小的基础上再减小一级 上标 下标 强调文本,通常以斜体显示
SUCCESS
THANK YOU
2019/7/25
1、设置文本格式 文本属性设置窗口
Dreamweaver 8
Dreamweaver CS4
设置颜色
颜使用一个16进制的数值表示,如#FF0000,“#”是颜色 标志。
任何一种颜色都是由红绿蓝3个颜色通道按不同亮度的比例混 合而成。
前两位代表颜色中红色的亮度 中间两位代表绿色通道的亮度 后面两位代表蓝色的亮度。
2、插入特殊符号
空格 > (大于号) < (小于号) “ (引号)
4、定义关键字
多个关键字用逗号分隔开 来。
输入的关键字能反映主页 的内容
关键字不宜太多,一般在 5个以内。
<meta name="keywords" content="网页设计,浙江工业大学" />
5、设置说明文字 说明文字和关键字一样, 可供搜索引擎寻找网页。 内容尽量要简明扼要。
设置文件头
1、meta标签说明 2、设置网页的编码 3、设置文档标题 4、定义关键字 5、设置说明文字 6、设置网页的刷新
1、meta标签说明
属性名 name
值 keywords description robots Content-type
http-equiv refresh expires
pragma与no-cache
二、使用文本
1、设置文本格式 2、插入特殊符号 3、段落与换行 4、添加注释与空格 5、插入并设置水平线<hr> 6、设置段落缩进<blockquote> 7、使用列表
1、设置文本格式
标题标签
<h# align=“对齐方式”>内容</h#> #代表字体大小,取值1~6 align属性设置对齐方式,left center right
字体标签
<font face=“字体类型” size=“字号” color=“颜色”>内容 </font>
1、设置文本格式
字符标签 <b>...</b> <i>...</i> <u>...</u> <strong>...</strong> <big>...</big> <small>...</small> <sup>...</sup> <sub>...</sub> <em>...</em>
相关主题