资源预览内容
第1页 / 共21页
第2页 / 共21页
第3页 / 共21页
第4页 / 共21页
第5页 / 共21页
第6页 / 共21页
第7页 / 共21页
第8页 / 共21页
第9页 / 共21页
第10页 / 共21页
亲,该文档总共21页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
网站建设实例,本章目标,熟悉网站设计的基本思路完成一个具体的网站设计,一、设计思路,网站定位确定栏目确定目录结构确定链接结构形成整体风格,1、网站定位,1、网站类型: 网上求职 网上聊天 网上社区BBS 计算机技术 网页/网站开发 娱乐网站 旅行 参考、咨询 家庭教育 生活时尚 2、选择原则: 主题:小而精,自己擅长的内容; 题材:不要太滥。 目标:不要太高,名称要正,易记,特色 3、形象: logo : 代表的任务,专业性、的代表性东西,一般一 色彩:一般不超过3种用于主要颜色,其他只能点缀 字体:专业(粗仿宋)、设计精美(广告体)、随和(手写体) 宣传标语:,2、确定栏目,紧扣主题,将主题分类做为栏目设置最近更新、本站指南、双向交流栏目(BBS),下载专区、常见问题回答等栏目,3、确定目录结构,1、不要将所有文件都存在根目录。易造成管理婚礼2、按栏目内容及那里子目录,经常变在一个目录下3、在独立子目录下建立各中文件,级别不要超过3级4、不要中文目录,过长的结构,4、确定链接结构,树状结构:条例清晰,浏览效率低星型结构:链接过多,容易迷路混合结构:首页和一级页面用星状,其他用树状,形成风格,1、有价值的内容2、希望站点给人的印象3、加强上述印象,实 施,1、网站规划,a、网站结构b、颜色设计c、布局设计,a、网站结构(1),网站分析:电子商务网站,出售数码产品同类网站分析网站结构店铺介绍、网上商铺、客户服务帮助中心、发货查询喝红酒,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,产品分类: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禁止对齐)布局表格-布局,布局单元格编辑内容,注意布局单元格无法在内部绘制布局表格,如需要,需先嵌入一个表格在绘制,在实际制作的过程中最好使用布局表格,除非要输入内容的地方,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号