广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    Dreamweaver网页外观属性基本设置攻略

    来源:网络收集  点击:  时间:2024-07-30
    【导读】:
    网页外观就相当于网页要穿什么样的衣服,主要包括标题,字体,颜色,背景,图案等,衣服穿的好看,别人才有兴趣多看看,下面我们就介绍一下具体操作。工具/原料more电脑Dreamweaver软件方法/步骤1/16分步阅读

    点击Dreamweaver软件,新建一个HTML网页。

    2/16

    在文本编辑区输入“欢迎来到我的个人网页”,右边有个标题文本框,输入“我的网页”做为标题。

    3/16

    点击文件——保存,我们在设计过程中一定要经常保存以免丢失,文件名命名为01,点击保存,记住一定不能用中文。

    4/16

    这时点击预览在IExplore,我们要想看到我们设计的效果就要在浏览器里预览,打开网页后可以看到标题就是我的网页“。

    5/16

    现在我们要对页面外观进行设计,点击下面的页面属性,打开了页面属性对话框,里面有字体,大小,颜色,图像,边距这些属性。

    6/16

    点击字体框后面的倒三角选择字体,后面大写的B代表加粗,I对比倾斜,我们可以选择把字体加粗。

    7/16

    接着在下面选择字体大小,这时看不到字体变化,可以点击下面的应用,就看到变化了。

    8/16

    然后选择文本颜色,选择红色,点击应用,字体就变红色了。

    9/16

    接着选择背景颜色,选择黄色,点击应用,背景就变成黄色了。

    10/16

    如果我们不想背景颜色太单一,可以选择图像作为背景,点击浏览,选择一张图片,点击确定。

    11/16

    这时弹出对话框提示是否复制,点击是——表示复制,接着点击保存,就是把图片保存到站点,点击应用,背景就换成我们选择的图片了。

    12/16

    下面重复里有三个选项,no-repeat表示不重复,repeat表示重复,repeat-x表示横向重复,repeat-y表示纵向重复,选择no-repeat只可以看到单张图片。

    13/16

    选择repeat-x,点击应用,可以看到图片横向重复。

    14/16

    选择repeat-y,点击应用,图片就纵向重复。

    15/16

    一般默认都是repeat,除非有特别需要,才会选择其他方式,下面的边距很好理解,都设置为1就行,所以都设置好了就可以点击确定。

    16/16

    最后我们一定要保存,然后点击预览在IExplore,就可以看到我们设计好的网页。是不是经过设计之后网页好看多了。

    软件DREAMWEAVER网页制作外观属性
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1037972.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-07 04:10:22  耗时:0.025
    0.0252s