13网页制作技巧

1、网页制作技巧一、表格的妙用 在Dreamweaver的诸多功能中，制表功能是一个很重要的功能。表格在网页制作中有着举足轻重的地位，很多网站的页面都是以表格为框架制作的，这是因为表格在内容的组织、页面中文本和图形的位置控制方面都有很强的功能。灵活、熟练地使用表格，会使网页制作如虎添翼。1.创建表格 创建表格有两种常用的方法。一种方法是首先把插入点调整到要插入表格的位置，单击“对象面板”中的“插入表格”按钮 ，弹出“插入表格”对话框。如图13-1所示，设置行数为列数为2，表格宽度为613像素，边框粗细为0，另两个选项“单元格边距”表示表格内文本与表格线的距离，“单元格间距”表示表格内单元格之间的距

2、离，这里不作设置，单击“确定”按钮，表格就插进来了。 第二种方法是如上一课实例中所描述的方法，打开菜单中的“插入”-“表格”命令，也会弹出“插入表格”对话框。 与很多软件中表格的操作方法相同，在Dreamweaver中对表格也可以进行“合并”和“拆分”操作。如图13-2所示，即是对所选的两个单元格进行“合并”的操作。 创建好表格后，就可以在表格里输入文本了。 一般情况下，直接输入就可以了，当达到单元格末尾时文字会自动换行。如果要在没有达到末尾时换行，按Shift+Enter键，这样文本会强制换行。2.设置单元格背景色和边框颜色 先来看一下设置背景色：选中需要设置背景色的单元格，如图13-3中的

3、“联系方式”所在的单元格，单击“属性面板”上的“背景颜色”下拉按钮，在下拉的颜色列表中选择绿色并单击，即可将所选单元格背景色改为绿色。如图13-3所示。 在图13-3中还可以看到，点击“边框”颜色更改下拉按钮，还可以对选定的单元格的边框颜色进行修改。二、超级链接的使用 怎样才能把所做的网页相互联系起来呢？也就是说当别人点击页面上的图形或文本时怎能跳转到其他页面呢？ 在网页里，我们把这种点击后能进行页面切换的网页界面元素叫超级链接。 以上一课首页为例，创建一个指向站点内其他网页的超级链接。为“个人简介”制作一个超级链接到grjj.htm网页文件。 首先做好grjj.htm网页文件，并保存在“D：

4、海海的网上家园”文件夹中，然后在主页中选中“个人简介”，单击“属性面板”中“链接”列表框右侧的文件夹图标，如图13-4所示。弹出如图13-5所示的“选择文件”对话框，选择被链接的“grjj.htm”文件，单击“选择”按钮，将首页上的“个人简介”文字链接到“grjj.htm”文件的超级链接就完成了。三、网站的发布 网页制作、测试后保存在本地的计算机中，只能在本机的浏览器中浏览。如果要让更多的人看到自己制作的网页，就需要把网页放在互联网上的主页空间里。如何将网页送到远端的服务器或网站上呢？Dreamwaver本身就有FTP的上传、下载功能，可以很方便地进行网站管理。1.申请个人主页空间 互联网上有

5、许多提供个人主页空间的网站，而且都是免费的，只要注册申请一个空间，就可以把制作好的网页上传上去。 以“中国学生网”免费个人主页空间的申请为例：打开“http：/”，点击“注册”按钮，如图13-6所示，在经过第一步阅读条款并同意和第二步完整填写资料后，会提示空间申请成功，激活空间后得到最后的个人免费主页空间激活成功的信息。如图13-7所示。2.在Dreamweaver中配置个人主页空间信息 打开Dreamweaver的“站点”菜单中的“定义站点”命令，在弹出的对话框中单击“编辑”按钮。如图13-8所示。 弹出如图13-9所示的“编辑站点”对话框，在“分类”栏中选择“远程信息”选项，在右边出现的“远程信息”中填入相应的内容。“FTP主机”中填入所申请的主页空间的FTP地址，“登录”和“密码”填入申请空间时的登录名和登录密码。单击“确定”按钮，关闭对话框，再单击“定义站点”对话框中的“完成”按钮，即可完成对站点的定义。 设置完成后，会看到如图13-10所示的“站点”窗口，左栏是远端服务器的文件列表，右栏是本地文件列表，单击工具栏的 “连接”按钮，就可以使本地计算机连接到远端的空间服务器上，选中本地的文件和文件夹，单击工具栏的 “上传”按钮就可以将本地计算机上的文件和文件夹上传到远端的主页空间服务器上，上传后的“站点”窗