网页制作教程—项目3.pptVIP

项目3 制作咖啡馆网站 项目3 制作咖啡馆网站 【项目目标】 掌握设计网页布局的方法； 掌握设计网站首页的方法； 掌握设计网站子页的方法； 了解餐饮类网站分类及特点； 了解餐饮类网站设计风格。 任务1 进行咖啡馆网页布局 【任务说明】 本网站主要介绍爱尚咖啡馆的一些特色咖啡饮品，宣传品牌文化，展示咖啡店的风采。在网页布局时，应以方便用户进行信息浏览，能够快速直观地看到网站的内容及分类信息为目的。网页采用“匡”字型布局，布局效果如图3-4所示。 图3-4 网页布局 【任务分析】 本任务要完成网站的“匡”字型布局设计，具体被分解成以下2步： 插入与设置表格 编辑表格 第一步：插入与设置表格 利用表格进行网页布局设计，首先要使用Dreamweaver建立爱尚咖啡网站点，新建一个HTML空白文档，将文件保存在本站点目录下，命名为index.html，这也是网站的首页。接下来利用表格进行页面的布局。操作过程如下。 （1）将光标置于index.html网页文档第一行的最左端 ，单击菜单栏中的“插入”→“表格” 命令，如图3-5所示，打开“表格”对话框。）