水晶石技法CSS+DIV商业网站设计

章节摘录

版权页：   插图：    1.5 网站开发的流程 为了加快网站建设的速度和减少失误，通常采用一定的制作流程。网站建设需要策划、设计、制作、实现、维护等各方面人员协同配合完 成，好的制作流程能减少制作过程中的烦琐性。 1.5.1 需求分析 目标定位：做这个网站干什么？这个网站的主要职能是什么？网站的用户对象是谁？他们用网站干什么？ 用户分析：网站的主要用户特点是什么？他们需要什么？他们厌恶什么？如何针对他们的特点引导他们？如何做好用户服务？ 市场前景：网站如同一个企业，它需要能养活自己，那么网站的市场结合点在哪里？ 1.5.2 平台规划 内容策划：这个网站要经营哪些内容？其中分重点内容、主要内容和辅助性内容，这些内容在网站中具有各自的体现形式。内容划分好以后，就要进行文字策划（取名），把每个内容包装成栏目。 界面策划：结合网站的主题进行风格策划，如色彩（包括主色、辅色、突出色）和版式设计（包括全局、导航、核心区、内容区、广告区、版权区及版块设计）。 网站功能：主要是管理功能和用户功能。管理功能是我们通常说的后台管理，关键是做到管理方便且智能化。而用户功能就是用户可以进行的操作，这涉及交互设计，它是人和网站对话的接口。 1.5.3 项目开发 界画设计：根据界面策划的原则，对网站界面进行设计及完善。 程序设计：根据网站功能规划进行数据库设计和代码编写。 系统整合：将程序与界面相结合，并实施功能性调试。 1.5.4 测试验收 项目人员测试：项目经理、监察员及项目开发人员一同根据前期规划对项目进行测试和检验。 非项目人员测试：邀请非项目参与人员作为不同的用户角色对平台进行使用性测试。 公开测试：网站开通，并接受网友的使用测试。设立反馈信息平台，收集意见和建议信息，针对平台存在的不足进行思考和完善。

书籍目录

第1章 网页基础与网站开发流程 1.1 本书术语讲述 1.1.1 文本 1.1.2 图像 1.1.3 超链接 1.1.4 表格 1.1.5 表单 1.1.6 导航栏 1.1.7 动画 1.1.8 框架 1.1.9 其他 1.2 显示网页的主流浏览器 1.3 静态网页和动态网页的区别 1.4 网站重构 1.4.1 什么是网站重构 1.4.2 为什么要网站重构 1.5 网站开发的流程 1.5.1 需求分析 1.5.2 平台规划 1.5.3 项目开发 1.5.4 测试验收 1.6 Web标准 1.6.1 结构标准语言 1.6.2 表现标准语言 1.6.3 行为标准 1.7 CSS布局与table布局的区别 1.8 网页重构用到的技术 1.9 网页制作核心 1.9.1 DIV+CSS的组成元素 1.9.2 块级元素（Block element） 1.9.3 内联元素（Inline element） 1.9.4 常用块元素（Block element） 1.9.5 常用内联元素（Inline element） 1.9.6 DIV+CSS的盒子模型理论 1.9.7 外边距的叠加机理 1.9.8 CSS文档流 1.9.9 定位 1.10 本章总结 第2章 设计类企业项目解析（艾古互动网） 2.1 案例概述 2.1.1 项目背景分析 2.1.2 网站布局 2.2 项目目录安排 2.3 主容器搭建 2.4 头部制作 2.4.1 网站LOGO的布局 2.4.2 导航布局 2.4.3 服务内容布局 2.5 内容部分布局 2.5.1 互动体验专家与手形布局 2.5.2 新闻动态部分布局 2.5.3 成功案例滚动Banner布局 2.5.4 图标链接布局 2.5.5 解决方案Banner布局 2.6 尾部布局 2.6.1 Site map布局 2.6.2 网站地图部分布局 2.6.3 版权申明部分布局 2.6.4 友情链接部分布局 2.7 解决方案版块布局 2.7.1 头尾部分的延续布局 2.7.2 头部与内容部分间小导航的布局 2.7.3 解决方案内容的布局 2.7.4 链接图标的布局 2.8 网站建设版块布局 2.8.1 头尾部分的延续布局 2.8.2 Banner部分布局 2.8.3 服务流程部分布局 2.8.4 服务套餐部分布局 2.9 本章总结 第3章 摄影类项目解析（尚格视觉） 3.1 案例概述 3.1.1 项目背景分析 3.1.2 网站布局 3.2 项目目录安排 3.3 主容器搭建 3.4 头部制作 3.4.1 网站LOGO的布局 3.4.2 QQ服务内容布局 3.4.3 导航布局 3.5 Banner与音乐控件布局 3.5.1 主Banner与音乐控件布局 3.5.2 热点新闻部分布局 3.5.3 横向Banner布局 3.6 主内容部分布局 3.6.1 服务报价部分布局 3.6.2 小贴士部分布局 3.6.3 友情链接部分布局 3.6.4 精彩客片部分布局 3.7 页尾部分布局 3.7.1 页脚导航部分布局 3.7.2 热贴部分布局 3.7.3 花絮部分布局 3.7.4 留言部分布局 3.7.5 联系方式部分布局 3.8 网站留言版块布局 3.8.1 头尾部分的延续布局 3.8.2 搜索部分布局 3.8.3 页面洋葱皮部分布局 3.8.4 留言记录部分布局 3.8.5 页码部分布局 3.8.6 留言列表部分布局 3.8.7 分割线与页码部分布局 3.8.8 留言发布布局 3.9 本章总结 第4章 商品类项目解析（养乐多） 4.1 案例概述 4.1.1 项目背景分析 4.1.2 网站布局 4.2 项目目录安排 4.3 主容器搭建 4.4 头部制作 4.4.1 网站LOGO的布局 4.4.2 地区选择部分布局 4.4.3 导航布局 4.5 主内容部分布局 4.5.1 调查问卷部分布局 4.5.2 最新消息部分布局 4.5.3 Banner布局 4.6 页尾部分布局 4.6.1 版权部分布局 4.6.2 页尾连接部分布局 4.7 新闻活动版块部分布局 4.7.1 头尾部分的延续布局 4.7.2 新闻活动竖向菜单布局 4.7.3 新闻公告部分布局 4.7.4 来源选择部分布局 4.7.5 新闻列表部分布局 4.7.6 新闻列表翻页部分布局 4.8 本章总结 …… 第5章 个人展示类项目解析（like-v） 第6章 游戏类项目解析（英雄联盟） 第7章 项目经验总结（一） 第8章 项目经验总结（二）

编辑推荐

《水晶石技法CSS+DIV商业网站设计》由水晶石教育学院编著，是由珍贵的水晶石教育内部培训资料整理而成的教材。秉承水晶石教育“实战教学、实用教学、实时教学”的理念，《水晶石技法CSS+DIV商业网站设计》主要通过实际项目案例讲解运用Dreamweaver、JavaScript Editor等软件与HTML 5、CSS、JavaScript语言，进行网站重构技术的方法和技巧。

作者简介

《水晶石技法CSS+DIV商业网站设计》共8章，以案例教学的方式进行讲解，通过案例制作的讲解来强化软件的操作技巧。内容丰富，结构清晰，技术参考性强，最后还有项目经验总结，帮助提高读者的实际项目应用能力。随书光盘中更有水晶石教育学院老师精选的部分案例视频及操作素材，更配有水晶石教育学院学习卡，密码激活后可登录“帮我学”网站观看水晶石教育学院精选视频，以及下载学习素材。

图书封面

---

 水晶石技法CSS+DIV商业网站设计下载

---