网页制作第一单元素材.pptVIP

Dreamweaver网页制作;　　任务描述：本单元将通过一个个人网站的创建，学习网站从规划到建立的流程，自己动手，打造属于自己的站点。任务完成后如下图所示：;第一单元 创建个人网站;任务一 规划个人网站 ; 自己动手： 1．定位网站的主题和名称。 ; 3．选择网页制作软件; 任务总结： 通过完成以上任务，学习了个人网站的规划方法。; 举一反三： 1．通过互联网浏览网站，总结所浏览网站的主题类型，至少找出企业宣传、软件下载、求职招聘、专业论坛、流行时尚、互动聊天和在线销售类型的网站各一个，记录它们的网站名称填入表JYFS1-1中。; 2．相同主题类型的网站所包含的栏目不一定完全相同，搜索并浏览网络上的个人网站，看一看它们都包含哪些栏目并进行汇总。; 作业： 1．为自己设计一个个人网站，至少包含8个栏目，参照课本表1-1画出站点的目录结构。 ;任务二 创建站点; 自己动手： 1．启动软件Dreamweaver8 。 ; 任务总结： 通过完成以本任务，学习了软件的启动方法以及创建网站站点的流程。; 举一反三： 　　1．新建一个站点，名称为“pra1-1”，使用“高级”选项卡完成新建过程，保存位置为“D:\pra1-1”，其他参数保持默认即可。; 2．使用搜索引擎搜索并打开5个不同主题类型的网页，记录并分析它们的URL，将其URL中的协议类型、域名和目录结构等内容填入表JYFS1-2中。; 作业： 1．新建一个以自己姓名命名的个人站点，该站点使用“ASP JavaScript”服务器技术,暂不设置远程信息与测试服务器，站点保存在“D:\pra1-2”文件夹中。 ;任务三 管理站点; 自己动手： 1．导出站点。 ; 2．导入站点。 ; 3．复制删除与编辑站点。; 举一反三： 新建站点“pra1-5”，使用管理站点功能将其导出。将站点导出文件通过网络或移动存储设备拷贝到其他计算机中，使用管理站点功能将其导入。; 作业： 1．新建站点“pra1-3”，使用管理站点功能复制站点“pra1-3”，编辑复制的站点名称为“pra1-4”，之后删除站点“pra1-3??。 ;任务四 创建网站目录结构 ; 自己动手： 1．启动Dreamweaver，打开“幽幽我心的个人网站”。 2．使用文件面板（看不到文件面板怎么办？）创建网站首页： A.如下页图所示，在文件面板中，选择“幽幽我心的个人网站”右键单击，新建一个网页文件，命名为Index.html。 ;任务四 创建网站目录结构; 3．在文件面板双击打开首页文件、设置其页面属性 ; 如下图所示，在首页文件index.html的页面属性中，设置左边距和上边距为0像素。 ; 5．新建首页图像文件夹 ; 任务总结： 通过完成以上任务，学习了创建首页、设置页面属性、创建并管理站点目录。 ; 举一反三： 依据前面学习的知识与掌握的专业技能，新建一个站点，网站命名为“网页制作”，存放在“D:\dreamweaver”文件夹中，使用“文件”面板新建首页文件“index.html”和首页图像文件夹“images”，在“我的电脑”中查看相应目录的变化。 ; 作业： 1．使用文件菜单新建ASP JavaScript类型的动态页，文件保存为D:/ practice 1-1.asp，使用属性面板修改网页标题为ASP网页。 2．新建站点pra1-7，使用文件面板创建一个网页文件，命名为practice1-2.html，选中该文件后使用 下拉菜单中的重命名选项，改名为newpage.html，同样使用 下拉菜单中的选项预览页面后删除该页面。;任务五 使用代码创建网页;html head …… /head body …… /body /html; 2．使用Dreamweaver 8“代码”视图创建一个空白网页文件 ; 课堂讨论： 分组讨论使用代码创建网页和使用Dreamweaver 8创建网页各有什么优缺点。; 举一反三： 依据前面学习的知识与掌握的专业技能，使用word