《css+div网页设计与制作.ppt》由会员分享，可在线阅读，更多相关《css+div网页设计与制作.ppt（20页珍藏版）》请在金锄头文库上搜索。
1、CSS DIV网页设计与制作 主编梁小芳副主编梁文锋朱平 项目1了解网页设计相关知识 目录 1 项目2CSS DIV网页设计与制作 2 项目3创建CSS样式 3 项目4CSS盒子在网页中的应用 4 项目5CSS美化网页元素 5 项目6CSS盒子的浮动 6 项目7CSS盒子的定位 7 项目8首页设计与美化 8 项目9子页制作 9 项目10网页特效制作 10 项目11房产企业网站设计与实现 11 项目12网站上传与维护 12 项目一了解网页设计相关知识 任务1 1HTML CSS 网页 网页元素任务1 2关于WEB标准任务1 3了解DIV CSS布局任务1 4网页版面布局任务1 5初步了解网站设计
2、与开发的过程实训1网站赏析 任务1 1HTML CSS 网页 网页元素 1 1 1网页1 1 2网站1 1 3主页和子页1 1 4构成网页元素1 1 5IP地址1 1 6域名1 1 7域名解析服务 DNS 1 1 8域名类型1 1 9Html1 1 10静态网页和动态网页1 1 11网页设计与制作的主要工具 任务1 1HTML CSS 网页 网页元素 1 1 1网页 任务1 1HTML CSS 网页 网页元素 网页的基本元素图 1 1 4网页元素 任务1 2关于WEB标准 1 2 1WEB标准概述1 结构标准语言 主要包括XML和XHTML 2 表现标准语言 主要包括CSS3 行为标准 主要包
3、括DOM和ECMAScript1 2 2内容 结构和表现相分离1内容2结构 Structure 3表现 Presentation 4行为 Behavior 1 2 2内容 结构和表现相分离 图1 3纯文本信息分开三部分图 1 2 2内容 结构和表现相分离 源文件 CSS盒子模型内部结构填充 padding 边框 border 边界 margin 在CSS中 一个独立的盒子模型由内容 填充 边框和边界4个部分组成 而填充 边框和边界都有其独特的空间距离等属性 每个部分都有4个方向属性值 这4个值是按 上 右 下 左 顺时针方向原则计算 其值的大小直接影响各种排版效果 CSS盒子模型研究版权所有 1 2 2内容 结构和表现相分离 任务1 3了解DIV CSS布局 3 1CSS样式3 2CSS盒子模型3 3DIV CSS布局好处 任务1 4网页版面布局 1 4 1T字型网页版面1 4 2同字型网页版式1 4 3三字型网页版式1 4 4匡字型结构1 4 5Flash布局1 4 6海报型网页版式 1 4 1T字型网页版面 1 4 2同字型网页版式 1 4 3三字型网页版式 1 4 4匡字型结构 1 4 5Flash布局 任务1 5初步了解网站设计与开发的过程 1 5 1前期策划1 5 2网站开发 网页制作 1 5 3网站后期发布 测试与维护 网站设计与开发过程 谢谢观赏
