当前位置:七道奇文章资讯设计学堂DW设计
日期:2009-10-30 22:53:00  来源:本站整理

<b>Dreamweaver简单描写制作网页的基本步骤</b>[DW设计]

赞助商链接



  本文“<b>Dreamweaver简单描写制作网页的基本步骤</b>[DW设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

本主如果针对初学者,若何利用制作一个?这个具体具体讲授了制作的步骤,及注意的问题,并且拿一个实例来给大家做了一下具体讲授!
  
成立页面

  1、在Dreamveaver“文件-新建-通例-基本页-HTML”,这样就建好了一个页面,英文版的默许的文件名为untitled.htm.中文版的的默许的文件名为“无标题文档”.htm就表示这个文件是一个静态的HTML文件.给它改名为index.htm.
  
   注:第一页的名字普通是index.htm或index.html.别的页面的名字可以自己取.这也就是,上传后翻开默许衔接到此页.

  2、在标题空格里输入名称,点击改正-页面属性,翻开“页面属性”窗口.在这里可以设置的标题、后台颜色或后台图象,超级链接的颜色(普通默许便可),其他都保持默许便可.

   3.此光阴标位于左上角,可输入一句话,如“欢送来到我的”.选取文字,用菜单“窗口/属性”翻开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等.

   4.如要选取,则挑选中的最后一项:编辑列表.然后在对话框中选+号,接着在“可用”栏中挑选需求加入到列表中的一种,点击中间的按钮便可以加入了.
  
   注:在上最常用的是宋体字.不要将特别的加到列表中利用,因为别人上未装就看不到.假如需求用的话,要做成图片后再利用.

   注:在上打入空格的办法是:把输入法调为全角.

   注:在上换行的办法是:shift+Enter.只按Enter则为换段.

  下面拿一个现成的例子来给大家讲授一下:

  目前,以下边的简单为例,论述一下制作历程.简单以下图:

 

Dreamweaver简单描写制作的基本步骤



   在开始制作之前,我们先对这个页面举行一下解析.看看这个页面用到了哪些东西.

   □顶端的标题“我的”是一段文字.
   □中间是一幅图片.
   □最下端的欢送词是一段文字.
   □后台是一深紫红颜色.

   假想好这个的构造,我们便可以开始制作了.

   首先启动,确保你已经用站点管理器成立好了一个(根目录).

   为了制作便利,请您事前翻开资源管理器,把要利用的图片汇集到目录images文件夹内.

插入标题文字】

   进入页面编辑视图状况.在普通情形下,编辑器默许左对齐,光标在左上角闪耀,光标位置就是插入点的位置.假如要想让文字居中插入,点属性面板居中按钮便可.启动中文输入法输入“我的”四个字.字小不要紧,我们可以对它举行设置.

  【设置文字的格局】 选中文字,在上图属性面板中将格局设置成默许,大小可肆意更改字号.并选中“B”将变粗.

  【设置文字的颜色】首先选中文字,在属性面板中,单击颜色挑选图标,在弹出的颜色挑选器顶用滴管选取颜色便可.

  【设置的标题和后台颜色】

     点击“改正”菜单选“页面属性”.系统弹出页面属性对话框(以下图)

 

Dreamweaver简单描写制作的基本步骤



  请在标题输入框填入标题“我的”.

   设置后台颜色: 后台可以是图片,也可以是颜色.此例是颜色.如上图翻开后台颜色挑选器举行选取.假如后台要设为图片,点击后台图象“浏览”按钮,系统弹出图片挑选对话框,选中后台图片文件,点击肯定按钮.

  视图状况,在标题“我的”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中.您也可以通过属性面板中的左对齐按钮让其居左安设. 

  【插入图象】挑选以下肆意一种办法:

  (1)利用插入菜单:在“插入”菜单选“图象”,弹出“挑选图象源文件”对话框,选中该图象文件,单击肯定.以下图:
 

Dreamweaver简单描写制作的基本步骤




  (2)利用插入栏:单击插入栏对象按钮>选 按钮,弹出“挑选图象源文件”对话框,别的操作同上.

  (3)利用面板组“资源”面板(以下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区符合位置.

 

Dreamweaver简单描写制作的基本步骤



  注:为了管理便利,我们把图片放在“images”文件夹内.假如图片少,您也可以放在站点根目录下.注意文件名要用英文或用拼音文字命名并且利用小写,不能用中文,不然要呈现一些麻烦.

   一个图片就插入完毕了.(插入*.swf动画文件,挑选“插入”菜单>媒体>).

   【输入欢送文字】

   在图片右边空白处单击,回车换行.仍旧按照上述办法,输入文字“欢送您……”然后,操纵属性面板对文字举行设置.

  保存页面.

  一个简单的页面就这样编辑完毕了.

  【预览】在页面编辑器中按F12预览效果.

  中的第一页,也就是首页,我们普通在存盘时取名为index.htm.

【小结】我们制作了一个简单的.

    内容有四:

    ①图片插入和对齐设置;
    ②文字的格局、颜色和加粗等设置;
    ③后台颜色的设置;
    ④预览,查看实际效果.

    不但要掌握还要举一反三反复操练.


  以上是“<b>Dreamweaver简单描写制作网页的基本步骤</b>[DW设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .