^第8讲 阶段总结与案例实战.pptVIP

* * 以贵美购物网站为例，提问学员说明需求分析的几项。 主要让学员有如下两点意识： 1、时刻记住：以客户需求为导向 2、做静态Demo是确认客户需求的常用办法 * 以贵美购物网站为例，提问学员说明需求分析的几项。 主要让学员有如下两点意识： 1、时刻记住：以客户需求为导向 2、做静态Demo是确认客户需求的常用办法 * 以贵美购物网站为例，提问学员说明需求分析的几项。 主要让学员有如下两点意识： 1、时刻记住：以客户需求为导向 2、做静态Demo是确认客户需求的常用办法 * 以贵美购物网站为例，提问学员说明需求分析的几项。 主要让学员有如下两点意识： 1、时刻记住：以客户需求为导向 2、做静态Demo是确认客户需求的常用办法 * 以贵美购物网站为例，提问学员说明需求分析的几项。 主要让学员有如下两点意识： 1、时刻记住：以客户需求为导向 2、做静态Demo是确认客户需求的常用办法 * 强调：顺时针赋值 * 说明本页选用DIV+CSS * * 为了方便控制各块，推荐在外部加上顶级容器container，以便进行统一设置及整体加载 ，中间三块放入main容器块中。 注意此处不用现场演示，通过和学员交互的方式分析思路，展示代码即可，不用现场手写代码 * 1、可用具体数值或百分比设置宽高； 2、不需要设置各块坐标，采用默认的普通文档流结合浮动将自动确定各块的位置 3、注意使用float浮动，达到三块同行排列的效果 4、代码按块体现层次，增加可读性 注意此处不用现场演示，通过和学员交互的方式分析思路，展示代码即可，不用现场手写代码 * * 说明：尺寸不需要和源码一致，只要实现的效果和效果图相近即可。 * * 说明重点讲解前两者的样式修饰，后两者的样式美化比较简单。 * 说明重点讲解前两者的样式修饰，后两者的样式美化比较简单。 * 说明重点讲解前两者的样式修饰，后两者的样式美化比较简单。 * * 说明重点讲解前两者的样式修饰，后两者的样式美化比较简单。 * 说明重点讲解前两者的样式修饰，后两者的样式美化比较简单。 * 说明重点讲解前两者的样式修饰，后两者的样式美化比较简单。 * 第8讲 阶段总结与案例实战 内容回顾 HTML的各类标签 XHTML 1.0的基本规范 CSS的基本语法 CSS常用属性 CSS背景的偏移技术 盒子模型 DIV+CSS布局 难点突破 块级标签 行级标签 常用的CSS属性 页面布局 盒子模型 CSS定位 DIV+CSS整体布局 DIV+CSS典型局部布局 知识梳理：块级标签 XHTML与HTML 块级标签 h1 p hr div ol、ul和li dl、dt和dd table、th、tr、td、thead、tbody和tfoot 知识梳理：行级标签 行级标签 a img br / span input、testarea和select label 知识梳理：常用的CSS属性 CSS选择器 标签选择器 类选择器 ID选择器 常用的CSS属性 文本 字体 列表 背景 超链接 知识梳理：页面布局标签2-1 盒子模型 margin border padding width、height CSS定位 static relative absolute 知识梳理：页面布局标签2-2 DIV+CSS整体布局 DIV+CSS布局的实现思路 DIV+CSS典型局部布局 div-ul-il div-dl-dt-dd form-table-tr Table-tr-td 1、需求分析 （1）网站想实现什么目标？ （2）谁来访问？ （3）访问者需要什么？ （4）用多少时间，预算是多少，完成的质量？ （5）网站内容是什么？ 网站开发流程5-1 1、时刻记住：以客户需求为导向 2、形成需求文档：《网站需求规划说明书》 客户 2、伪界面设计 网站开发流程5-2 美工做静态Demo，反复确认客户的需求 3、网站制作 网站开发流程5-3 应用HTML+CSS技术，根据美工效果图制作*.html页面 可选用Dreamweaver辅助工具 4、测试网页 网站开发流程5-4 1、测试网页是否满足客户需求 2、根据客户浏览器种类，测试浏览器的兼容性 5、发布网站 网站开发流程5-5 发布需要申请： 1、网站空间 2、域名 Internet 常见的WEB服务器： IIS、Tomcat、Apache 域名方便访问，例如： 使用Dreamweaver创建站点 创建站点 演示操作：用Dreamweaver创建贵美站点 注意： 1、通用的文件夹命名 2、文件、文件夹命名：小写、有语义 中小型网站的目