Dreamweavercs5PPT课件
合集下载
DreamweaverCS5网页制作第3章 使用表格布局页面PPT课件
3.1 表格的建立和编辑
3.1.4 实战演练：网站“行星大观”页眉导航部分制作
操作步骤： 6）光标移到第2行第1个单元格，在属性面板中设单元格的“宽”为270，“高”为24。鼠标 选中该行其它所有单元格，在属性面板中设单元格设为“宽”为100，水平、垂直方向均为 居中对齐。输入对应文字，如图所示。
（3）选取行或列 从一个单元格开始，拖动鼠标选中整行和整列的单元格，单元 格所在的行或列即被选中。或将鼠标停留在一行的左边框或一列的上边框，当选择行 或列的图标出现时，单击鼠标即可选择行或列。
3.1 表格的建立和编辑
3. 设定表格和单元格属性 （1）表格属性
当选中整个表格时，属性面板会自动变成表格的设置面板。可以通过这个面板 修改表格的行数、列数、大小等属性。表格的属性面板如下图所示。其中行、列、 宽、高、填充（即单元格边距）、间距、边框在创建表格时已经介绍过。
3.1 表格的建立和编辑
2. 选取表格元素 （1）选取整个表格 将鼠标指针移动到表格的边框线上单击鼠标左键选择整个表
格。或光标放在表格中时，点击菜单“修改”→“表格”→“选择表格”命令。也可以 将光标放在单元格中，在文档窗口的左下角的标签选择器中选择“Table”标签，选取 整个表格。
（2）选取单元格 将鼠标指针移动到某个单元格上，按住Ctrl键不放，再单击， 就可以选中这个单元格。按住Ctrl键，再逐个单击要选取的单元格，就可以选中不连 续的多个单元格。光标移到某个单元格中，按住Shift键鼠标点击另外一个单元格，则 这两个单元格之间的所有单元格将被选中，形成一个连续矩形区域。也可以通过鼠标 拖拽的方法可以选取连续的一片单元格。
3.1 表格的建立和编辑
3.1.1 案例制作：2006世界杯E组对阵表
DreamweaverCS5网页制作第4章 表单PPT课件
4.1 案例制作：个人信息调查表
4.1. 案例制作：个人信息调查表
操作步骤： 6）在表格的第4行年月日前，分别单击“插入”面板组“表单”选项下的“列表/菜单” 按钮 ，分别选中插入的列表菜单，在属性面板中将“类型”设为“列表”，列表名称分 别是year、month、day，单击属性面板的“列表值”按钮，在“列表值”对话框中添加 “项目标签”和“值”的内容，单击按钮 和按钮 可以添加或删除列表内容，最后 单击“确定”按钮，如图所示。
4.1 案例制作：个人信息调查表
4.1. 案例制作：个人信息调查表
操作步骤： 5）光标移到第3行文字右侧插入单选按钮组按钮 。在弹出的对话框中进行设定，如图46所示。插入的按钮组是垂直排列的。只需将光标移到单选按钮前面向前删除，则单选 按钮则排列成一行。选中单选按钮及文字，在属性面板的“目标规则”中选择“t2”。
4.2 新知解析
9. 文件域属性面板设置项目：
❖ “文件域名称”：指定该文件域对象的名称。 ❖ “字符宽度”：指定希望该域最多可显示的字符数。 ❖ “最多字符数”：指定域中最多可容纳的字符数。如果用户通过浏览来定位文件，则 文件名和路径可超过指定的“最多字符数”的值。但是，如果用户尝试键入文件名和路 径，则文件域仅允许键入“最多字符数”值所指定的字符数。
4.2 新知解析
8. 图像域属性面板设置项目：
❖ “图像区域”：为该按钮指定一个名称。 ❖ “源文件”：指定要为该按钮使用的图像。 ❖ “替代”：用于输入描述性文本，一旦图像在浏览器中载入失败，将显示这些文本。 ❖ “对齐”：设置对象的对齐属性。 ❖ “编辑图像”：启动默认的图像编辑器并打开该图像文件进行编辑。
4.3 实战演练：网络写作注册信息表
4.2 新知解析
《DreamweaverCS5网页设计》课件
第2章目录
设置页面的标题和编码： 1. 选择“修改”→“页面属性”，或者在属性检查器中单击 “页面属性”。 2. 在“页面属性”对话框中，单击“标题/编码”类别，如图 2.1所示。 3. 在“标题”框中，指定页面标题。也可以使用文档工具栏 来指定页面标题。 4. 从“编码”下拉列表框中选择文档中字符所用的编码。 5. 单击“确定”。
第1章目录
8／183
1.2 设置Dreamweaver站点
1.2.1 Dreamweaver工作流程 规划和设置站点 组织和管理站点文件 设计网页布局 向页面添加内容 通过手动编码创建页面 针对动态内容设置Web应用程序 创建动态页 测试和发布
第1章目录
9／183
1.2 设置Dreamweaver站点
第10章 制作ASP动态网页
3／183
第1章 Dreamweaver CS5 使用基础
1.1 认识Dreamweaver CS5工作区 1.2 设置Dreamweaver站点 1.3 创建和管理站点文件
4／183
ቤተ መጻሕፍቲ ባይዱ
1.1 认识Dreamweaver CS5工作区
1.1.1 启动Dreamweaver CS5 启动Dreamweaver CS5：单击“开始”，指向“所有程序”，然后单击 “Adobe Dreamweaver CS5”。 在“开始”菜单或任务栏中为这个软件添加一个快捷方式。 1.1.2 工作区布局概述 工作区中主要包括以下元素。 欢迎屏幕。 应用程序栏。 文档工具栏。 标准工具栏。 编码工具栏。 样式呈现工具栏 文档窗口 属性检查器 标签选择器 面板组 插入面板 文件面板
第1章目录
13／183
Dreamweaver cs5标准实例课件第10章Dreamweaver的内置行为(共29张PPT)
第十八页，共29页。
下面简要介绍一下Dreamweaver CS5中几种常用的Spry效果的功能、使用范围和具体参数的设置(shèzhì) 方法。
增大/收缩 该效果使元素变大或变小，适用于address、dd、div、dl、dt、form、p、ol、ul、applet、center、dir、
menu 或 pre对象。 挤压 该效果使元素从页面的左上角消失，仅适用于address、dd、div、dl、dt、form、img、p、ol、ul、applet、
具，实际上是JavaScript代码和程序库，是一种(yī
zhǒnɡ)实现页面交互控制的机制，它可以完成许多复杂
的JavaScript代码，极大地扩展了网页设计者对各种可
能性的选择范围。通过行为，任何网页设计者都可以让
页面元素“动〞起来，实现强大的交互性与控制功能，
而所有这些操作只需要通过简单直观的设置语句，用户
例如当用户将鼠标指针滑过一个人物的图像时可以显示一个包含有关该人物的姓名性别年龄和星座等详细信息的页面元素还可用于创建预先载入页面元素即一个最初挡住页的内容的较大的页面元素在所有页组件都完成载入后该页面元素即消失
第10章 内置行为(xíngwéi)
本章重点
行为是Dreamweaver提供的一个功能强大的工
10.2 行为(xíngwéi)管理面板
执行“窗口〞/“行为〞菜单命令(mìng lìng)，即可翻开“行为〞面板，如以以下图。
第五页，共29页。
10.3 附加行为到页面(yèmiàn)元素
行为(xíngwéi)被规定附属于用户页面上的某个特定的元素，可以是一个文本链接、 一个图像甚至<body>标识，但是不能将行为(xíngwéi)绑定到纯文本，诸如<p>和 <span>等标签。
下面简要介绍一下Dreamweaver CS5中几种常用的Spry效果的功能、使用范围和具体参数的设置(shèzhì) 方法。
增大/收缩 该效果使元素变大或变小，适用于address、dd、div、dl、dt、form、p、ol、ul、applet、center、dir、
menu 或 pre对象。 挤压 该效果使元素从页面的左上角消失，仅适用于address、dd、div、dl、dt、form、img、p、ol、ul、applet、
具，实际上是JavaScript代码和程序库，是一种(yī
zhǒnɡ)实现页面交互控制的机制，它可以完成许多复杂
的JavaScript代码，极大地扩展了网页设计者对各种可
能性的选择范围。通过行为，任何网页设计者都可以让
页面元素“动〞起来，实现强大的交互性与控制功能，
而所有这些操作只需要通过简单直观的设置语句，用户
例如当用户将鼠标指针滑过一个人物的图像时可以显示一个包含有关该人物的姓名性别年龄和星座等详细信息的页面元素还可用于创建预先载入页面元素即一个最初挡住页的内容的较大的页面元素在所有页组件都完成载入后该页面元素即消失
第10章 内置行为(xíngwéi)
本章重点
行为是Dreamweaver提供的一个功能强大的工
10.2 行为(xíngwéi)管理面板
执行“窗口〞/“行为〞菜单命令(mìng lìng)，即可翻开“行为〞面板，如以以下图。
第五页，共29页。
10.3 附加行为到页面(yèmiàn)元素
行为(xíngwéi)被规定附属于用户页面上的某个特定的元素，可以是一个文本链接、 一个图像甚至<body>标识，但是不能将行为(xíngwéi)绑定到纯文本，诸如<p>和 <span>等标签。
第2章DreamweaverCS5环境精品PPT课件
选择目标 文件所在 文件夹
单击选 择文件
单击“打 开”按钮
4．关闭文档
1 常用网站管理与网
FrontPage 2000是微软公司最新推出的面向
21世纪网络办公自动化时代的大型套装软件Office
2000中新增的一个重要组件，也是Office 2000注
重网络与Internet应用的一个重要体现。
FrontPage 2000是目前最常用的中文版网页制作工 具之一，简单易学,功能强大的网页制作利器，特别适 合网页初学者使用。Frontpage也有不少缺点：首先 是兼容性不好，利用FrontPage做出来的网页往往不 能用Netscape浏览器正常显示；其次，生成的垃圾
2．保存文档
要保存网页文档，可选择“文件”>“保存”菜 单，或按【Ctrl+S】组合键，弹出“另存为” 对话框。或者关闭文档时，自动弹出如下对话 框，选择“是”按钮即可保存文档。
选择保 存位置
输入文 件名
单击“保 存”按钮
3．打开文档
要打开文档，可选择“文件”>“打开”菜单 （或按【Ctrl+O】组合键），弹出“打开” 对话框。
• Macromedia 成立于84年，主要是做网络多媒体的开 发和应用，在92年与其他两家公司合并后改名为 Macromedia，仍然关注于网络多媒体类型的软件开发。 直到97年推出了flash和DreamWeaver，正式成为行 业中的大腕，被国内所熟知的“三剑客”基本成形。05 年被另一家行业巨头公司Adobe收购
Fireworks：主要用于制作网页图像、标志、GIF动 画、图像按钮与导航栏等。 Flash：主要用于制作矢量动画，如广告、网站片头 动画、动画短片、MTV等。 Photoshop：Adobe公司出品的一个优秀而且强大 的图形图像处理软件，起初它的应用领域主要是平面设 计而不是网页设计，但是它所具有的强大功能完全涵盖 了网页设计所涉及到的各种需求。
adobe Dreamweaver cs5第4章ppt
第 4章 表格的应用
本章习题答案 1. 选择题 （1）A （2）C 2. 填空题 （1）填充 （2）间距 （3）百分比 像素
• • • • • •
•
•
水平：指定单元格、行或列内容的水平对齐方式。您可以将内容对齐到单元格的左侧、右侧或使之居中对 齐，也可以指示浏览器使用其默认的对齐方式（通常常规单元格为左对齐，标题单元格为居中对齐）。 垂直：指定单元格、行或列内容的垂直对齐方式。您可以将内容对齐到单元格的顶端、中间、底部或基线， 或者指示浏览器使用其默认的对齐方式（通常是中间）。 宽和高：所选单元格的宽度和高度，以像素为单位或按整个表格宽度或高度的百分比指定。若要指定百分 比，请在值后面使用百分比符号 (%)。 背景颜色：单元格、列或行的背景颜色（使用颜色选择器选择）。 合并单元格：将所选的单元格、行或列合并为一个单元格。只有当单元格形成矩形或直线的块时才可以合 并这些单元格。 拆分单元格：将一个单元格分成两个或更多个单元格。一次只能拆分一个单元格；如果选择的单元格多于 一个，则此按钮将禁用。 不换行：防止换行，从而使给定单元格中的所有文本都在一行上。如果启用了“不换行”，则当键入数据 或将数据粘贴到单元格时单元格会加宽来容纳所有数据。 标题：将所选的单元格格式设置为表格标题单元格。默认情况下，表格标题单元格的内容为粗体并且居中。
第 4章 表格的应用
4.1 表格的基本操作
表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强 有力的工具。表格由一行或多行组成，每行又由一个或多个单元格组成。 当选定了表格或表格中有插入点时，Dreamweaver CS5 会显示表格宽度和 每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。使用这些 菜单可以快速访问与表格相关的常用命令。在Dreamweaver CS5 中还可以根据 实际需求启用或禁用宽度和菜单。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2020/10/13
5
链接
路径 -绝对路径 -相对路径
目标
2020/10/13
6ቤተ መጻሕፍቲ ባይዱ
插入透明flash
插入布局对象-AP Div 在其中插入Flash-属性面板-设置透明
2020/10/13
7
谢谢您的指导
THANK YOU FOR YOUR GUIDANCE.
感谢阅读！为了方便学习和使用，本文档的内容可以在下载后随意修改，调整和打印。欢迎下载！
属性
behavior 滚动方式 alternate;scroll;slide direction 滚动方向 down;right;up;left scrolldelay 滚动延迟时间 height 活动字幕高度
蓝色字
鼠标指向时滚动字幕时停止，移开时继续滚动
2020/10/13
4
表格特效
光标定位表格中，代码视图 <td …>中输入 onmouseover="this.bgColor='#66FF99' " onmouseout="this.bgColor='#FFFFFF'"
2020/10/13
2
文本
空格
-Ctrl+Shift+空格
-代码中文字前加
换行
-shift+Enter
-代码中文字后加<br />
2020/10/13
3
滚动字幕
文字两端分别填加标签
<marquee behavior="scroll" direction="up" scrolldelay="150" height="100" id=ad onmouseover=ad.stop() onmouseout=ad.start()> ……………. </marquee>
Dreamweaver cs5
2020/10/13
1
背景图像
页面背景 -页面属性 –外观css-背景图像/背景颜色 -body { background-image: url(…); background-color: …;}
表格背景 -光标定位表格中-代码视图-<td…>中 background=“…”（图像） bgcolor=“…”（颜色）
汇报人：XXXX 日期：20XX年XX月XX日
8