资料中包含下列文件，点击文件名可预览资料内容
还剩14页未读，
继续阅读
所属成套资源：人教版信息技术六年级上册课件PPT+教案整册
成套系列资料，整套一键下载
小学信息技术人教版六年级上册第1课 网页制作初体验教课ppt课件
展开
这是一份小学信息技术人教版六年级上册第1课 网页制作初体验教课ppt课件，文件包含网页制作初体验ppt、网页制作初体验doc等2份课件配套教学资源，其中PPT共22页， 欢迎下载使用。
学习网页设计，首先需要了解网页这一概念。在此之前，需要先了解与网页相关的历史。
在20世纪70年代，互联网初露荷角。直到80年代，对其还在不断的研究中。到了90年代，商业运作的介入，改变了互联网的状况。互联网进入飞速发展时期。它的成长几乎是指数式的增长。直到现在，互联网发展依然是高速进行，人类社会生活因此也发生了翻天覆地的变化。根据中国互联网络信息中心（China Internet Netwrk Infrmatin Center，CNNIC）发布的《第十八次中国互联网络发展状况统计报告》显示，截止到2006年6月30日，我国网民人数已达到1.23亿，比同期增长0.12亿。
1.1.2 WWW（万维网）
WWW即Wrld Wide Web的简称，也称万维网，它是由分布在互联网上的成千上万个网页组成的网络信息系统。它为用户提供各种各样的信息和网络服务，是互联网中有着重大意义的产品。它的出现是互联网发展过程中的一个里程碑。据英国Netcraft公司的统计，截止2006年11月，全球互联网网站数量已达到100435253，超过了一个亿。平均增长速度几乎是每两年翻一番。
1.1.3 什么是网页
WWW服务是通过网页形式的链接向用户提供信息。网页又通过超链接连接到其他资源。网页中包含文本、图像、声音和视频等多种形式的资源，因此也叫超媒体。用户可以通过浏览器把信息显示出来。所以，网页是通过许多规则把超媒体组织在一起的超文本文件，浏览器按照网页中的规则解释出来，然后把各种超文本元素显示在页面上。HTML语言是其中一种规则集，接下来讲解什么是HTML。
1.2 HTML惊鸿一瞥
1.2.1 创建HTML网页
创建HTML网页是一件很容易的事。把HTML标签写在记事本里，然后保存扩展名为.html或.htm文件。
【另存为】对话框 网页效果
1.2.2 HTML结构
通过上面的实例，读者会发现编写一个HTML网页如此简单。但是网页中的源码告诉浏览器如何进行显示，HTML结构又是怎样的呢？一般HTML网页是以标签开始，以结束。…之间是网页头部，用来描述网页的相关内容，如网页标题、网页语言和网页内容简述等。
1.3 认识Dreamweaver
Dreamweaver是Adbe公司开发的一款可视化网页设计和网站管理软件。可视化编辑功能可以快速制作出精彩的网页，而不需要编写任何代码。而且，它能与其他图形编辑软件紧密结合，协同处理编辑图片，使用起来非常方便。同时，它还支持代码编辑环境，如颜色代码、自动补全和代码折叠等，更方便地进行代码编写，支持最新的CSS可视化布局。
1.3.1 常用功能
经过Adbe公司不断地更新，目前最新的Dreamweaver是CS3版。下面介绍一下它的常用功能。
代码折叠 新CSS面板
代码提示。在编辑代码时，出现代码提示，用户可以选择需要的代码。这方便了代码的输入、提高了代码编辑的速度和网页开发的效率。 Spry工具。通过Dreamweaver CS3提供的Spry工具，可以快速创建符合Ajax（Asynchrnus JavaScript + XML）的网页，极大地提高了设计效率。
代码提示 Spry工具栏
1.3.2 操作界面
Dreamweaver CS3有着强大的功能，它的操作界面集成了各功能的操作元素，功能面板浮动于应用程序的窗口内，可以非常方便进行网页或网站编辑。它的简洁性和灵活性极大地提高了工作效率。这也是选择Dreamweaver CS3的重要原因。在Windws操作系统下，Dreamweaver CS3的操作界面像其他标准界面一样，包含有除了标准界面的元素，同时还有特有的操作界面元素，
Dreamweaver CS3的操作界面是由标题栏、菜单栏、工具栏、状态栏、编辑栏，以及常用的浮动面板组等组成，这些界面排放合理，为用户提供了极大的方便。接下来详细地对各种常用面板进行介绍，具体如下。1．标题栏2．菜单栏3．插入栏4．文档窗口 5．状态栏 6．【属性】面板7．【时间轴】面板 8．CSS面板 9．【文件】面板10．【标签】面板 11．【应用程序】面板
1.4 创建站点与页面
Dreamweaver CS3除了具有强大灵活的页面编辑功能，还具有先进而简捷的站点管理功能。网页是网站的组成部分，很少会单独存在，几乎所有的网页设计都是在网站的范围内进行的。
1.4.1 创建站点
Dreamweaver CS3拥有优秀的站点管理功能。此功能使网页设计工作更轻松合理。用户可以更合理地规划网页设计素材，并把网站的各个网页有条理地组织起来，融合成一个整体。创建站点的具体步骤如下：
单击【站点】|【新建站点】命令，弹出【编辑文件】对话框 。单击【下一步】按钮，弹出【编辑文件，第2部分】 。
【编辑文件】对话框 【编辑文件，第2部分】对话框
选择【否，我不想使用服务器技术】单选按钮，然后单击【下一步】按钮，弹出【编辑文件，第3部分】对话框。在【您如何连接到远程服务器】下拉列表框中，选择【无】选项，然后单击【下一步】按钮，弹出【总结】对话框，
【编辑文件，第3部分】对话框 【总结】对话框
1.4.2 创建页面
在Dreamweaver CS3中创建页面同其他应用程序一样简单，并且还提供了更多更方便的方式。主要有两种方式：一种是在菜单命令中创建，另一种是在Dreamweaver开启时出现在应用程序中的对话框中创建，其实两种方式都是一样的，第二种方式在开启应用程序时更快捷。
新创建的文档有多种类型，包含空白内容文档、空白模板文档和基于范例文档。在创建时根据需要进行选择。下面依次介绍各种文档的创建方法。创建空白内容文档的具体步骤如下：
学习网页设计，首先需要了解网页这一概念。在此之前，需要先了解与网页相关的历史。
在20世纪70年代，互联网初露荷角。直到80年代，对其还在不断的研究中。到了90年代，商业运作的介入，改变了互联网的状况。互联网进入飞速发展时期。它的成长几乎是指数式的增长。直到现在，互联网发展依然是高速进行，人类社会生活因此也发生了翻天覆地的变化。根据中国互联网络信息中心（China Internet Netwrk Infrmatin Center，CNNIC）发布的《第十八次中国互联网络发展状况统计报告》显示，截止到2006年6月30日，我国网民人数已达到1.23亿，比同期增长0.12亿。
1.1.2 WWW（万维网）
WWW即Wrld Wide Web的简称，也称万维网，它是由分布在互联网上的成千上万个网页组成的网络信息系统。它为用户提供各种各样的信息和网络服务，是互联网中有着重大意义的产品。它的出现是互联网发展过程中的一个里程碑。据英国Netcraft公司的统计，截止2006年11月，全球互联网网站数量已达到100435253，超过了一个亿。平均增长速度几乎是每两年翻一番。
1.1.3 什么是网页
WWW服务是通过网页形式的链接向用户提供信息。网页又通过超链接连接到其他资源。网页中包含文本、图像、声音和视频等多种形式的资源，因此也叫超媒体。用户可以通过浏览器把信息显示出来。所以，网页是通过许多规则把超媒体组织在一起的超文本文件，浏览器按照网页中的规则解释出来，然后把各种超文本元素显示在页面上。HTML语言是其中一种规则集，接下来讲解什么是HTML。
1.2 HTML惊鸿一瞥
1.2.1 创建HTML网页
创建HTML网页是一件很容易的事。把HTML标签写在记事本里，然后保存扩展名为.html或.htm文件。
【另存为】对话框 网页效果
1.2.2 HTML结构
通过上面的实例，读者会发现编写一个HTML网页如此简单。但是网页中的源码告诉浏览器如何进行显示，HTML结构又是怎样的呢？一般HTML网页是以标签开始，以结束。…之间是网页头部，用来描述网页的相关内容，如网页标题、网页语言和网页内容简述等。
1.3 认识Dreamweaver
Dreamweaver是Adbe公司开发的一款可视化网页设计和网站管理软件。可视化编辑功能可以快速制作出精彩的网页，而不需要编写任何代码。而且，它能与其他图形编辑软件紧密结合，协同处理编辑图片，使用起来非常方便。同时，它还支持代码编辑环境，如颜色代码、自动补全和代码折叠等，更方便地进行代码编写，支持最新的CSS可视化布局。
1.3.1 常用功能
经过Adbe公司不断地更新，目前最新的Dreamweaver是CS3版。下面介绍一下它的常用功能。
代码折叠 新CSS面板
代码提示。在编辑代码时，出现代码提示，用户可以选择需要的代码。这方便了代码的输入、提高了代码编辑的速度和网页开发的效率。 Spry工具。通过Dreamweaver CS3提供的Spry工具，可以快速创建符合Ajax（Asynchrnus JavaScript + XML）的网页，极大地提高了设计效率。
代码提示 Spry工具栏
1.3.2 操作界面
Dreamweaver CS3有着强大的功能，它的操作界面集成了各功能的操作元素，功能面板浮动于应用程序的窗口内，可以非常方便进行网页或网站编辑。它的简洁性和灵活性极大地提高了工作效率。这也是选择Dreamweaver CS3的重要原因。在Windws操作系统下，Dreamweaver CS3的操作界面像其他标准界面一样，包含有除了标准界面的元素，同时还有特有的操作界面元素，
Dreamweaver CS3的操作界面是由标题栏、菜单栏、工具栏、状态栏、编辑栏，以及常用的浮动面板组等组成，这些界面排放合理，为用户提供了极大的方便。接下来详细地对各种常用面板进行介绍，具体如下。1．标题栏2．菜单栏3．插入栏4．文档窗口 5．状态栏 6．【属性】面板7．【时间轴】面板 8．CSS面板 9．【文件】面板10．【标签】面板 11．【应用程序】面板
1.4 创建站点与页面
Dreamweaver CS3除了具有强大灵活的页面编辑功能，还具有先进而简捷的站点管理功能。网页是网站的组成部分，很少会单独存在，几乎所有的网页设计都是在网站的范围内进行的。
1.4.1 创建站点
Dreamweaver CS3拥有优秀的站点管理功能。此功能使网页设计工作更轻松合理。用户可以更合理地规划网页设计素材，并把网站的各个网页有条理地组织起来，融合成一个整体。创建站点的具体步骤如下：
单击【站点】|【新建站点】命令，弹出【编辑文件】对话框 。单击【下一步】按钮，弹出【编辑文件，第2部分】 。
【编辑文件】对话框 【编辑文件，第2部分】对话框
选择【否，我不想使用服务器技术】单选按钮，然后单击【下一步】按钮，弹出【编辑文件，第3部分】对话框。在【您如何连接到远程服务器】下拉列表框中，选择【无】选项，然后单击【下一步】按钮，弹出【总结】对话框，
【编辑文件，第3部分】对话框 【总结】对话框
1.4.2 创建页面
在Dreamweaver CS3中创建页面同其他应用程序一样简单，并且还提供了更多更方便的方式。主要有两种方式：一种是在菜单命令中创建，另一种是在Dreamweaver开启时出现在应用程序中的对话框中创建，其实两种方式都是一样的，第二种方式在开启应用程序时更快捷。
新创建的文档有多种类型，包含空白内容文档、空白模板文档和基于范例文档。在创建时根据需要进行选择。下面依次介绍各种文档的创建方法。创建空白内容文档的具体步骤如下：
相关课件
小学信息技术人教版六年级上册第1课 网页制作初体验优秀课件ppt： 这是一份小学信息技术人教版六年级上册第1课 网页制作初体验优秀课件ppt，共7页。PPT课件主要包含了用自选图形编排文字，保存网页，思考与练习等内容，欢迎下载使用。
小学信息技术人教版六年级上册第1课 网页制作初体验集体备课课件ppt： 这是一份小学信息技术人教版六年级上册第1课 网页制作初体验集体备课课件ppt，文件包含人教三起小学信息六上第1课网页制作初体验pptx、人教三起小学信息六上第1课网页制作初体验doc等2份课件配套教学资源，其中PPT共7页， 欢迎下载使用。
桂科版六年级上册任务一 认识网页制作软件优秀ppt课件： 这是一份桂科版六年级上册任务一 认识网页制作软件优秀ppt课件，文件包含桂科版6上信息技术21认识网页制作软件课件ppt、桂科版6上信息技术21认识网页制作软件教案doc等2份课件配套教学资源，其中PPT共13页， 欢迎下载使用。
