html专题3案例1讲义.pptVIP

专题三 表、层和插入多媒体 案例一 制作本课知识点网页 上章回顾 使用记事本程序编写HTML文档 下列标记的使用 文本格式化标记biusubsup 预格式化标记pre 图片标记img 水平线标记hr 文本控制标记font 列表标记：无序列表ul和有序列表ol 教学目标 掌握Dreamweaver8.0的基本应用 熟练在页面中插入表格，并对表格进行插入、合并单元格、以及单元格的填充等操作。 熟练应用链接操作，并能够创建锚点链接。 工作任务 用Dreamweaver8.0新建一个站点，并制作空白网页 在网页中添加关于“本课知识点”的文字内容及表格 添加锚点链接并掌握几种链接的使用 相关实践知识7-1 启动Dreamweaver8.0 相关实践知识7-2 在Dreamweaver中新建站点 选中站点，点击右键新建两个文件夹，一个是用来存放图片的images文件夹，另一个是用来存放html文件的AllHtml文件夹 相关实践知识7-3 选中ALLHtml文件夹，点击右键新建一个名为first.html空白页 插入表格 合并单元格 拆分单元格 改变表格“填充”、“间距”的值 将单元格中内容居中 相关实践知识7-4 在AllHtml文件夹下新建一个second.html页 切换至first.html页，在链接上添加一个超链接 相关实践知识7-5 创建锚点链接,在AllHtml文件夹下新建table.html页,插入锚点 相关实践知识7-6 键接到不同文档的特定位置 。同样，先建立锚点，然后在“属性面板”中的“链接”文本框内输入“要链接的文档名称 #锚点名称” 相关实践知识7-7 键接到不同文档的特定位置 。同样，先建立锚点，然后在“属性面板”中的“链接”文本框内输入“要链接的文档名称 #锚点名称” 总结 本章通过设计制作“本课知识点”网页，掌握了使用Dreamweaver8.0来创建站点。 掌握了在网页中插入文本、表格，并对表格进行操作。 掌握几种超级链接的使用。 掌握了在网页中插入锚点链接 Dreamweaver知识介绍-1 Dreamweaver是当前最流行的网页设计和网站开发工具。可用于创建静态和动态网站页面，同时具有网站管理和FTP等辅助功能。该软件由Macromedia（现Adobe）公司开发，当前8.0为必威体育精装版的正式版本。 Dreamweaver是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 无论您是喜欢直接编写 HTML 代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver都会为您提供帮助良多的工具，丰富您的Web创作经验。 起始页相关知识介绍 起始页介绍。起始页分为左、中、右三栏，下 面对三个栏目分别进行介绍： 打开最近项目：打开曾经使用过的文档，选择文档打开后即可进行编辑。 创建新项目：选择不同的文件类型，新建文档。 从范例创建：是Dreamweaver给我们做好的一些基础结构、模版，我们可以直接使用模版来新建网页。 扩展：是当Dreamweaver本身无法完成一些功能时，可以从网上下载一些插件来完成， 如果在打开时不想再显示此对话框，则选择菜单中的【编辑】?【首选】?【参数】?【常规】?【显示起始页】，在“显示起始页”前的小方框内去掉选择标志。 定义的站点 编辑页面结构介绍-1 编辑页面结构介绍-2 菜单栏：包含了该软件的主要功能，但是由于有快捷方式， 菜单不常被用到 插入工具栏：用来插入各种网页元素。默认需要的插入工具 栏，可以从“窗口”、“插入”将该栏插入编辑页面 文档名：文件未起名时为Untitle，可以通过菜单中的“文件”、“另存为” 来改变文档的名称。文档窗口：为页面中的空白区域，是网页的编辑 区域，其中显示的内容分别由“代码”、“拆分”和“设计”按钮决定。 文档工具栏：用来切换不同的网页文档、转换网页的不同状态，以及对文 档的各种编辑操作等。 面板组：它集中了网页编辑和站点管理过程中的最常用的工具按钮，使得 用户的操作更加快捷、方便。 属性面板：用来设置当前选中网页元素的属性的状态或取值。 表格知识介绍-1 表格知识介绍-2 表格的基本结构 行标记：表格中的水平间隔 列标记：表格中的垂直间隔 单元格标记：表格中行与列相交所产生区域 表格的基本标记 表格知识介绍-3 表格基本标记符的常用属性 表格知识介绍-4 表格基本标记符的常用属性 填充、间距相关知识 cellspacing表格的内框宽度属性，用于设置表格内部每个单元格间的间距，这