网站建设与网页制作电子教案姚翠友 14 第十四章.pptVIP

网站建设与网页设计 第十四章 网站制作综合实例 说明：本章节中的具体操作步骤参见书籍的对应章节。 第十四章 网站制作综合实例 14.1制作分析 14.2 网页设计 14.3 建立本地站点 14.2 网页制作 14.1 制作分析 网站制作前，要进行细致分析网站制作的目的、针对人群、网站风格、网站内容等。“校园风光”网站在制作前有如下分析。 网站名称：校园风光。 网站目的：在网络上传播国内著名高校的自然风光和人文气息，感受高校教育之外的美丽。 网站用户定位：一般的网络用户。使用平台为Windows操作系统；浏览器支持IE（包括以IE为核心的浏览器）、Firefox、Chrome；屏幕分辨率为1024*768，兼顾1280*800。 网站风格：设计风格尽量简明，页面使用CSS布局方式。 网站内容：精选国内著名高校的自然风光，包括10大省市。 14.1.1 网站分析 14.1 制作分析 网站开始实际制作前，最好对网站的文件目录规划好，这样可使制作过程清晰，素材保存规范，方便开发以及之后的网站维护。 根据实际情况，“校园风光”网站的文件目录结构图如右图所示。其中白色文本框中的内容表示文件夹，灰色文本框中的内容表示站点中需要制作的网页。 14.1.2 网站规划 14.2 网页设计 网页设计的工作主要包括：设置页面布局；设计导航方式；设计颜色方案；设计网页元素；设