单元4使用CSS布局与美化网页【任务4-3】使用CSS布局与美化文本网页【任务描述】（1）创建样式文件base.css和main.css，在该样式文件中定义标签的属性、类选择符及其属性。
（2）创建网页文档0403.html，且链接外部样式文件base.css和main.css。
（3）在网页0403.html中添加必要的HTML标签和输入文字。
（4）浏览网页0403.html的效果，如图4-20所示，该网页上部为一个版块，主要包含标题文字和正文内容，下部分为左、右两个版块，都包含有标题文字和正文文字。
图4-20 网页0403.html的浏览效果【任务实施】（1）创建文件夹在站点“单元4”中创建文件夹“task04-3”，在该文件夹中创建子文件夹“CSS”（2）创建样式文件base.css定义基本样式在文件夹“CSS”中创建样式文件base.css，在该样式文件中编写样式代码，CSS代码如表4-7所示。
表4-7样式文件base.css中的CSS代码定义（3）创建样式文件main.css定义网页主体布局结构的CSS代码在文件夹“CSS”中创建样式文件main.css，在该样式文件中编写样式代码，网页主体结构的CSS代码如表4-8所示。
表4-8样式文件main.css中网页主体结构的CSS代码定义（4）定义美化标题与正文内容的CSS代码在样式文件main.css中编写样式代码美化标题与正文内容，其CSS代码如表4-9所示。
表4-9样式文件main.css中美化标题与正文内容的CSS代码定义（5）创建网页文档0403.html与链接外部样式表在文件夹“task04-3”中创建网页文档0403.html，切换到网页文档0403.html的【代码视图】，在标签“</head>”的前面输入链接外部样式表的代码，如下所示：<link rel="stylesheet" type="text/css" href="css/base.css" /><link rel="stylesheet" type="text/css" href="css/main.css" />（6）编写网页主体布局结构的HTML代码网页0403.html主体布局结构的HTML代码如表4-10所示。
《网页设计与制作》作业3答案与解析.doc一、单选(选择最合适的答案)在网站整体规划时，第一步要做的是( )A. 确定网站主题B. 选择合适的制作工具C. 搜集材料D. 制作网页答案：A2．在Dreamweaver中下面关于首页制作的说法错误的是( )A. 首页的文件名称可以是index.htm或index.htmlB. 可以使用布局表格和布局单元格来进行定位网页元素C. 可以使用表格对网页元素进行定位D. 在首页中我们不可以使用css样式来定义风格答案： D3．在Dreamweaver中文本的输入可以手工输入，也可以将别的文档中的文本复制到Dreamweave编辑的网页中，还可以( )。
A、导入html、txt文档B、导出html、txt文档C、查找D、修改答案：A4、在表格属性设置中，间距指的是( )。
A、单元格内文字距离单元格内部边框的距离B、单元格内图像距离单元格内部边框的距离C、单元格内文字距离单元格左部边框的距离D、单元格与单元格之间的宽度答案：D5．对于一个由左右两栏构成的框架页面，它是由（）A. 一个文件构成B. 两个文件构成C. 三个文件构成D. 四个文件构成答案：CADADC二、简答1、简要说明表格与框架布局的区别。
答案：{(1)、表格是在同一个网页中将页面划分为不同区域；(2)、框架是在同一个浏览器窗口中显示多个网页；(3)、框架可以通过指定超链接的目标框架获得交互式的布局效果。
}2.简述Web客户机/服务器模式的工作流程答案：{Web客户（端）通常指的是Web浏览器，它可以支持多种协议，如HTTP、HTTPS、FTP；也能理解多种文档格式，如text、HTML、JPEG（一种图象文件格式）、xmxxxxl(有的尚未支持)，也具备根据对象类型调用外部应用的功能。
Web服务器（或称HTTP服务器）提供HTTP服务。
WWW采用客户机/服务器的工作模式，工作流程具体如下：（1）用户使用浏览器或其他程序建立客户机与服务器连接，并发送浏览请求。
DreamweaverCS4.doc网页设计与制作习题答案-3Dreamweaver CS4网页设计与制作习题答案第一章判断题1. 网站主题就是用户建立的网站所包含的主要内容 (1)2. 网站的链接结构不是指页面之间相互连接的拓扑结构 (0)3. 自然界中的颜色可以分为非颜色和颜色两大类 (1)4. 表单是用来收集浏览者的网页 (0)5. 服务器上有关数据库的一切操作只能由服务器管理人员进行 (1) 选择题1. 下列文件属于静态网页的是(C)A.Index.aspB.index.jspC.index.htmlD.index.php2. 下列属于网页制作工具的是（C）A.PhotoshopB.FlashC.DreamweaverD.CuteFTP3. 在网页中常用的图像格式是（D）A..bmp和.jpgB..gif和.bmpC. .png和.bmpD. .gif和.jpg4. 下列说法中，正确的是（D）A. 动态网页使用应用程序解释器，但不使用后台数据库B．动态网页不使用应用程序解释器，但使用后台数据库C．动态网页不使用应用程序解释器，也不使用后台数据库D．动态网页使用应用程序解释器，也使用后台数据库5.以下哪个是“文件”面板中视图列表中的视图类型(A )A．本地视图 B 地图视图 C 编辑视图 D 大纲视图多项选择题1、网站的整体形象包括以下哪些要素？（ABC）A.标志B.标准色C.标准字体D.页面背景2、以下那些是常用的网页动画制作工具？（ABCD）A.flashB.Cool3DC.UleadGIFAnimatorD.硕思闪客精灵3. 以下哪些既是网页之间联系的纽带，又是网页的重要特色？（BCD）A．导航条 B．表格 C．框架 D．超链接4.下面关于网站制作的说法哪些是正确的？（ACD）A.首先要定义站点B.素材和网页文件要放在同一个文件夹下C.首页的文件名必须是index.htmlD.一般在制作时，站点一般定义为本地站点5. 在网页中常用的图像格式有哪些？（ACD）A..jpgB..bmpC. .tifD. .gif填空题1.网页一般分为静态网页和(动态)网页2.网页主要由文本图像动画表格和超链接等基本(元素)组成3.网站开发的3个阶段分别是规划与准备,网页设计与(制作),网站发布推广与维护4.网站的链接结构有树状和(网状)5.色彩的3个属性是指色相.饱和度和(明度)第二章判断题1．Dreamweaver CS4一个最大的特点就是实现功能扩展(1)2．文档窗口不是代码窗口(0)3．面板可以有菜单式和面板式两种显示方式(1)4．察看页面设计的整体效果时，可直接按键隐藏全部面板，再次按键重新显示全部面板(0) 5．使用“资源”面板可以有效地管理和组织网站中的资源(1)选择题1．在“资源”面板中没有列出的资源是（A）A．文本 B 图像 C 颜色 D 脚本2．保存网页文档，可以按（B）组合键A . Ctrl+AB . Ctrl+S C. Ctrl+W D.Ctrl+N3. (BD )不属于“文件”面板中试图列表中的视图类型A．本地视图 B 地图视图 C 远程视图 D 大纲视图4．定义站点时，存放网页的默认文件夹为（D）A C 盘根目录B D盘根目录C 我的文档D 用户指定5察看页面设计的整体效果时，可以直接按哪一个键隐藏全部面板。
