×

网页制作第三章内容

下载文档

ID：6153205

大小：1.27 MB

页数：16页

时间：2017-11-14

收藏

资源描述：

《网页制作第三章内容》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作刘瑞新吴丰主编机械工业出版社第3章DreamweaverCS5基础入门引入Dreamweaver是Adobe公司推出的网页制作和网站管理于一身的可视化网页开发工具，使用该软件方便快捷地制作出极具表现力的网页。课程目标：学习完堂课，你应该可以能够：一、了解网页制作的基本流程。二、在DW工作环境下制作第一个网页作品。3.5案例：制作第一个网页作品一、建筑物建设的一般流程二、网页制作的一般流程三、布局分析---分析页面的效果图1、页面布局结构2、页面的高宽度、文字、背景四、制作步骤---1.准备材料1、创建站点2、创建空

2、白文档3、创建外部CSS文档4、链接外部CSS文档2.搭网页框架6、编写网页的整个结构wraphearder

content

footer

3、;}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:

4、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

5、代码#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-size:1

6、2px;padding:8px0;text-align:center;width:760px;}3.6实训：扬州的夏日