HTML网页设计 教学课件 作者 翁高飞、王鹏chapter8.pptx

《HTML网页设计 教学课件 作者 翁高飞、王鹏chapter8.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS布局应用实例解析LearningHTML&CSS第七章目标了解网站开发流程掌握如何使用DIV和CSS布局综合案例步骤一：目标需求分析在接到项目后首先需要开项目开发讨论会，讨论网站的栏目，开发方向，文字内容和图片等等,项目大概工作量和所需的时间，写成项目计划书给客户看。网站开发网站开发流程步骤二：网页制作1.网站定位例：购物网站（网站类型，如公司网站、个人网站、电子商务网站等）步骤二：网页制作2.网站框架导航程序员和设计师具体讨论网站整体制作包括网站栏目、结构层次、连接内容。首页中的各功能按钮、内容要点、友情连接等都要体现出来，一定要切题，并突出重点步骤二：网页制作3

2、.网站LOGO制作既要体现网站的特色，又要有创意，能吸引客户，给客户留下深刻的印象以下举例步骤二：网页制作4.网站内容采集采集内容必须与标题相符，在采集内容的过程中，应注重特色。主页中的特色应该突出自己的个性，并把内容按类别进行分类，让人一目了然。栏目不要设置太多，最好不要超过10个，层次上最好少于5层要灵活运用表格、层、帧、CSS样式表设置网页的版面步骤二：网页制作5.网站排版步骤二：网页制作6.网站标准色彩设置例：婚恋网站主色为红色步骤三网站测试1.本地服务器测试2.网络服务器测试FTP上传至服务器3.网站备案步骤四：正式上线制作网上购物网站分析架构本例的网上商店主要

3、以出售鲜花为主，这种类型网站的特点就是绚丽，让人感觉琳琅满目而又美丽大方。结合花店的主题，因此采用粉红色为主色调。又考虑到鲜花的各式各样，因此站点还包含鲜花导购等小知识。排版架构-页面框架#banner#globallink#left#main排版架构-#left块与#main块的框架#left#login（登陆）#category（鲜花分类）#mainlatest（本站快讯）#recommend（鲜花推荐）#new（新品上市）#tips（鲜花导购）模块分析总结CSS排版要求设计者首先对页面有一个整体的框架规划，包括整个页面分为哪些模块，各个模块之间的父子关系等等。整理好

4、页面的框架后便可以利用CSS对各个块进行定位，实现对页面的整体规划，然后再往各个模块中添加内容。