dreamweaver,cs6版,教案.doc

dreamweaver,cs6版,教案 篇一：Dreamweaver教案啊 Dreamweaver教案 一、网页设计基础与制作流程 在网络高速发展的今天，网站已经成为一个自我展示和宣传的平台，一个网站是由多个相关联的网页构成的。一般网页上都会有文本和图像信息，复杂一些的网页上还会有声音、视频、动画、多媒体。要制作出精美的网页，不仅需要能够熟练的使用软件，还需要掌握一些网页制作的相关知识。 现在我们常用的浏览器有IE,火狐，欧朋，谷歌，搜狗，360，遨游，百度浏览器，hao123浏览器，腾讯TT。这些国产的浏览器大部分是以IE为内核的。因为浏览器的内核不同，所以同样的代码在浏览器上的显示可能不一样。如果制作页面的话，我建议用火狐或者IE。 二、Dreamweaver简介 Dreamweaver CS6 是一款由Adobe公司大力开发的专业HTML编辑器，用于对WEB站点，WEB页面和WEB应用程序进行设计、编码和开发。利用Dreamweaver中的可视化编辑功能，用户可以快速创建页面而无须编写任何代码。 三、表格的基本应用 表格（table）是页面的重要元素，在DIV+CSS布局方式被广泛 运用之前，表格布局在很长一段时间中都是最重要的页面布局方式。在使用DIV+CSS布局中，也并不是完全不可以使用表格，而是将表格回归他本身的作用，用于显示表格式数据。 现在在一些的系统中，无论是后台使用java或是c#做的，在页面显示数据大部分使用到表格。这里的表格就类似于Excel表格，并且在项目中，通常可以使用表格导出Excel表或者是实现导入Excel表，这样在办公方面增加了用户体验。 （1）插入表格及设置表格属性 1 、单击“插入”面板的“表格”按钮，弹出“表格”对话框，在该表格对话框中可以设置表格的行数、列数、表格的宽度、单元格间距、单元格边距、边框粗细等选项。 表格宽度：该选项用于设置表格的宽度，“宽度”的单位可以通过右边的下拉列表选择。如果以百分比定义的表格，会随着浏览器窗口大 小的改变而改变。 单元格边距：用于设置插入的表格中单元格内容和单元格之间的边框数。 单元格间距：用于设置插入的表格中相邻的表格单元格之间的像素数。 辅助功能：在该选项组定义与表格存储相关的参数，包括在“标题”文本框中定义表格标题，早“摘要”文本框中对标哥进行注释。 2、现在应用以下设置，单击确定按钮创建出一个表格。 3、执行“文件gt;打开”命令，打开第十二章的12-1-3.html。将光标放置在单元格内，用鼠标单击表格上方，在弹出的菜单中选择“选择表格”选项即可 还可以在表格中单击鼠标右键，在弹出的快捷键菜单中选择“表格》选择表格”。 4、要选择单个单元格，将鼠标置于需要选择的单元格，在“状态”栏上的“标签选择器”中单击lt;td.boder01gt;标签，如图 此时单元格已经被选中。 5、如果需要选择整行，只需要将鼠标移至选择的行左边，单击即可。 6、如果要选择连续的单元格，需要使鼠标从一个单元格上方开始向要连续选择单元格的方向按下左键后拖动，即可连续选择单元格。要选择不连续的几个单元格，则需在单击所选单元格的同时，按住Ctrl。 （2）编辑表格 1、用户可以通过拖动选中表格时显示的3个选择柄来调整表格的大小。在水平方向调整表格大小，可拖动右边的选择柄。在垂直方向调整表哥的大小，可以拖动底部的选择柄。如果需要同时从两个方向调 整表格大小，可以拖动右下角的选择柄。 2、如果要改变某个列的宽度并保持其他列的大小不变，可以按住Shift键，然后拖动列的边框。在一种方法是在属性面板上设置宽和高文本框内的数值。（推荐） 3，对表格的插入删除 选中要插入行或列的单元格，单击鼠标右键，在弹出的菜单中选择“表格gt;插入行（插入列）”命令，就可以插入。如果要插入多行多列，选择“插入行或列”命令。 4，导入表格内容：执行“文件-gt;打开”，打开12章的12-3-2.html，执行“文件gt;导入gt;表格式数据”命令，弹出“导入表格式数据”对话框，将第12章关于我们.txt导入进去，单击确定。 篇二：Dreamweaver全套教案 课题认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样