[ Fs422.CoM]        热烈庆祝风沙电脑技术网站今天开张,做了一年的垃圾站,决定做一个对自己有帮助的站,或许也能帮到你,谢谢你的光临!!!如果有什么问题,可以点此给我留言------风少 2008.7.31
返回首页
当前位置: 首页 > Dreamweaver > Dreamweaver在线学习 > 浏览正文

标题和页边距设置

时间:2009年05月12日来源:网络 作者:hn1688 点击:
再看一下我们做好的页面,你是否觉得少些什么?噢,原来页面还没有标题,背景也显单调。下面我们就来添加标题和背景图片。
  再看一下我们做好的页面,你是否觉得少些什么?噢,原来页面还没有标题,背景也显单调。下面我们就来添加标题和背景图片。

  按下Ctrl+J键,弹出“Page Properties”对话框(图1)。Title文本框中用来添加标题,当用户浏览页面时,页面标题可以帮助了解页面中的内容。我们在框中输入“欢迎到笨象的家做客”。接下来单击“Background Image”框右侧的“Browse”按钮,从弹出的对话框中选择我们事先做好的背景图,回到页面属性框中。

设置页面的标题和背景

图1 设置页面的标题和背景

  单击“OK”,可以看到页面有了背景。按下F12,可以看到在浏览器中,刚才输入的标题显示在标题栏中,页面背景也不错。

点击可看到浏览效果

图2 点击可看到浏览效果

 

 

  从浏览效果中我们可以看到,页面顶部与浏览器工具栏紧挨着,显得很挤,我们可以给页面设置边距。
  现次按下Ctrl+J键,可以看到页面属性对话框中可以设置页边距。
  Top Margin表示页面距顶边距离;
  Left Margin表示页面距左边距离;
  Margin Height表示边距高度;
  Margin Width表示边距宽度。

设置页边距

图3 设置页边距

  我们将Top Margin设为20,Left Margin设为10,单击“Apply”按钮,可以看到页面上面不那么挤了,关闭设置对话框。

  进入浏览器,可以看到新的页面效果。

点击可看到浏览效果

图4 点击可看到浏览效果

  最后我们再保存一下页面,一个简单的个人主页就完成了。怎么样,很容易吧!如果你要做出更漂亮,更复杂的页面,就继续学习下面的课程。

顶一下
()
%
踩一下
()
%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
推荐内容
  • 项目列表的使用

     为了使用输入的内容整齐有序,我们使用项目列表功能。先输入项目列表的第一行,然后选择“Text”(文

  • 插入Flash动画

    如果你觉得这个主页面还太简单了,我们就将其进一步细化,使用其功能更完善些。

  • 标题和页边距设置

    再看一下我们做好的页面,你是否觉得少些什么?噢,原来页面还没有标题,背景也显单调。下面我们就来添加标

  • 加超级链接

     简单的主文件完成后,我们可以依次将其他页面,比如我的爱好、我的收藏等页面建好。这样我们就可以通过超

  • 插入图形

     一个页面光有文本是无法吸引人的,下面我们插入一幅图片,使页面更加生动,图文并茂。  为了保持良好的

  • 添加网页文字

     好,下面我们开始制作网页的正文。现在光标处在正文编辑区,和记事本一样,我们输入文字“笨象先行”。敲

  • 制作简单的网页

    千里之行,始于足下。下面我们开始Dreamweaver之旅,相信这是一次有趣、有益的旅行。

  • 软件界面介绍

    在安装Dreamweaver 3之后,它会自动在Windows的“开始”菜单中创建程序组,打开“开始

  • 1、第一次新鲜接触

     当你在网上冲浪时,会欣赏到很多制作精美的网站,在羡慕的同时,你想亲手制作网页吗?你想让自己制作的网