css+div网页设计与制作_第1页
css+div网页设计与制作_第2页
css+div网页设计与制作_第3页
css+div网页设计与制作_第4页
css+div网页设计与制作_第5页
已阅读5页,还剩15页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、CSS+DIV 网页设计与制作,主 编 梁小芳 副主编 梁文锋 朱平,项目1 了解网页设计相关知识,目录,1,项目2 CSS+DIV网页设计与制作,2,项目3 创建CSS样式,3,项目4 CSS 盒子在网页中的应用,4,项目5 CSS美化网页元素,5,项目6 CSS盒子的浮动,6,项目7 CSS盒子的定位,7,项目8 首页设计与美化,8,项目9 子页制作,9,项目10 网页特效制作,10,项目11 房产企业网站设计与实现,11,项目12 网站上传与维护,12,项目一 了解网页设计相关知识,任务1.1 HTML、CSS、网页、网页元素 任务1.2 关于WEB标准 任务1.3 了解DIV+CSS布

2、局 任务1.4 网页版面布局 任务1.5 初步了解网站设计与开发的过程 实训1 网站赏析,任务1.1 HTML、CSS、网页、网页元素,1.1.1 网页 1.1.2 网站 1.1.3 主页和子页 1.1.4 构成网页元素 1.1.5 IP地址 1.1.6 域名 1.1.7 域名解析服务(DNS) 1.1.8 域名类型 1.1.9 Html 1.1.10 静态网页和动态网页 1.1.11 网页设计与制作的主要工具,任务1.1 HTML、CSS、网页、网页元素,1.1.1 网页,任务1.1 HTML、CSS、网页、网页元素,网页的基本元素图,1.1.4网页元素,任务1.2 关于WEB标准,1.2.

3、1 WEB标准概述 1结构标准语言:主要包括XML和XHTML。 2表现标准语言 :主要包括CSS 3行为标准:主要包括DOM和ECMAScript 1.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个方向属性值,这4个值是按“上-右-下-左”顺时针方向原则计算,其值的大小直接影响各种排版效果。 CSS盒子模型研究版权所有 ,1.2.2 内容、结构和表现相分离,任务1.3 了解DIV+CSS布局,3.1 CSS样式 3.2 CSS盒子模型 3.3 DIV+CSS布局好处,任务1.4 网页版面布局,1.4.1 T字型网页版面 1.4.2 同字型网页版式 1.4.3 三字型网页版式 1.4.4 匡字型结构 1.4.5 Flash布局 1.4.6 海报型网页版式,1.4.1 T字型网页版面,1.4.2 同字型网页版式,1.4.3 三字型网页版式,1.4.4 匡字型结构,1.4.5 Flash布局,任务1.5 初步了解网站设计与开发的过

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论