大学计算机基础-11-网页制作
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 1. 行为的概念 行为列表：
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 播放声音：为网页加入声音。 打开浏览器窗口：可以打开一个小窗口。 弹出信息：可以弹出一条警告信息。 调用JavaScript：调用网页中包含的JavaScript程序。 交换图像：用于接收用户的动作而动态改变图像。 更改内容：可以改变已经插入的层的内容。 恢复交换图像：把已经交换的图像恢复过来。 检测插件：可以检测访问者的浏览器是否已经安装网页所必须的插件。 检测浏览器：检测访问者使用的浏览器的类型。 检查表单：检验网页中的表单是否合法。
• • • • • • 1．表格的基本操作 2．查看和设置表格属性 3．设置单元格、行和列属性 4．添加、删除行和列 5．合并、拆分表格中的两个或多个单元格 6．剪切、复制和粘贴单元格
• 11.4.3 使用格式表格
11.5 网页中框架的应用
• 11.5.1 框架 • 11.5.2 创建框架
• 11.5.3 保存框架集文件
• 上传
• 在上传网页时，可以使用Ftp工具进行上传工作。
11.1 网页与网站
• 11.1.3 网站
• 网站 • 网站制作的基本流程 通常，把一个网站的开发过程分为3个阶段。分别是规划与准备阶段、 网ቤተ መጻሕፍቲ ባይዱ制作阶段和网站的测试发布与维护阶段。具体的开发制作过程如下：
• • • • • • 网站定位 收集与加工网页制作素材 规划网站结构和网页布局 编辑网页内容 测试并发布网页 网站的维护
11.1 网页与网站
• 11.1.2 网页的上传
• 申请域名
• 根据网站的定位不同，可以申请不同级别的域名。 对于商业公司等形式的网站，需要向中国互联网络信息中心（CNNIC）申请自己的域 名，其形式一般为www.yourCompanyName.com 或者 “www.yourCompanyName.com.cn”（国内域名） 对于一般的用户如果只是发布一个个人网站，可以到一些提供免费域名的网站申请注 册一个免费的域名。
• 网站的宣传
11.2 Dreamweaver 8简介
• Dreamweaver 8增添了如下新功能：
• • • • • • • • “缩放工具”和辅助线； 可视化XML数据绑定； 新的CSS样式面板； CSS布局的可视化； 代码折叠； 编码工具栏； 后台文件传输； 插入Flash视频命令。
11.3 创建网页基本元素
• • • • 浏览器的兼容性 不同屏幕分辨率的显示效果 网页中的所用链接是否有效 网页下载的速度等
• 测试不仅要在本地对网站进行，最重要的是在远程进行。因为只有 远程浏览才更接近于真实情况。
11.8 网站发布
• 11.8.2 网站的发布
在Dreamweaver中设置远程站点的操作步骤如下： • （1）打开要上传的本地站点，在“Files（站点）”面板中单击工具栏中的展开按钮将 面板展开。 • （2）在左侧远端站点窗格中单击“定义远程站点”超级链接，弹出“站点定义对话 框”。 • （3）选择FTP访问方式，然后设置用于输入Web站点文件上传到的FTP主机名称，以及 用户输入在远程站点上存储文档的主机目录。 • （4）设置登陆用户名以及密码。 • （5）选择“使用被动FTP”复选框，可以建立被动FTP。 • （6）选择“使用防火墙”复选框，则从防火墙后面连接到远程服务器，同时设置防火 墙主机及端口号。 • （7）单击OK完成远程站点设置。
11.6 使用层和行为
• 11.6.7 行为
• 1. 行为的概念 行为列表：
11 控制Shockwave或Flash：控制网页中包含的Shockwave或Flash。 12 转到URL：跳转到其他页面。 13 设定图像导航条：和交换图像原理一样，使用替换原理，其主要作用是使图像链接起导 航作用。 14 设置文字：在特定的地方显示文字。 15 显示或隐藏层：设置图层的显示或隐藏。 16 时间轴：可以制作更多的动态效果。 17 跳转菜单：插入跳转导航菜单。 18 跳转菜单开始：控制导航菜单跳到那个页面。 19 拖动层：设定图层是否允许拖动。 20 预先载入图像：在网页里装载前先载入图像。 21 显示事件：设定显示IE或NS各个版本的事件。
11.6 使用层和行为
• 11.6.1 插入新层 • 11.6.2 设置层的属性
• 11.6.3 • 11.6.4 • 11.6.5 • 11.6.6
调整层的大小 移动层 对齐层 层转换为表格
11.6 使用层和行为
• 11.6.7 行为
• 1. 行为的概念
11.6 使用层和行为
• 11.6.7 行为
第11章 网页制作
11.1 网页与网站 11.2 Dreamweaver 8简介 11.3 创建网页基本元素
11.4 网页中表格的应用
11.5 网页中框架的应用 11.6 使用层和行为 11.7 表单的使用 11.8 网站发布
11.1 网页与网站
• 11.1.1 网页包括的主要元素
• • • • • • • • • 站标 导航栏 广告条 按钮 文本 图像 表格 表单 多媒体及特殊效果
• 11.3.1 建立Dreamweaver 8站点 • 11.3.2 建立站点文件夹 • 11.3.3 创建网页基本元素 1．制作标题 2．添加水平线 3．设置导航栏 4．图像和文字的链接 5．设置页面属性
11.4 网页中表格的应用
• 11.4.1 创建表格 • 11.4.2 表格基本操作和属性
11.7 表单的使用
• 1．向文档中添加一个表单 • 2．插入文本并设置属性 • 3．插入单选按钮 • 4．插入复选框 • 5．插入表单按钮
11.8 网站发布
• 11.8.1 网站的测试
• 网站在发布之前需要进行测试，测试站点是为了发布后的网页能在 浏览器中正常显示以及超链接的正常跳转。 • 测试内容一般包括：
11.6 使用层和行为
• 11.6.7 行为
• • • • • • • • • 2．动作 3．事件 4．触发行为的事件 5．行为的使用 6．动态改变物件属性 7．转到URL 8．播放声音 9．弹出信息 10．检测表单合法性
11.7 表单的使用
• “表单”选项卡中的主要按钮:
• • • • • • • • • • ① “表单” ② “文本字段” ③ “隐藏域” ④ “单选按钮” ⑤ “复选框” ⑥ “单选按钮组” 。 ⑦ “列表/菜单” ⑧ “跳转菜单” ⑨ “图像域” ⑩ “按钮”
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 播放声音：为网页加入声音。 打开浏览器窗口：可以打开一个小窗口。 弹出信息：可以弹出一条警告信息。 调用JavaScript：调用网页中包含的JavaScript程序。 交换图像：用于接收用户的动作而动态改变图像。 更改内容：可以改变已经插入的层的内容。 恢复交换图像：把已经交换的图像恢复过来。 检测插件：可以检测访问者的浏览器是否已经安装网页所必须的插件。 检测浏览器：检测访问者使用的浏览器的类型。 检查表单：检验网页中的表单是否合法。
• • • • • • 1．表格的基本操作 2．查看和设置表格属性 3．设置单元格、行和列属性 4．添加、删除行和列 5．合并、拆分表格中的两个或多个单元格 6．剪切、复制和粘贴单元格
• 11.4.3 使用格式表格
11.5 网页中框架的应用
• 11.5.1 框架 • 11.5.2 创建框架
• 11.5.3 保存框架集文件
• 上传
• 在上传网页时，可以使用Ftp工具进行上传工作。
11.1 网页与网站
• 11.1.3 网站
• 网站 • 网站制作的基本流程 通常，把一个网站的开发过程分为3个阶段。分别是规划与准备阶段、 网ቤተ መጻሕፍቲ ባይዱ制作阶段和网站的测试发布与维护阶段。具体的开发制作过程如下：
• • • • • • 网站定位 收集与加工网页制作素材 规划网站结构和网页布局 编辑网页内容 测试并发布网页 网站的维护
11.1 网页与网站
• 11.1.2 网页的上传
• 申请域名
• 根据网站的定位不同，可以申请不同级别的域名。 对于商业公司等形式的网站，需要向中国互联网络信息中心（CNNIC）申请自己的域 名，其形式一般为www.yourCompanyName.com 或者 “www.yourCompanyName.com.cn”（国内域名） 对于一般的用户如果只是发布一个个人网站，可以到一些提供免费域名的网站申请注 册一个免费的域名。
• 网站的宣传
11.2 Dreamweaver 8简介
• Dreamweaver 8增添了如下新功能：
• • • • • • • • “缩放工具”和辅助线； 可视化XML数据绑定； 新的CSS样式面板； CSS布局的可视化； 代码折叠； 编码工具栏； 后台文件传输； 插入Flash视频命令。
11.3 创建网页基本元素
• • • • 浏览器的兼容性 不同屏幕分辨率的显示效果 网页中的所用链接是否有效 网页下载的速度等
• 测试不仅要在本地对网站进行，最重要的是在远程进行。因为只有 远程浏览才更接近于真实情况。
11.8 网站发布
• 11.8.2 网站的发布
在Dreamweaver中设置远程站点的操作步骤如下： • （1）打开要上传的本地站点，在“Files（站点）”面板中单击工具栏中的展开按钮将 面板展开。 • （2）在左侧远端站点窗格中单击“定义远程站点”超级链接，弹出“站点定义对话 框”。 • （3）选择FTP访问方式，然后设置用于输入Web站点文件上传到的FTP主机名称，以及 用户输入在远程站点上存储文档的主机目录。 • （4）设置登陆用户名以及密码。 • （5）选择“使用被动FTP”复选框，可以建立被动FTP。 • （6）选择“使用防火墙”复选框，则从防火墙后面连接到远程服务器，同时设置防火 墙主机及端口号。 • （7）单击OK完成远程站点设置。
11.6 使用层和行为
• 11.6.7 行为
• 1. 行为的概念 行为列表：
11 控制Shockwave或Flash：控制网页中包含的Shockwave或Flash。 12 转到URL：跳转到其他页面。 13 设定图像导航条：和交换图像原理一样，使用替换原理，其主要作用是使图像链接起导 航作用。 14 设置文字：在特定的地方显示文字。 15 显示或隐藏层：设置图层的显示或隐藏。 16 时间轴：可以制作更多的动态效果。 17 跳转菜单：插入跳转导航菜单。 18 跳转菜单开始：控制导航菜单跳到那个页面。 19 拖动层：设定图层是否允许拖动。 20 预先载入图像：在网页里装载前先载入图像。 21 显示事件：设定显示IE或NS各个版本的事件。
11.6 使用层和行为
• 11.6.1 插入新层 • 11.6.2 设置层的属性
• 11.6.3 • 11.6.4 • 11.6.5 • 11.6.6
调整层的大小 移动层 对齐层 层转换为表格
11.6 使用层和行为
• 11.6.7 行为
• 1. 行为的概念
11.6 使用层和行为
• 11.6.7 行为
第11章 网页制作
11.1 网页与网站 11.2 Dreamweaver 8简介 11.3 创建网页基本元素
11.4 网页中表格的应用
11.5 网页中框架的应用 11.6 使用层和行为 11.7 表单的使用 11.8 网站发布
11.1 网页与网站
• 11.1.1 网页包括的主要元素
• • • • • • • • • 站标 导航栏 广告条 按钮 文本 图像 表格 表单 多媒体及特殊效果
• 11.3.1 建立Dreamweaver 8站点 • 11.3.2 建立站点文件夹 • 11.3.3 创建网页基本元素 1．制作标题 2．添加水平线 3．设置导航栏 4．图像和文字的链接 5．设置页面属性
11.4 网页中表格的应用
• 11.4.1 创建表格 • 11.4.2 表格基本操作和属性
11.7 表单的使用
• 1．向文档中添加一个表单 • 2．插入文本并设置属性 • 3．插入单选按钮 • 4．插入复选框 • 5．插入表单按钮
11.8 网站发布
• 11.8.1 网站的测试
• 网站在发布之前需要进行测试，测试站点是为了发布后的网页能在 浏览器中正常显示以及超链接的正常跳转。 • 测试内容一般包括：
11.6 使用层和行为
• 11.6.7 行为
• • • • • • • • • 2．动作 3．事件 4．触发行为的事件 5．行为的使用 6．动态改变物件属性 7．转到URL 8．播放声音 9．弹出信息 10．检测表单合法性
11.7 表单的使用
• “表单”选项卡中的主要按钮:
• • • • • • • • • • ① “表单” ② “文本字段” ③ “隐藏域” ④ “单选按钮” ⑤ “复选框” ⑥ “单选按钮组” 。 ⑦ “列表/菜单” ⑧ “跳转菜单” ⑨ “图像域” ⑩ “按钮”