网页制作第三章内容.ppt_第1页
网页制作第三章内容.ppt_第2页
网页制作第三章内容.ppt_第3页
网页制作第三章内容.ppt_第4页
网页制作第三章内容.ppt_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

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

文档简介

网页设计与制作 刘瑞新吴丰主编 机械工业出版社 第3章DreamweaverCS5基础入门 引入 Dreamweaver是Adobe公司推出的网页制作和网站管理于一身的可视化网页开发工具 使用该软件方便快捷地制作出极具表现力的网页 课程目标 学习完堂课 你应该可以能够 一 了解网页制作的基本流程 二 在DW工作环境下制作第一个网页作品 3 5案例 制作第一个网页作品 一 建筑物建设的一般流程 二 网页制作的一般流程 三 布局分析 分析页面的效果图 1 页面布局结构2 页面的高宽度 文字 背景 四 制作步骤 1 准备材料 1 创建站点2 创建空白文档3 创建外部CSS文档4 链接外部CSS文档 2 搭网页框架 6 编写网页的整个结构wrapheardercontentfooter 3 添砖加瓦 给页面添加内容 7 给header content footer区域添加上文字 4 装饰内部 添加CSS代码 8 添加通配的 整个的CSS代码 margin 0px padding 0px border 0px body background url images bg gif repeat ytopcenter eaeaea color 3a3a3a font 12px微软雅黑 宋体 Arial sans serif 选择器 声明 属性 属性值 是通用元素选择符 匹配任何元素body是标签选择符 匹配元素 header是ID选择符 匹配header元素 9 添加wrap的CSS代码 wrap background FFF margin 0auto padding 1px5px width 760px height 850px 10 添加header的CSS代码 header background url images header jpg no repeat background position center color 166090 height 250px margin 0010px padding 0 headerh1 font size 30px font weight 400 letter spacing 2px margin 004px15px padding 15px00 11 添加Content的CSS代码 content line height 20px padding 0 height 550px contenth2 text align center font size 25px font weight 100 margin 8px010px padding 0 contentp text indent 2em 12 添加footer的CSS代码 footer background fff border top 2pxsolid dadada clear both color gray font
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论