,LOGO,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,LOGO,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,#,单击此处编辑母版标题样式,LOGO,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,#,单击此处编辑母版标题样式,第,11,章 网页制作,制作网站主页,任务描述,李,丹是美术专业的一名大二学生,学院最近举办网页作品制作大赛,李丹初步,学习过网页,制作课程,,想,参加大赛一试身手。但如何制作一个既美观又有特色的网站呢?李丹是美术,专业,的学生,页面美化方面没有问题,重要的是如何利用,Dreamweaver,对,网页进行布局、,对页面,元素进行插入与设置。,本章,任务,制作网站主页,利用Dreamweaver制作网站主页,结果如以下图:,3,任务,分解,4,整体,规划,,利用,表格对页面进行,布局,插入元素文本、图像和 Flash 动画,设置超链接,插入表单及表单元素,完成任务,1.Dreamweaver根底,2.文档的建立与保存,3.利用表格进行页面布局,4.插入文本,5.插入多媒体,6.插入链接,7.表单,6,1 Dreamweaver根底,“文档工具栏,主菜单,文档区,“插入 面板,面板组,“文件 面板,拆分,视图,“编码工具栏,“属性 面板,7,2 文档的创立与保存,新建,文件,新建,8,保存,2 文档的创立与保存,文件,保存,修改名称,如“index.html,3,利用表格进行页面布局,9,作用,组织数据方便显示,布局网页,建立表格,插入,表格,3,利用,表格进行页面布局,10,修饰表格,作用:美化表格外观,方法:设置属性面板,修饰单元格,作用:,美化单元格外观,方法:设置属性面板,11,11,4,插入文本,输入文本方法,直接输入,从文本素材粘贴,导,入已有的,Word,文档,文件,导入,Word,文档,12,设置文字格式,窗口,属性,4,插入文本,13,13,5,插入多媒体,插入图像,插入,图像,设置图像属性,14,14,5,插入多媒体,插入动画,插入,媒体,SWF,设置动画属性,15,15,6,插入链接,文字链接,图片链接,16,16,6,插入链接,图像,地图,17,17,7,表单,表单是存放表单对象的容器,用来限制表单对象的插入范围。常用表单对象包括文本域、单项选择按钮、菜单/列表、复选框、文件域、文本区域和按钮。,任务总结,本章通过网站主页制作的任务,讲述了Dreamweaver概述、表格及布局、文本、图像及链接的插入、表单的制作,要求学生了解Dreamweaver根底,掌握在页面中插入根本网页元素的方法,具备制作简单网页的能力。,实,训,实训,15,网页制作,-,制作网站主页,19,