教育技术学院.pptVIP

要点 CSS面板中，新建样式 选择要设定样式的文字或图片，打开CSS样式面板（应用样式），在ieexplore中预览看效果。 * Dreamweaver（2） 曾兰芳 教育技术学院 zenglf2003@163.com 基本内容 布局 框架集 布局 HTML语言 背景音乐 表格 CSS样式 1. HTML标记语言（续） 强制换行标记 另起一行显示文字 格式 /BR 表格标记 建立基本表格 格式： TABLE summary=“文字” bgcolor=“color1” background=“image-URL” border=“n” bordercolor=“color2” width=“x或x%” heigh=“x或x%” align=“left/right/center” CAPTION align=“top/bottom/left/right”表题/CAPTION TRTH表头1/TH… TH表头n/TH/TR TRTD表项1/TD… TD表项n/TD/TR … TRTD表项1/TD… TD表项n/TD/TR /TABLE HTML的语法规则 以纯文本形式存放，扩展名为.htm或.html 不区分大小写 多数html可以嵌套，但是不可以交叉 HTML一行可以写多个标记，一个标记也可以分多行书写 HTML源文件中的换行、回车符和多个连续空格在显示效果中是无效的。 换行用BR 换段用P 若需要多个空格，可以采用nbsp转义符号。 2. 使用框架进行网页布局 框架是网页中经常使用的页面设计方式，框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。使用框架可以非常方便的完成导航工作，让网站的结构更加清晰，而且各个框架之间决不存在干扰问题。 利用框架最大的特点就是使网站的风格一致。通常把一个网站中页面相同的部分单独制作成一个页面，作为框架结构的一个子框架的内容给整个网站公用。 一个框架结构有两部分网页文件构成： 框架（Frame）：框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的网页文件。 框架集（Frameset）：框架集也是一个网页文件，它将一个窗口通过行和列的方式分割成多个框架，框架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文件。 在创建框架集或使用框架前，通过选择“查看/可视化助理/框架边框”命令，使框架边框在文档窗口的设计视图中可见。 创建框架和框架集的步骤 1-加载预定义的框架集：在站点根目录下新建一个空白HTML文件。在快捷工具栏选择“布局”，单击 “框架”按钮，在弹出的下拉菜单中选择“顶部和嵌套的左侧框架” 或者其他类型的框架。 创建框架和框架集的步骤(续1) 2-编辑框架。如果预定义的框架集不能满足需要，我们就要进行框架的分割和编辑。分割框架的方法很简单，只需按住Alt键，将鼠标至于要分割的框架边框上，当光标形状变为 或者 时按住鼠标左键拖动到适宜位置即可。 创建框架和框架集的步骤(续2) 3-保存框架。选择【菜单栏】【文件】【保存全部】，将框架集保存为index.html，上方框架保存为index-top.html，左侧框架保存为index-left.html，右侧框架保存为index-main.html，下方框架保存为index-bottom.html。 需要说明的是，也可以根据自己的实际情况对框架集和框架命名，上述命名仅供参考。 创建框架和框架集的步骤(续3) 4-设置框架与框架集。 改变框架大小。用鼠标拖拽框架边框可随意改变框架大小。 删除框架。用鼠标把框架边框拖拽到父框架的边框上，可删除框架。 设置框架属性。选择菜单栏【窗口】【框架】，打开框架面板，单击某个框架，即可选中该框架。然后在属性面板上可以设置框架属性：框架名称、源文件、空白边距、滚动条、重置大小和边框属性等。 案例-容貌特征与遗传 1-创建站点。 2-在新站点中，新建空白网页文档，在“布局”插入栏中单击框架按钮，选择“顶部框架”。在弹出的“框架标签辅助功能属性”对话框中，单击“确定”。 3-拆分框架。将鼠标移到中间的框架边框上，当鼠标指针变为双向箭头时，按住alt键+鼠标左键，向下拖动到合适大小后释放鼠标，完成拆分。使用相同的方法，再将中间的框架拆分为3个框架，效果如下图所示。 leftFrame rightFrame mainFrame topFrame bottomFrame 4-保存框架集和框架。选择“文件”/“保存全部”，将最先弹出的frameset保存页保存为index.html，然后依次保存其他的网页，注意，保存的某个页面的具体位置会在网页中用虚黑边标示出来。 5-将框架页与事先已经编辑好的页面链接起来