html相关课件.ppt

启动Dreamweaver CS3 选择[开始] ?[所有程序] ?[Macromedia] ?[Macromedia Dreamweaver CS3菜单命令 新建空白HTML网页 选择[文件] ?[新建]菜单命令，打开“新建文档”对话框，在“分类”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮。 保存网页文档 选择[文件]?[保存]菜单命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮。 预览网页效果 选择[文件]? [在浏览器中预览]? [IExplore 6.0]菜单 命令在IE浏览器中 预览网页文档的效 果。 退出Dreamweaver CS3 单击Dreamweaver CS3窗口右上角的“关闭”按钮。 单击Dreamweaver CS3窗口左上角的图标，在弹出的下拉菜单中选择“关闭”命令。 在Dreamweaver CS3窗口中选择[文件]?[退出]菜单命令。 在当前窗口为Dreamweaver CS3工作界面时，按【Alt+F4】键退出Dreamweaver CS3 。 Dreamweaver CS3工作界面介绍 插入栏 文档工具栏 文档编辑区 网页标签 扩展按钮 浮动面板组 属性面板 标签选择器 水平标尺和垂直标尺 作业 学习网站设计的基本知识结构是怎样的？ 你在校期间期望自己主要发展方向是什么？ 你对本课程教师的教学有什么要求？有什么建议？ * 讲解要点： 引入话题：如果一个城市的天气气候每天一成不变，都是夏天或冬天，这样好吗？ 引导：学生可能会说四季如春，当然好啊，引导：天气气候应该动态变化，“四季分明”， 这才适合自然界生物的生长，我们的网页也是如此，样式不能一成不变，应给人一种鲜活的动态感受，吸引浏览者。 1.使用DHTML的目的是实现动态网页，使网页产生一些动态效果， 演示动态效果：参见TG6-Source文件夹中“超链接变色”和“超链接背景切换” 用例 1）超链接变色：鼠标移过去超链接会变色。 2 )超链接背景切换：上机我们将做此练习，鼠标移过去，背景切换。 2.DHTML包括三部分内容： HTML、层叠样式表、脚本语言 按类型分类 4 门户型 该类站点类似内容型，但又不同于内容型，因其站上的内容特别丰富，内容比较综合，一般内容型网站内容比较集中于某一专业，或自己的领域，或自己的公司，工作室等小范围的内容，而门户型一般来说除了表现更为丰富的内容外，通常更加注重网站与用户之间的交流．例如一般门户型网站也会提供信息的发布平台，与用户的交流平台等． 门户型 门户型 网页中的常用术语 万维网（www） 浏览器 统一资源定位符（URL） 文件传输协议（FTP） IP地址 域名 超级链接 超级文本标记语言（HTML） 万维网（www） 万维网（www）是World Wide Web的中文简称，也称为3W网，它的本质是一种基于超级文本技术的交互式信息浏览检索工具，是Internet提供的应用最普及、功能最丰富、使用方法最简便的信息服务，用户可通过它在Internet上浏览、编辑、传递超文本格式的文件（即.html格式文件）。 Internet 和万维网 全球范围内网络的网络 Internet 的一部分 由包含各种信息的文档组成 浏览器 浏览器是用于阅读网页中信息的一种软件工具，就像使用电脑必须有操作系统一样。 Internet Explorer（IE） Netscape Navigator（NE） 腾讯TT浏览器 客户机与服务器的区别 统一资源定位符（URL） URL（Uniform Resource Locator）主要是用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其他目标在Internet的位置和存取方式。 通信协议 主机名 所要访问的网页路径及名称 文件传输协议（FTP） FTP（File Transfer Protocol）是一种广泛使用的文件传输协议，是快速、高效和可靠的信息传输方法。 FTP是基于客户/服务器模型的TCP/IP的应用，所以只要在客户端和服务器之间建立了TCP/IP连接，无论两台电脑的位置远近、连接方式的异同以及使用的操作系统的异同，都能通过FTP协议进行文件的传输。 IP地址 IP地址用来标识连接到Internet上电脑的指定编号，每一个IP地址对应一台电脑，这与用