网制作综合实例
个人家庭局域网组建经典实例
本人玩电脑有了些年头，家里已经有3台，其中2 台台式机（自己组装的），1 台笔记本电脑。
由于工作性质的要求，我经常需要在家里处理一些事情。
可是经常出现需要打印文稿的计算机上没有连接打印机，于是忙不迭用闪盘来回拷贝……一来二去，我终于也厌倦了，寻思着：要不也用家里这几台电脑组建个网络？说干就干！布线规划既然要组建局域网，面临的首要问题也就是布线了。
规划的时候尽量使用最短的线路连接电脑，这不是仅仅节省几个钱的问题，而是为了有效减少信号衰减，提高网络速度。
另外由于是在家庭中使用，而且使用的是非屏蔽双绞线（网线的选择下面会说到），所以我们要尽量注意远离电磁干扰，一般家庭中比较常见的干扰源包括微波炉、启辉器、电磁炉以及一些大功率电机。
目前的网络连接主要有以下几种：HUB/交换机连接、无线局域网、多网卡连接以及USB 线连接。
HUB/ 交换机连接（见图1）这种方式的最大优点是价格低，而且稳定可靠，不仅适合一般家庭，对于中小企业来说也是很好的选择。
无线局域网对于很多家庭来说，由于已经装修完毕，实在不方便四处打洞布线。
无线连接的特点是方便，部分名牌产品甚至可以做到在30m之内穿越2堵厚厚的墙壁，而少数低端产品则可能禁不起一个小小的室内“ 拐弯”，即便开着门，无线接入点（AP）也无法与另一间房间中的无线客户端通信。
多网卡连接和USB线连接由于存在各种问题，譬如不经济、不方便等，在此不作考虑。
反复权衡之后，我还是选择了传统的HUB/ 交换机连接。
设备选购确定了连线方式后，首先要注意的是网线。
在我看来，选择五类线就可以了，这类材料的性能定义到100MHz，应用在100Base-T、TP- PMD，完全能够满足我们“百兆到桌面”的要求。
超五类线没有必要，这么说并不是因为其昂贵，而是对于这种小型网络来说根本没必要。
目前在市场上能买到从1～5m的成品网线，这种网线采用专门的机器制作，质量非常好，价格稍稍贵一些，推荐使用。
不过，如果5m 长的网线不能满足您的要求，您可以要求商家按照您的要求帮您制作，注意水晶头不要选择那些便宜货，这些便宜货省不了几个钱，却可能没拔插几次就出现问题。
小型公司办公局域网搭建实例
小型公司办公局域网──搭建实例小型公司办公局域网──搭建实例小型公司办公局域网──搭建实例丁明涛我公司是中国建筑工程总公司的子公司在外地的一家小型区域公司，公司规模100人左右。
作为一家建筑施工企业，我公司与其它公司相比具有许多不同的地方，如施工点分散、距离总公司远、施工工期长、工程地点不固定等等，这就决定了计算机技术和网络技术在我公司的应用具有一些不同之处。
一、需求分析1.经营科：日常各种经营文件的打印(彩色喷墨打印机，A4幅面)，各种工程图片、荣誉证书的扫描存储(扫瞄仪600DPI以上，A3幅面)，投标文件中综合说明部分的打印(彩色喷墨打印机，A4幅面)。
2.工程技术科：日常工程管理、总公司的CI(企业形象识别)管理和投标报价中的技术标的部分。
办公需求为：日常各种工程技术文件的打印(激光打印机，A4幅面)，CI图片的扫描(扫瞄仪600DPI以上，A4幅面)，CI资料的打印(彩色喷墨打印机，A4幅面)，投标文件中技术标的打印(激光打印机，A4幅面)，其中技术标的“施工现场总平面布置图”的打印要求用彩色喷墨打印机，A3幅面，“施工进度总网络计划图”的打印要求用彩色喷墨打印机，A2幅面(可用宽行打印纸)。
3.预算科：日常施工项目的预决算管理和投标报标中的商务标的部分。
商务标的打印(激光打印机，A4幅面)。
4.财务科：日常财务管理，各种报表的打印，如工资单(宽行打印纸)、凭证和支票的打印(票据式打印机)。
5.办公室：与总公司和各施工项目部联系，接收发传真和电子邮件需要上网设备(带传真、语音功能)，召开电话电话会议需要摄像头(30万像素以上)，以及日常各种文件的打印、复印(数码复印机，A3幅面)等。
6.项目经理部：日常各项工程管理，包括各种工程资料的打印、复印、扫瞄需要打印、复印、扫瞄一体机，接收发传真和电子邮件需要上网设备(带传真、语音功能)，召开电话电话会议需要摄像头(30万像素以上)。
二、设备选择(图)三、建立局域网在公司机关中，为了达到信息共享、资源共享和打印机共享的目的，我公司又建立了一个局域网。
12.4.4 综合实例：创建浮动框架网页_全能网站建设完全自学手册_[共2页]
![12.4.4 综合实例：创建浮动框架网页_全能网站建设完全自学手册_[共2页]](https://img.taocdn.com/s3/m/663955c9c5da50e2534d7f43.png)
176
在【框架】面板中单击框架集的边框，即可选择整个框架集。
12.4.3 在文档窗口中选择框架或框架集
在设计视图中单击某个框架的边框，可以选择该框架所属的框架集。
当一个框架集被选中时，框架集内的所有框架的边框都会带有虚线轮廓。
要将选择转移到另一个框架，可以进行以下操作之一。
⑴按【Alt】键和左（或右）箭头键，可将选择转移到下一个框架。
⑵按【Alt】键和上箭头键，可将选择转移到父框架。
⑶按【Alt】键和下箭头键，可将选择转移到子框架。
12.4.4 综合实例：创建浮动框架网页
使用浮动框架可以实现在不修改原来网页结构的基础上添加更多的网页内容效果。
实例名称：创建浮动框架网页
实例目的：通过本实例的制作，加深对框架的理解，并与表格布局网页进行比较
素材：素材\ch12\12.4.4\index.htm
结果：结果\ch12\12.4.4\index.htm l
具体的操作步骤如下。
➊打开随书光盘中的“素材\ch12\12.4.4\。
网页制作及应用第10章
名为“嵩之路”，然后对其进行设置.
显示“可以被注册”的信息。这说明所选域名可 以
进行注册。
查询域名是否被注册
22
返回目录
10.2 综合实例二—域名注册
（2）域名注册 通过在线方式填写域名注册申请表。在查询窗口中点击 “立 即购买”，在接受条款窗口中选“我已经阅读、理解并接受” 后 进入填写信息窗口（注意，要先进行会员登录，如果不是会员， 则需先注册成为会员）。填写完毕后点击“下一步”，在购物 车 中出现域名名称及所需支付的金额，点击“生成定单稍后支 付”。 如下页图所示。
6
返回目录
10.1 综合实例一 —制作主页步骤
4．在topFream区域插入1行2列的表格→在左单元 格中插入网站标志图片logo.png →在右单元格中插 入网站标语图片banner.png→调整图片位置和大小→ 在放置图片的表格下面再插入1行5列的表格→选字 体和居中显示→在5个单元格中分别写入：产品介绍、 公司简介、联系方式、客户反馈、返回首页。
文件为：jianjie.htm，联系方式子页面文件为： connect.htm，9种产品介绍子页面文件分别为：1.htm～9.htm。另外还有 两个用Fireworks制作的图片，一个是网站标志，文件名为：logo.png， 另一个是网站宣传标语，文件名为：banner.png。因为网站文件不多， 所以没定义子文件夹，把所有文件都放在D盘根目录下的rfwz文件夹中 （rfwz意为润丰网站，文件夹名和文件名最好不用汉字）。是本地网站 。 如下图所示。
本地网站
3
返回目录
10.1 综合实例一 —网站的基本结构
小型企业网站的风格要简洁大方、突出主题、直截了当。设计主页
（index.htm）时把企业简介、网站标志、网站标语、公共导航和9种产
第6章 综合实例2──为“SM”网站主页添加伴随窗口
第6章综合实例2──为“SM”网站主页伴随窗口
本例将在本章综合实例1中制作好的“index.html”网页文档的基础上，为网页主页添加伴随窗口，效果如图6-3所示。
图6-3 为“SM”网站主页添加伴随窗口最终效果
制作思路：
首先打开“index.html”网页文档，然后利用“行为”添加“打开浏览器窗口”动作，并设置网页下载完毕后即显示伴随窗口。
制作步骤：
Step01 启动Dreamweaver 8后，打开“SM”站点中的文档“index.html”。
Step02 首先单击选择“标签选择器”最左侧的“<body>”标签，然后单击“行为”面板中的“添加行为”按钮，在打开的“行为”列表中选择“打开浏览器窗口”，如图6-3-1所示。
图6-3-1 添加行为
Step03弹出“打开浏览器窗口”对话框，单击“要显示的URL”编辑框右侧的“浏览”按钮，如图6-3-2所示。
图6-3-2 设置“要显示的URL”_1
Step04打开“选择文件”对话框，选择“SM”站点中的网页文档“guanggao.html”，然后单击“确定”按钮，如图6-3-3所示。
图6-3-3设置“要显示的URL”_2
Step05回到“打开浏览器窗口”对话框，设置“窗口宽度”和“窗口高度”分别为500和626，窗口名称为“banner”，然后单击“确定”按钮，如图6-3-4所示。
图6-3-4 设置窗口属性
Step06设置“事件”为“onLoad”，以使网页下载完毕后即显示伴随窗口，如图6-3-5所示。
图6-3-5 设置“事件”
Step07保存网页文档，然后按【F12】键预览网页，在打开网页的同时打开伴随窗口，如图6-3所示。
dreamweaver网页设计制作的实例教程100例
D re am we a ve r网页设计制作的实例教程100例第一章软件简介与设置 1.课程介绍与基础知识 2.软件起始页的用法 3.界面布局与切换 4.定制工具箱 5.代码拆分与设计模式 6.定制实用界面布局7.标签选择器8.选取手形和缩放工具9.显示设置与速度统计10.属性面板与设置11.菜单命令快速上手12.网页色彩搭配13.HT ML 基础知识14.企业识别系统与W WW 第二章定义站点页面属性1.制作网站三大原则 2.定义新站点 3.文件面板基础操作 4.创建新网页与网站地图 5.创建新的链接 6.地图模式下修改文件标题7.自定义根查看链接关系8.CSS的设置一，外观设置9.CS S的设置二，链接设置10.CSS的设置三，标题设置11.CSS的设置四，跟踪图像12.基础HT ML 页面设置13.本小节HT ML基础14.名词解释，h ttp和URL 第三章文本与列表控制 1.文本与列表控制学习 2.网页标题修改多种途径 3.征文标题文字格式的设置 4.文字大小颜色与对齐 5.问题，文本中输入空格 6.段落切换与强行换行7.文本编辑基础8.从外部导入文本内容9.清理冗余代码10.列表与排序11.定义列表12.插入排版水平线第四章链接的使用 1.链接的使用学习计划 2.定义页面链接样式3.一般链接的常见形式 4.输入法建立第一个链接 5.指向法制作链接 6.快捷键拖动法创建链接7.插入法建立链接8.直接用代码建立链接9.插入标签法建立链接10.环绕标签法建立链接11.链接的修改与Em a il链接12.制作特殊的Em a il链接13.制作下载类链接14.锚链接的制作15.色彩搭配和HT ML基础第五章图像处理 1.图像处理学习计划与目标 2.用菜单插入及设置图片 3.用代码直接插入图片 4.为图片添加链接 5.为图片添加提示文本 6.用标签检查器设置图片7.用属性面板设置图片8.编辑图像热区9.调用外部程序编辑图像10.优化与裁切图像11.对图像重新取样12.调整图像亮度和对比度13.锐化图像14.插入图像占位符15.插入鼠标经过图像16.添加导航条17.基础知识与名词解释第六章添加多媒体内容 1.添加多媒体内容 2.插入F LAS H S WF文件 3.插入F LAS H按钮 4.插入F LAS H文本 5.插入F LAS H PAP ER 6.插入F LAS HVI D EO 7.插入媒体插件8.插入视频文件9.插入F LAS H元素10.插入注释11.插入时间第七章表格基础知识 1.表格基础学习计划与目标 2.在页面中插入表格 3.设置表格页眉及辅助功能 4.在表格中添加内容5.如何导入和导出表格数据 6.导入Exc e l文件与导出表格7.选择表格的常用方法8.插入行或列9.嵌套表格10.表格属性设置11.行，列和单元格属性设置<I MG t it le=“友情的语言，不是文字，而是意义。
静态网页制做指南(学生)
综合实例——“宝贝爱网站”制做指南2.1 创建站点在编辑网页之前，首先要定义一个站点，以下是高级模式的定义过程：[1] 启动Dreamweaver CS3软件，执行【站点】→【新建站点】菜单命令。
[2] 在【站点定义为】的对话框中选择“高级”选项卡，点击新建两个文件夹baby （根文件夹）和images（图像文件夹），如下图所示，设置“本地信息”的各个参数。
本例的主目录为baby，在信息服务默认站点EC中，“HTTP地址”为http://localhost/，其他默认，完成后点“确定”。
因为是静态网页，可以不设测试服务器。
[3] 将素材文件复制到baby文件夹下（含images文件夹和news.html文件）。
2.2 制作网页模板为便于理解，我们将网页模板的制作分为4小节，下面来看具体操作。
1．新建模板文档(1)选择【文件】→【新建】菜单，打开【新建文档】对话框。
单击“空模板”，在“模板类型”列表中选择“HTML模板”，默认“布局”为 <无>，最后单击“创建”按钮，如图2-1所示。
图2-1(2)按【Ctrl+S】组合键保存文档，弹出图2-2所示提示框，勾选“不再警告我”复选框，之后单击“确定”按钮。
图2-2(3)在打开的【另存模板】对话框中，从“站点”下拉列表中选择“宝贝爱”，在“另存为”文本框中输入模板文件名“ml”，最后单击“保存”按钮，如图2-3所示。
图2-3(4)按【Ctrl+J】组合键，打开【页面属性】对话框。
单击左侧“分类”列表中的“标题／编码”，设置标题为“宝贝爱网站”，其余默认，如图2-4所示。
图2-4(5)再次按【Ctrl+S】组合键保存文件（*养成习惯）。
2．设置模板内容(1) 单击【插入】面板【常用】栏中的“表格”按钮，在页面中插入一个1行2列，宽1000像素，边框粗细、单元格边距和间距均为0的表格，如图2-5所示。
图2-5在该表格【属性】面板中，设置“表格ID”为“1”（定义为表格1，参见图2-6底部提示标签<table#1>），“对齐”方式为“居中对齐”，如下图所示：(2)在表格1（table#1）的左右两个单元格中（用Ctrl+鼠标来选择定位，此方式以后会常用到）分别插入图片“in01.gif”和“index_02.gif”，如图2-6所示。
教学楼网络综合布线实例
网络综合布线的设计与实现----基于学生宿舍楼摘要：随着时代的发展，网络综合布线显的日益重要。
综合布线越来越受到人们的关注。
综合布线系统是一项实践性很强的工程。
它是现代社会信息化的必然产物，是多功能、智能型大楼的必然要求。
综合布线系统对基于各种系统资源的大楼总体功能的发挥并保持各部门长期、高效率的运转发挥着重要的作用。
综合布线系统(PDS)，又称结构化综合布线系统(SCS)。
综合布线系统是为通信与计算机网络而设计的，它可以满足各种通信与计算机信息传输的要求，是为具体综合业务需求的计算机数据网开发的。
在大力提倡知识型社会的前提下，教育产业飞速发展，新校园建设不断增加，校园规模逐渐扩大，这对作为学生课余休息场所的宿舍有了更高的要求，由过去仅为居住的功能演变为生活，学习，娱乐的空间。
而网络又成为了最重要载体，由于学生课余时间大多数都在宿舍内上网学习，娱乐等，近年来校园网里发布消息，教师布置作业，公布学习计划等，使学生宿舍对网络综合布线有了更多样的需求。
关键词：综合布线子系统网络设备网络组建通信设施1 设计的目的和意义人类已开始进入信息社会，信息逐渐渗透到人们工作、生活、娱乐、商业、制造业、军事等各个领域，办公自动化、商务、网上购物、远程医疗、家庭上网、电子博物馆等概念逐渐变为现实，这一切都是依赖于计算机技术、通信技术、网络技术、信息技术的飞速，依赖于这些新技术在人们生活中的广泛。
Internet是这些技术的典型应用，经过了几年快速的发展，其规模已发展到几万个互连网，并正在以每月百分之十几的速率增长；国内网络建设的发展也十分迅速，已建成如Cernet、CSTNet、ChinaGBN、ChinaNet等四大网络。
以它们为骨干连接在一起数目众多的基础网络，成为信息交流的节点，这些信息节点可以是一座智能大厦，也可以是智能建筑群，如：商务型大厦，办公用大楼，运输设施，卫生医疗设施，园区建筑。
不管是大厦的网络还是园区网络，都离不开信息传输的通道，离不开布线系统。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作综合实例16.1制作前的准备工作首先在E盘上建立一个文件夹（如玫瑰信使），再在其下建立images文件夹和css文件夹。
将“ch16/images”文件夹下的所有图像拷贝到“玫瑰信使/images”文件夹下。
建立站点和规划目录结构、指定默认图像文件夹主页制作前的准备工作，有定义站点和设计网站结构的目录，还有就是要将网页设计制作中需要用到的所有图像素材整理好，最好是放在站点根目录中的一个文件夹中，如images。
这样便于设计制作时的选取使用，也不易造成素材的混乱。
如下图：规划站点目录结构为站点中使用的图像文件指定一个默认图像文件夹，如下图：设置站点中的默认图像文件夹在站点下建立一个主页文件index.html。
16.2设置页面属性及样式16.2.1页面属性设置1.在站点资源管理器的本地视窗中，选择并双击已经定义的首页面文件ch16\index.asp。
2．在打开的index.asp文件的文档窗口中，选择“修改”---“页面属性”菜单项，打开“页面属性”对话框。
设置网页标题为：“家庭百科”设置背景图像为images/bj.gif将“左边界”、“顶部边界”、“边界宽度”、“边界高度”项均设为5。
3．设置完成后，单击“确定”按钮，确定操作返回到index.asp文档窗口。
16.2.2定义CSS样式文件定义body样式1.在index.htm文档窗口中，依次单击“窗口”---“CSS样式”菜单项，打开“CSS样式”面板。
选择“新建CSS样式”菜单命令。
2.打开“新建CSS样式”对话框，“类型”选择“重定义HTML标签”，在“标签”框中选择或输入body，“定义在”选择“（新建样式表文件）”。
3.单击“确定”按钮，在弹出的“保存样式表文件为”对话框中，选择样式文件保存的路径（站点下的CSS文件夹），输入样式文件名（这里存为css）。
4.单击“保存”按钮，在出现的样式定义对话框中选择“类型”，在“字体”下拉列表框中选择“宋体”;在“大小”下拉列表中选择“9”，后面的单位下拉列表框中选择“点数（pt）”度量单位。
5.单击“确定”按钮，便完成对body标记的定义定义td定义td的方法和定义body一样，在“新建CSS样式”对话框中将“类型”选择为“重定义html标签”；在“标签”框中选择或输入td。
在定义样式对话框中将字体设置为宋体9磅字。
定义文档的链接颜色1.单击“窗口”----“CSS样式”菜单项，打开“CSS样式”面板。
2.单击“CSS样式”面板中的“新建样式”按钮，打开“新建CSS样式”对话框。
“类型”选择“使用CSS选择器”；“选择器”框中选择或输入a:active（选中超链接状态）；“定义在”框中选择CSS，这样便可和前面定义的样式存放在一起，供别的文档使用。
3.单击“确定”按钮，在出现的对话框中，将该超链接状态的颜色设置为#334dcc。
4.单击“确定”按钮，便完成了超链接状态的颜色设定。
返回到“新建CSS样式”对话框中，在“选择器”框中选择或输入a:hover（鼠标经过超链接状态）。
5.单击“确定”按钮，在出现的对话框中，将该鼠标经过超链接状态的颜色设置为#ff0000。
6.单击“确定”按钮返回到“新建CSS样式”对话框，可以定义其他的样式。
7.按照相同的方法，完成下列超链接颜色的设置。
a:link：超链接的正常状态，没有任何动作的时候；颜色设置为：#cc6633a:viseted：访问过的超链接状态；颜色设置为#334dcc。
完成这些标签样式的定义，基本能满足一般网页的需要了。
由于将这些标记保存为样式文件，所以可供多个文档共同使用。
16.3制作一个完整的个人主页完成页面设置后可进入网页具体制作阶段。
在本页面的制作过程中用到聊表格、嵌套表格，多处用到对表格中单元格的合并、拆分等技巧性设置。
布局页面每个区域所采用的表格，上下是孤立的，而左右保持了一定的嵌套关系。
这样做的好处是：上下孤立有助于提高网页下载的速度；左右使用嵌套表格有助于对网页元素的定位和特殊页面效果的设计。
16.3.1页眉区制作该页眉区用一个1行3列的表格来制作，在第一列单元格中插入该网站的标志，第二列单元格中插入该网站的广告，第三列单元格中插入显示当前日期的程序代码。
页眉区制作步骤如下：1.将光标停留在index.asp文档窗口中，选择“插入”---“表格”命令。
2.在弹出的“插入表格”对话框中，设置插入一个1行3列，宽度为750像素的表格，其余设置为0，单击“确定”按钮。
3.选中刚插入的表格，选择“窗口”---“属性”命令，打开“属性”面板，在“属性”面板中将表格的高度设置为60，表格对齐方式为居中。
4.设置单元格。
将第一列单元格的宽度设置为139像素；第二列单元格的宽度设置为468像素；第三列单元格的宽度设置为143像素。
单元格的对齐方式设置为水平居中对齐，垂直中间。
5.插入网站标志。
将光标停留在第一列单元格中，选择“插入”—“图像”菜单命令，在“选择图像源”对话框中，选择“images”文件夹内的logo.gif标志图像，单击“确认”按钮插入网站标志。
6.在第二列单元格中，插入images文件夹内的head.gif网站广告图像。
7.完成“显示当前日期”。
该部分使用代码来完成。
在“属性”面板中将第三列单元格的对齐方式设置为水平居中、垂直中间。
在“代码”视图，将“显示日期”的代码插入单元格。
16.3.2导航区的制作导航区的制作从整体上可分为上下两部分，分别用表格来完成。
上部导航的制作上部导航由1行3列的表格构成。
其中第一列用于设置“跑马灯”效果；第二列设为“设为首页”；第三列设置为“加入收藏夹具体步骤为：1.选中页眉区的表格，按下键盘中的右方向键，使得光标置于页眉区表格的右边。
2.在文档窗口的主菜单栏选择“插入”—“表格”菜单命令，插入一个1行3列的表格，填充0，间距0，边框粗细0，宽度750像素。
3.将插入表格的第1，2，3列的宽度依次设置为450、150、150像素。
各单元格的高度设置为20像素。
单元格的对齐方式为水平左对齐，垂直居中；整个表格居中对齐。
4.切换到代码视图，在第一列单元格中插入“滚马灯”代码。
5.在设计视图中，在第二、第三列单元格中分别插入images文件夹下的home.gif和sc.gif图像。
6.在代码视图中，在第二列单元格“首页面图像”右边插入“设为首页”的代码；在第三列单元格“加入收藏”图像右边插入“加入收藏”的代码。
下部导航的制作下部导航由1行3列表格构成，但在第三列单元格中海包括一个嵌套表格。
具体步骤是：1.选中上部导航区表格，按键盘中右方向键，使得光标置于表格的右边。
2.选择“插入”---“表格”命令，插入1行3列的表格，表格宽度为750像素，其余均为0.3.将表格高度设置为30像素。
1—3列单元格的宽度依次为：150像素、19像素、581像素。
第一列单元格的对齐方式为水平居中、垂直靠下，并将该单元格的背景颜色设为#ea7609，最后输入“百科首页”文本，文本的颜色设置为白色。
在第二列单元格中插入images文件夹下的jiao.gif图像。
在第三列单元格中插入1行7列的表格，并作如下图的设置。
4.设置嵌套表格。
选中所插入的嵌套表格，在“属性”面板中将表格的对齐方式设置为居中对齐，高度设置为22像素，背景颜色设置为#ff9966，边框颜色为#ffffff。
5.设置嵌套表格中的单元格。
选中所有单元格，打开“属性”面板，将各单元格的高度设置为18像素；宽度设置为80像素，对齐方式为水平居中、垂直底部。
6.输入嵌套表格中的各单元格对应导航文本：“家庭理财”、“家庭医生”、“居室装饰”、“追求娱乐”、“购物防伪”、“留言板”、“浪漫一刻”，并将文本的颜色设置为黑色。
16.3.3主内容一区的制作主内容一区从左到右共包含3部分，分别是：“搜索引擎”、“家庭理财”、“动态公告”。
该区最外层是一个1行4列的表格，通过在第1、3和4列单元格内嵌套表格完成。
首先插入一个1行4列的表格，步骤是：1.选中下部导航栏表格，并按键盘中的右方向键，使得光标置于该表格的右边。
2.插入1行4列的表格，表格宽度为750像素，其余各项设置为0。
将表格居中对齐，并将第1，2，3，4列单元格的宽度分别设置为172、18、418和142，单位均为像素。
各单元格的高度设置为130像素。
制作“搜索引擎”区1.在1行4列表格的第一列单元格插入一个4行1列的嵌套表格。
2.设置嵌套表格，将嵌套表格的宽度设为172像素，高度均设置为130像素。
3.设置单元格。
在嵌套表格的第一行单元格内插入images/sohus.gif图像；在第二、四行单元格内插入images/c.gif图像，并将该单元格的背景颜色设置为#ff6633，高度设置为1像素；最后将第三行单元格的背景图像设置为images/bj1.gif图像。
4.插入搜索引擎表单。
将光标停留在嵌套表格的第三行单元格中，对齐方式设置为水平居中、垂直考上，切换到代码视图，插入“搜索引擎”代码制作“家庭理财”区要完成“家庭理财”区的制作，请执行下列操作：1、在该区的第三列单元格内插入一个5行1列的表格。
表格中各行单元格的高度均设置为26像素，表格的宽度设置为98%，并将该表格的其余项设置为0，表格的对齐方式设置为居中。
2、选中所有单元格，将各单元格的对齐方式设置为靠左对齐、垂直中间，并在第一行单元格中插入images/lic.gif图像，其他行单元格中输入对应的文本（参考已完成的最终页面）。
制作“动感公告”区“动感公告”区的制作可以使用与“搜索引擎”表格相同的方法完成，其中第三行单元格的背景图像修改为images/bj2.gif图像，表格的宽度设置为142像素。
然后插入“本站简介”代码片段即可。
具体操作如下：1、将主内容一区表格的第四列单元格对齐方式设置为水平左对齐、垂直靠上，并将光标停留在此单元格内。
2、选择代码视图，将“本站简介”代码片段插入。
3、完成主内容一区的制作，预览看实际效果。
16.3.4 主内容二区的制作主内容二区从左到右共包含4部分，分别是“天天饮食”、“家庭医生”、“通信信箱”、“本站导航”。
该区最外层是一个2行4列的表格，然后在第1、3和4列单元格内嵌套表格完成。
首先插入一个2行4列的表格，请执行以下操作步骤：1、选中“主内容一区”的表格，并按键盘中的右方向键，使得光标置于该表格的右边。
2、插入2行4列的表格，表格的宽度设置为750像素，其余各项设置为0.将表格的对齐方式设置为居中对齐，并将第1、2、3、4列单元格的宽度分别设置为172、18、418和142，单位均为像素。
然后对第2行单元格的第3列与第4列进行合并，对第一列单元格进行合并，对第二列单元格进行合并。