第9章企业网站.ppt

第9章 企业网站;9.1背景概述;1.信息发布型网站;2.网上销售型网站;9.2实例分析;9.2.1.色彩分析;9.2.2.布局分析 ;;3.使用Photoshop软件设计版面效果;9.3.1.规划整体版面;;;9.3.2.设计头部区域;;9.3.3.设计导航区域;9.3.4.设计内容区域;;;9.3.5.设计尾部区域;9.3.6.切割网页图像;;; 9．4 使用Dreamweaver软件制作HTML页面;使用PS软件切割图像并存为Web所用格式的index_cut.html文件，以及页面属性的设置，具体设置步骤如下。 打开Dreamweaver软件，执行【站点】|【新建命令】，新建一个名为“company”的站点，如图9-70所示。 打开index_cut.html文件，如图9-71所示。选中表格将其设置为居中对其，然后按快捷键【Ctrl+j】设置其页面属性，如图9-72和图9-73所示，完成后如图9-74所示。 编辑图片显示方式。选中中间的图片，在【属性】面板中复制其路径，如图9-75所示，然后将图片删除；将光标至于单元格内，把复制的地址黏贴到【背景】???本框内，如图9-76所示，同时还须将单元格的宽度设置为图片的宽度。 使用同样的方法，继续编辑除边框外的其他图片，然后将文档另存为index.html文件。如图9-77所示。;9.4.2制作头部区域和导航区域;;9.4.3制作