(第三章dreamweaver网页制作

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

1、网页制作第三章Dreamweaver网页制作基础3.1使用Dreamweaver创建站点3.1.1最终效果第三章Dreamweaver网页制作基础3.1.2制作过程操作演示3.1.3工程技术要点文件操作快捷菜单第三章Dreamweaver网页制作基础〓制作过程详解〓1.创建一个新的站点—点击“管理站点”—打开‘管理站点’对话框，点击“新建”按钮—弹出‘未命名站点1的站点定义’对话框，在‘您打算为您的站点起什么名字’文本框中输入站点名称，点击“下一步”—选择‘否，我不想使用服务器技术’，点击“下一步”—弹出对话框

2、，询问网站存储的路径。选择‘编辑我计算机上的本地副本，完成后再上传到服务器’，在‘文件存储在计算机上的什么位置’文本框中输入网站文件存储的路径，点击“下一步”第三章Dreamweaver网页制作基础〓制作过程详解〓—弹出对话框询问如何连接服务器，采用‘本地/网络’选项。‘您打算将您的文件存储在服务器上的什么文件夹中？’的文本框中同样选择网站文件存储路径。点击“下一步”—弹出对话框，选择‘否，不启用存回和取出’，点击“下一步”。—弹出对话框，显示之前的所有设置信息，点击“完成”—返回“管理站点”窗口，则看到新建的

3、站点名称出现在窗口中，点击“完成”2.在站点下新建文件夹第三章Dreamweaver网页制作基础3.2使用表格制作文章列表3.2.1最终效果(table.html)第三章Dreamweaver网页制作基础〓制作过程详解〓1.新建table.html文件，并打开文件2.界面工具栏设置—将界面工具栏转换成制表符模式3.插入新表格—设置表格参数为：行数：6，列数：3，边框粗细：0，单元格边距：0，单元格间距：0，页眉：无4.设置表格辅助信息标尺5.设置表格基本属性—设置表格三列列宽分别为60，420，120—设置表格

4、背景色(#666666)、间距(1)、对齐方式(居中对齐)—设置单元格背景色(#FFFFFF)第三章Dreamweaver网页制作基础〓制作过程详解〓6.美化表格—单元格背景色设置●表格第一行—>‘合并单元格’—>行“背景色”设置为#F2EBDD●表格第二行—>设置‘背景颜色’为#E2D3B4—设置各单元格中文字对齐方式●第一行：居中对齐●第一列第二列第三列第二行~第六行居中对齐居左对齐居中对齐7.输入表格文字第三章Dreamweaver网页制作基础〓制作过程详解〓8.设置页面属性—表格字体设置9点数(pt)—

5、页边距设置09.单元格微调—微调第1列行高为20—微调第1行行高为2010.表格再次调整—修改表格宽度为90，单位为%—设置表格(将表格宽度转换成像素)11.保存文件第三章Dreamweaver网页制作基础设置表格行与列定义表格宽度设置表格边框宽度单元格边框和单元格内容相隔的距离相邻单元格之间相隔的距离设置表格的页眉设置表格的标题设置表格的标题相对于表格的显示位置表格的说明第三章Dreamweaver网页制作基础表格参数的几点说明：①表格宽度：实际总宽度像素页面中的百分比%第三章Dreamweaver网页制作基

6、础②单元格边距(像素)：表格中各单元格边与边之间的距离。边距为0边距为10第三章Dreamweaver网页制作基础③单元格间距(像素)：表格中各单元格之间的间距。间距为0间距为10第三章Dreamweaver网页制作基础④辅助功能：用于创建一个带标题的特殊表格。(辅助功能中标题设置为“表格一”)第三章Dreamweaver网页制作基础基础实训：制作课程表课程表(ex-table.html)：第三章Dreamweaver网页制作基础课程表参数：1)表格：宽80%，行数6，列数7，边框粗细1像素，单元格边距0，单元

7、格间距0，边框色#000000，居中对齐，标题为‘课程表’2)第一行：背景色#CCCCCC，高30，居中对齐，字体为黑体12pt3)第一列的2~6行：字体为黑体12pt，居中对齐4)第三列~第七列，宽度200，高40，居中对齐第三章Dreamweaver网页制作基础表格标记表格标记对于制作网页是很重要的，现在很多网页都使用多重表格，利用表格可以实现各种不同的布局方式，而且可以保证当浏览器改变页面字体大小的时候保持页面布局不变，还可以任意进行背景和前景颜色的设置。1、

8、/table>标记对用来创建表格。它具有的属性有:●设置表格的背景颜色第三章Dreamweaver网页制作基础●设置边框的宽度，默认值为0●设置边框的颜色●设置单元格边距●设置单元格间距●