《网页设计与制作》综合实训指导书VIP专享

《网页设计与制作》综合实训指导书网站开发的参考案例1.1 规划网站1．策划网站主题 我们网站是德阳嘉兴别墅设计公司．公司遵循“奉献精湛技艺、铸造温馨家园、炼就英雄团队、创建百年老店”的发展理念，坚持“客户至上、重信守约、质优价平、热忱服务”的经营宗旨，追求“简约明快、美观时尚、突出个性、实用环保”的装饰风格，以新颖时尚的设计、规范精致的施工和热情人性的服务，为业主构筑温馨、舒适、精美、典雅的家园。2．确定网站风格确定好站点主题后，根据该主题选择站点的风格。所以本案例所建立的网站是别墅设计类网站。本网站的主要特点如下：（1）设计风格要大众化，为了提高浏览速度，尽量减少图片的使用，更多地使用表格或层实现效果。（2）背景颜色以淡绿色为主、白色为辅，文字颜色以绿色为主、黑色和淡绿色为辅。（3）文字内容丰富、知识性强，标题简洁明了，字体一般采用宋体，大小一般为 12像素。3．构思网站栏目结构先在纸上绘制网站的栏目结构草图，经过反复推敲，最后确定完整的栏目和内容的层次结构。本案例的“别墅设计网”的栏目结构如表 17-1 所示。表 17-1 “别墅设计网”的栏目结构一级栏目二级栏目三级栏目及内容页面首页index.html设计风格：sjfg.htmlwyjch_xx_xx.html经典案例：jdal.htmlwyjq_xx_xx.html作品展示：zpzs.htmlwytx_xx_xx.html公司简介：gsjj.htmlwysc_xx_xx.html为了简化对网站的浏览过程，大部分网页通过二级栏目就能浏览内容页面，首页的主菜单包括 4 个菜单项：设计风格，经典案例，作品展示，公司简介。4．规划网站目录结构和链接结构根据网站策划确定的栏目结构，创建站点目录，一个网站的目录结构要求层次清晰、井然有序，首页、栏目页、内容页区分明确，有利于日后的修改。“别墅设计网”的目录结构，各文件夹的所存放文件类型如表 17-3 所示。表 17-3 网站的目录结构及其存放的文件类型文件夹名称存放的文件类型cssCSS 样式文件。flash 动画文件、视频文件。image图像文件、照片。text文字素材。webpage_1一级页面文件，该文件夹又有多个子文件夹，例如 webpage_1_01。webpage_2二级页面文件，该文件夹又有多个子文件夹，例如 webpage_2_01。index.html主页网站的链接结构与目录结构不同，网站的目录结构指站点的文件存放结构，一般只有设计人员可以直接看到，而网站的链接结构指网站通过页面之间的联系表现的结构，浏览者浏览网站能够观察到这种结构。本网站的链接结构采...