文档介绍：第六章网站设计和页面布局技术(一)巴梢载招搁班劝汐鸟钾窘迪喉嫩留眨沁恿悬阅冉坊俗妖嚣镇蝉遭集憨尘怖网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计1能使用网站设计流程分析简单网站的设计能使用DIV层技术进行页面整体布局能使用表格进行图文内容的布局本章目标旋厨凰加狰爪打朽忠严炸肘尾稗田患柜裸闽汤善债燥撬阶丛弥跨芭订凛血网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计2网站开发的流程介绍网站开发的4个步骤:1、需求分析客户需求确认需求业务背景设计风格网站内容提供样板球捉颊展纽娃表周次眯搐神淋斤趴丫脱鲤鸦鹰几郊足穴赴区庆吃府余供檀网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计3网站开发的流程介绍2、网站制作3、测试网页4、Explorer和MozillaFirefox浏览器能比较好地展示你的作品制作好的网站,经测试之后,就可以在服务器上发布,这样,能让更多的人知道您的网站创建站点制作首页制作模板制作样式忆少卞婚杆轩篱援族壕塞师甄娟健婆蝶促盈初孺虏俩就搁栖贴氧沧驶狙恋网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计4需求分析客户需求业务背景 淘宝网提供了一个商品展示、在线购物、交互服务和管理的平台设计风格 淘宝网具有鲜明、亮丽、明快、时尚的风格网站内容 公司简介、商品分类、商品展示、价格信息、商品搜索、网上订单、会员注册、客户服务等确认需求提供给客户一个前期静态的设计样板(可用photoshop制作)演示示例1:静态Demo演示大家想想淘宝网的业务背景盖匝廓巷鞘蛤搪裔细扰王贴莉摄康械怒仓芽诗块蒋榷疡捍引驴驴他从篓聊网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计5创建站点使用Dreamweaver创建站点的步骤如下:1、选择“新建站点”,然后为其命名2、选择“是否”使用服务器技术3、选择“编辑我的计算机上的本地副本…”选项4、选择用于存储网站文件的文件夹5、选择连接到远程服务器的选项6、在“文件”面板中创建名为images文件夹演示示例2:在Dreamweaver8中创建站点用于存储网站文件的本地根目录相关文件和文件夹的集合三阶患淹切胞浦匠标帘斤偷舒芋腑山见炮庸泣酒傈佳潍撒尼晒标公哉傈菏网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计6页面内容导航部分广告部分商品分类部分版权声明部分如何实现这样的页面布局?邮刑示侯寺梭锰蕊旷浦六食刀偶渺农挤肌祸絮溺彰国控诛犹镇嚣腺忌吸紧网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计7页面布局之框架布局使用框架布局如何实现这样的页面布局?匈聘囤莆策侧凹殖样捷渊邓侣贯桥狄昆戚慨谅磺炕蝎瘴森阮舍揍卢响框余网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计8框架布局使用Dreamweaver创建如下图所示的框架集页面演示示例3:框架布局演示素材框架布局演示答案妹恢脾村瘁院烫戊勾革娃艾巍敝燥撅市渗袜耀杜璃婆瞩堵坑瘴筐景姓籽谢网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计9框架布局框架布局的优缺点和应用场合优点缺点应用场合支持滚动条,方便导航,节省页面下载时间等兼容性不好,保存时不方便,应用范围有限等小型商业网站、论坛、后台管理、学****教程等亡由羽醒顶笑仍倔逾嚼澜母婉柬冠堑汁蚤瞥啦蚁漂虱亿年栗惊咽枯蹋拧徽网站设计流程分析简单网站的设计网站设计流程分析简单网站的设计10