《山西新华电脑学校提供网页设计之网站建设案例》由会员分享,可在线阅读,更多相关《山西新华电脑学校提供网页设计之网站建设案例(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.62C、布局2、网页架构 a、站点 B、布局 C、元素制作 D、css设置 e、制作模版页a、站点b、布局(180,550)765*105,居中对齐页头:730*105 765*24导航:730*24 765*280本站承诺: 180主广告区: 5507
4、65*564,产品分类:180,连续 7个布局单元格主信息区:550,标语 (19),主信息区 765*75页脚:730*16730*43730*16注:布局单元格应距离布局表格一定距离定并接要及时修改注释C、元素制作 1、banner 2、导航条:730*24 3、背景修饰:16* 4、本店承诺区背景d、 css设置 首选项:css而不是标签(定义样式时自动 生成css) 具体样式: Body:方框上边界为0 Td:字号12 标题:字号12 颜色:文字白色 列表:边框下边框实线1像素,黑色e、制作模版页 添加内容3、页面制作 1、首页(布局时,alt禁止对齐) 布局表格-布局,布局单元格编辑内容, 注意布局单元格无法在内部绘制布局表格 ,如需要,需先嵌入一个表格在绘制,在 实际制作的过程中最好使用布局表格,除 非要输入内容的地方