Dreamweaver网页制作教学课件.pptVIP

　　任务描述：本单元将通过一个个人网站的创建，学习网站从规划到建立的流程，自己动手，打造属于自己的站点。任务完成后如下图所示： Dreamweaver 8“文件”面板上的站点目录结构建立在本地计算机的相应位置，就本网站而言，站点是“D:\mysite”文件夹，其他文件和文件夹全部建立在“D:\mysite”文件夹中。 如果要删除站点中的文件或文件夹，可以在“文件”面板选中它后，用键盘上的Delete键实现。如果在“文件”面板删除了站点中的文件或文件夹，实际上是删除了硬盘中相应位置的文件和文件夹。但是如果删除站点，硬盘中相应位置的文件和文件夹并不会被删除。 在站点中对文件或文件夹的删除、复制、剪切、粘贴、重命名等操作，都可以通过单击鼠标右键在“编辑”选项中实现。注意命名网页文件时必须加上扩展名。 任务总结： 通过完成以上任务，学习了创建首页、设置页面属性、创建并管理站点目录。 任务四 创建网站目录结构 举一反三： 依据前面学习的知识与掌握的专业技能，新建一个站点，网站命名为“网页制作”，存放在“D:\dreamweaver”文件夹中，使用“文件”面板新建首页文件“index.html”和首页图像文件夹“images”，在“我的电脑”中查看相应目录的变化。 1．启发思路： 注意要把网页设为首页 2．分组完成任务。 任务四 创建网站目录结构 作业： 1．使用文件菜单新建ASP JavaScript类型的动态页，文件保存为D:/ practice 1-1.asp，使用属性面板修改网页标题为ASP网页。 2．新建站点pra1-7，使用文件面板创建一个网页文件，命名为practice1-2.html，选中该文件后使用 下拉菜单中的重命名选项，改名为newpage.html，同样使用 下拉菜单中的选项预览页面后删除该页面。 任务四 创建网站目录结构 任务五 使用代码创建网页 任务分析：网页是用HTML（超文本标识语言）记述的，HTML是一种编写网页的基础语言，是英文HyperText Markup Language 的缩写，中文意思是“超文本标识语言”。HTML文件也可以说是一个文本文件，它包含了一些HTML标签、文本、脚本等，而且可以使用记事本等多种文本编辑软件进行编写。 任务描述：使用HTML语言创建一个空白页面。 第一单元 创建个人网站 html head …… /head body …… /body /html 打开记事本输入下列代码并保存，文件名example.html，最后双击运行。 任务五 使用代码创建网页 自己动手 1．使用“记事本”创建一个空白网页文件 其中各Html标签的功能是什么？ 2．使用Dreamweaver 8“代码”视图创建一个空白网页文件 运行Dreamweaver 8，使用起始页新建一个空白页面，在“文档”工具栏中选择“代码”视图，“文档”窗口将显示如下图代码，其中包含文档类型的说明文字和页面的编码方式与标题。 任务五 使用代码创建网页 此代码会在新建空白网页时自动生成。 课堂讨论： 分组讨论使用代码创建网页和使用Dreamweaver 8创建网页各有什么优缺点。 任务五 使用代码创建网页 举一反三： 依据前面学习的知识与掌握的专业技能，使用word 2003新建一个空白文档，保存时选择文件类型为“网页（*.htm；*.html）”命名为“wordpage.html”，保存在D盘根目录下，完成后使用Dreamweaver 8打开该页面，在“代码”视图下查看其自动生成的HTML代码。 1．启发思路： 网页是由HTML语言编写的，保存为扩展名为Html或Htm的文本文件。任何一个文本编辑软件都可以编写。分组讨论有哪些文本编辑软件，引出Word。回忆如何使用Word创建文件。 2．分组完成任务。 任务五 使用代码创建网页 作业： 1．使用Dreamweaver 8新建一个空白文档，将“文档”窗口切换到“拆分”视图，查看“文档”面板的状态。 2．meta标签是head标签内部包含的一个功能标签，使用网络查找该标签的各种属性及其作。 任务五 使用代码创建网页 　　相关知识： 1．常见的网页主题有：个人站点、企业宣传、软件下载、求职招聘、专