《【山西新华电脑学校提供】网页设计之网站建设案例》由会员分享，可在线阅读，更多相关《【山西新华电脑学校提供】网页设计之网站建设案例（21页珍藏版）》请在金锄头文库上搜索。
1、网站建设实例,本章目标,熟悉网站设计的基本思路完成一个具体的网站设计,一、设计思路,网站定位确定栏目确定目录结构确定链接结构形成整体风格,1、网站定位,1、网站类型： 网上求职 网上聊天 网上社区BBS 计算机技术 网页/网站开发 娱乐网站 旅行 参考、咨询 家庭教育 生活时尚 2、选择原则： 主题：小而精，自己擅长的内容； 题材：不要太滥。 目标：不要太高，名称要正，易记，特色 3、形象： logo ： 代表的任务，专业性、的代表性东西，一般一 色彩：一般不超过3种用于主要颜色，其他只能点缀 字体：专业（粗仿宋）、设计精美（广告体）、随和（手写体） 宣传标语：,2、确定栏目,紧扣主题，将主题
2、分类做为栏目设置最近更新、本站指南、双向交流栏目（BBS），下载专区、常见问题回答等栏目,3、确定目录结构,1、不要将所有文件都存在根目录。易造成管理婚礼2、按栏目内容及那里子目录，经常变在一个目录下3、在独立子目录下建立各中文件，级别不要超过3级4、不要中文目录，过长的结构,4、确定链接结构,树状结构：条例清晰，浏览效率低星型结构：链接过多，容易迷路混合结构：首页和一级页面用星状，其他用树状,形成风格,1、有价值的内容2、希望站点给人的印象3、加强上述印象,实 施,1、网站规划,a、网站结构b、颜色设计c、布局设计,a、网站结构（1）,网站分析：电子商务网站，出售数码产品同类网站分析网站结构
3、店铺介绍、网上商铺、客户服务帮助中心、发货查询喝红酒,a、网站结构（2）,店铺介绍：店铺基本信息地理位置、店铺照片、老板承诺网上商铺：产品销售信息产品分类/产品索引/产品介绍客户服务：提供的服务帮助中心：购买和售后遇到的问题发货查询：发货的情况,B、颜色设计,愉快与高科技特性蓝色主色调代表科技，高对比度，使得颜色醒目240.72.62,C、布局,2、网页架构,a、站点B、布局C、元素制作D、css设置e、制作模版页,a、站点,b、布局（180，550）,765*105，居中对齐页头：730*105765*24导航：730*24765*280本站承诺： 180主广告区： 550,765*564，
4、产品分类：180，连续7个布局单元格主信息区：550，标语（19），主信息区765*75页脚：730*16730*43730*16,注：布局单元格应距离布局表格一定距离定并接要及时修改注释,C、元素制作,1、banner2、导航条：730*243、背景修饰：16*4、本店承诺区背景,d、 css设置,首选项：css而不是标签（定义样式时自动生成css）具体样式：Body：方框上边界为0Td：字号12标题：字号12颜色：文字白色列表：边框下边框实线1像素，黑色,e、制作模版页,添加内容,3、页面制作,1、首页（布局时，alt禁止对齐）布局表格-布局，布局单元格编辑内容，注意布局单元格无法在内部绘制布局表格，如需要，需先嵌入一个表格在绘制，在实际制作的过程中最好使用布局表格，除非要输入内容的地方,
