第6章Dreamweaver网页制作础1-jxliu.pptVIP

第1章 多媒体课件设计基础 第1章 多媒体课件设计基础 第6章 Dreamwaver网页制作基础 通过对本章的学习，读者应了解并掌握Dreamweaver CS3的功能特点和基本使用方法，并且能够应用该软件制作出图文并茂的多媒体CAI课件。 第一部分 软件简介与设置 1　起始页的使用（注意范例创建） 主窗口 2、界面布局与切换 3、定制工具箱 可以选择工具栏的形式 4、代码拆分与设计模式 1）【代码】 【显示代码视图】 可以直接编辑网页源代码； 2）【设计】 【显示设计视图】 能方便我们美化网页和合理地布局网页； 3）【拆分】 【显示代码视图和设计视图】让我们能够更好地理解源代码，提高编程能力。 但是也不能所见即所得，有些区别 拆分模式可以把代码与界面进行对应 几种模式可以灵活选择，用自己最喜欢的方式 5、标签选择器 可以通过标签选择器选择所要的部分。 6、属性面板与设置 属性面板与用户选择的内容联动。 / /cn/ 确定网站的整体风格需要注意以下几个方面： （1）网站标志要放在醒目位置要保持不变。 （2）反应网站精髓的标语并动态显示。 （3）导航放在每一张网页的相同位置。 （4）确定网站的主体颜色并注意颜色。 （5）页面的布局一般采用左边导航右边文字，或者上面导航下面文字的方法，或两者结合使用。 （6）内容结构简单且分类要简而精。 /portal/cn/index.html 1.3 HTML基础知识 第二部分 定义站点页面属性 1．站点的定义 站点是存放网站上所有文档和文件的地方，是一系列文档的组合，将各种信息制作成网页，以超级链接的形式组织起来，利用浏览器用户可以从一个文档跳转到另一个文档，并通过这样的操作实现对整个网站的浏览。 2、新站点的建立 新站点的方法 1 2 3 4 5　a summary of your wbesite 3、创建新网页 　建好文件，保存即可。 4、使用CSS层叠样式表格化文本 CSS，层叠样式表，是一种对文本进行格式化操作的高级技术，它从一个较高的级别上对文本进行控制。其特点是可以对文本的格式进行精确控制，而且可以在文档中实现格式的自动更新。 打开CSS：选择“文本” ︱“CSS样式” ︱“新建”命令，打开“新建CSS规则”对话框。 4.1 CSS的设置一，外观设置 4.1 CSS的设置一，外观设置 这些内容都是基于CSS的设置。 4.2 CSS的设置二，链接设置 4.3 CSS的设置三，标题设置 右下为网页标题的设置与网页编码的设置 4.4 CSS的设置四，跟踪图像 可以用图像软件把网页的样子画下来，放在页面上，编网页的时候把这个图放在后面，就像描红的时候一样。 后面有专门的讲解。 5、基础HTML页面设置 从编辑－＞网页首选参数可以调出。 根据CSS的设置要比基于传统设置的选项要多很多。 第三部分 文本与列表控制 1、网页标题修改的多种途径 随便修改就行　 2、正文标题文字格式的设置 属性，页面属性 3、文字大小颜色与对齐 下面的属性设置区可以随便设置 4、常见问题，文本中输入空格 以前的版本好象很不容易，现在好象没有什么问题 文字空格 5、段落切换与强行换行 回车　或　shift+回车 6、块引用 ：相当于缩进 这些文本工具都不错，但是用起来还是要自己多试试，可能与自己在word中的经验有所不同，最好是用拆分的视图进行实验，可以对其格式有更深的认识。 7、从外部导入文本内容 可以直接贴过来，或是带格式 也可以导入文档，倒入时可以选择格式 8、清理冗余代码 Word可以输入HTML文档，但是里面会有好多冗余信息。 其实其它HTML文档可能也不太精简，需要进行清理工作。 9、列表与排序 标签编辑器是很好的工具 10、插入排版水平线 插入︱HTML ︱水平线 　　 属性　　标签 这些内容综合使用就可以了 例如：将【页面字体】设定为宋体，【大小】设定为16像素，【文本颜色】设定为蓝色，将【左边距】和【右边距】都设定为20像素，【上边距】和【下边距】都设定为0像素。 * * Dreamweaver CS3是美国Macromedia公司出品的一款网页编辑工具。它集网页制作和网站管理于一身，是专门为网页设计者开发的可视化网页编辑工具，可用于创建静态和动态网站页面，同时有网站管理和FTP等辅助功能。利用该软件设计的网页可以跨平台和浏览器限制，使得它成为目前最受欢迎的工具软件之一。 1.1　软件介绍 标题栏 菜单栏 插入栏 工具栏 面板组 文档名 状态栏 属性面板 网页编辑区 可以直接在下面的区域