网页制作工具教材课程.ppt

网页制作工具;课程介绍第1章 网络基础 第2章 网页制作概述 第3章 使用Dreamweaver创建简单网页 第4章 Dreamweaver高级应用 第5章 使用Fireworks 第6章 使用Flash;教材各章后面的“进一步阅读”和“习题”请自习 课程成绩主要参考设计制作的作品 重视平时的课堂和实验表现 欣赏学生作品《佛教文化》;第1章 网络基础;1.1 概述;计算机网络的发展;计算机网络的发展;网络的分类;网络的分类;网络的分类;网络的分类;Internet与Intranet;Internet的服务类型;1.2 网络传输协议;ISO/OSI参考模型;;ISO/OSI参考模型;;ISO/OSI参考模型;ISO/OSI参考模型;TCP/IP模型;;TCP/IP模型;TCP/IP模型;TCP/IP模型;TCP/IP模型;IP地址和域名;IP地址和域名;IP地址和域名;A B C D 保留;IP地址和域名;IP地址和域名;IP地址和域名;IP地址和域名;IP地址和域名;IP地址和域名;IP地址和域名;IP地址和域名;IP地址和域名;IP地址和域名;1.3 网页语言介绍;HTML语言;HTML语言;HTML语言;HTML语言;;HTML HEAD TITLE HTML示例 /TITLE META http-equiv = “Refresh” content = “30; URL = biaoti.htm” /HEAD BODY background = “background.jpg” lt; Tom amp; Jerry gt; is a popular VCD program. P 第一段, 以下是默认水平线: HR P 第二段，用 lt; BRgt; 标记符控制断行 BR 仍然为第二段，但此行已经断开 P 第三段，以下是粗为5像素的实心水平线: HR size = “5” noshade P 第四段, 多个lt; BRgt; 标记符可以产生多个空行效果 BR BR BR BR P 此为最后一段 /BODY/HTML;标题标记符 在HTML标记符中，最基本、最常用的标记符是标题标记符 TITLE 和 /TITLE ，用于定义网页的标题。网页标题可被浏览器用作书签和收藏清单。当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示 另一个常用的标记符是META，用于说明与Web页有关的信息。例如说明文件创作工具、文件作者等信息META标记符的常用属性包括：name、http-equiv以及content。其中，name属性给出特性名，而content属性给出特性值，http-equiv属性指定HTTP响应名称，通常用于替换name属性，HTTP服务器使用该属性值为HTTP响应消息头收集信息;例如：META http-equiv = “Content-Script-Type” content = “text/javascript” , 编写客户端程序的语言是JavaScript META标记符的一个常用功能是设置自动转址功能，使浏览器自动从一个地址跳转到另一个地址;正文标记符 正文标记符 BODY 和 /BODY 包含Web页的具体内容，包括文字、图形、超链接以及其他各种HTML对象 如果没有其他标记符修饰，正文标记符中的文字将以无格式的形式显示 (浏览器窗口显示不下则自动换行) 在 BODY 标记符中使用bgcolor属性可以为网页设置背景颜色。例如，想为网页设置黑色背景，可使用HTML语句： BODY bgcolor = “black”在指定背景颜色时，有16种标准颜色可供选择;网页设计者也可选择特定图案作为页面的背景，这时，可使用BODY标记符的background属性。HTML语句： BODY background = “网页背景图案的地址”使用背景图案时，如果图案小于浏览器窗口的大小，则浏览器会自动像铺地板砖一样平铺背景图案;显示特殊字符 如果要在网页中显示某些特殊字符，例如：“”、“”等与HTML语法冲突的符号 (“”号是HTML标记符) ，或者“×”、“∑”、“±”等无法直接用键盘输入的符号，则需使用参考字符来表示，不能直接输入 参考字符以“”号开始，以“;”结束，既可以使用数字代码，也可以使用代码名称 最常见的参考字符是： “”表示为lt; “”表示为gt; “”表示为amp; 空格表示为nbsp; ;例如，要在Web页中显示内容“T