第一单元Dreamweaver网页制作教学课件.pptVIP

任务总结： 通过完成以上任务，学习了创建首页、设置页面属性、创建并管理站点目录。 任务四 创建网站目录结构 举一反三： 依据前面学习的知识与掌握的专业技能，新建一个站点，网站命名为“网页制作”，存放在“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．常见的网页主题有：个人站点、企业宣传、软件下载、求职招聘、专业论坛、流行时尚、互动聊天和在线销售等。 2．对网站题材的选择，通常要注意以下两点： A.主题要简单明确。网站的内容要紧密地围绕主题， 它不可能包罗万象，也并不是把所有精彩的图像、动画、视频放在一起，就能做出好的网站，那样的结果往往会让你的网站没有特色，而且也要耗费很多的精力去维护。 B.尽量选择自己擅长或者喜欢的内容作为网站的题材。比如根据所学的专业，自己的爱好、特长等去分析选择网站题材。这样的题材做起来才会有兴趣，兴趣是制作网站的动力，有热情才能设计出优秀的作品。 任务一 规划个人网站 3．建立目录结构的一些建议： A.不要将所有文件都存放在根目录下，会造成文件管理混乱。 B.按栏目内容建立子目录。 C.在每个栏目目录下都建立