• 请关注:dreamweaver高级操作!
  • 设为首页
中华英才实验室
  • 首页|论坛|应届生|考研|公务员|培训|留学|招聘信息|职场观察|求职指南|职场攻略|政策法规|大学生创业
  • 名校|高考|招聘会|名企|职业库|创业|面试|就业形势|职业规划|求职攻略|简历模板|外企求职|大学生实习

培训考试

首页>IT培训>Macromedia认证>复习指导>

    dreamweaver高级操作

    培训考试频道  更新时间: 2006-11-26   保存本文   推荐给好友   收藏本页

    单击File-->New,建立一个新的页面,此时DW2会弹出一个新的窗口,我们在此窗口打上“HELLO WORLD!”几个字母,回车键(注意:窗口中的回车相当于代码

    ,而您只想换行的话,主菜单Insert-->Line Break或SHIRT 回车键)后再换行输入第二行文字“这是一个DREAMWEAVER2的演示页”。

      好了,要放的东西已经放好了,下面我们开始编排文字,当然在编辑时我们应该先把属性浮动面板打开,我们先将第一行文字在 中选择字号,选择+2,单击使其加粗,然后单击选择一种深红色,DW2的色彩选择中多了一项吸管功能,利用它您可以在用户界面任意汲取您看到的色彩,就像用PHOTOSHOP中的吸管一样,最后单击使其距中,这样第一行的工作就完成了。哇!用起来怎么像WORD一样!

      再下来我们将第二行文字选定,同样用上述方法将字体放大一号,然后我们设法加上下划线,遗憾的是在属性面板中我们找不到完成这项任务的图标,因此我们必须在菜单Text-->Style中去寻找。找到了!加斜后,我们最后的工作就是让DREAMWEAVER2这个单词变成蓝色,好,让我们用鼠标选取单词,然后再单击选取一种蓝色即可,存盘退出,OK!您的第一个页面已经完成了,您说什么,简单?是的很简单,看上去现在这活比打字还要简单,当然您可以在Modify-->Page Properties中修改一些资料,比如加上背景色,背景图案,链接色定义和文档标题。好了,下一次我们讲如何在文档中加入图象、表单、超链接等更多的元素,让您的页面活跃起来!

    我们知道一个页面光有文本是无法吸收人的,因此我们必须在文档中加入其他的元素,图像当然是最基本的,图文并茂向来就是衡量是否是一篇好作品的准线,这一次让我们来学会如何插入图像、表单、超链接以及其他的一些元素。

      插入图像有两个途径,一种在Windows-->Objects,或者在Insert-->Image直接插入图象,在Objects (对象浮动板)上 您可以一眼就看出那个是插入图片的图标,对!就是这个,接着选择相应的路径即可,如果您顺序下来的话,在前面用户界面详解中我已经介绍了关于图象的属性浮动面板,现在你可以完全控制图像tag和它的属性,还有一些其它的功能,如Image map编辑器和Edit Image按钮(有点象HTML窗口的External Editor按钮)。试试工具条中的所有功能,看看HTML代码的变化。插入一些Shockwave、Flash或ActiveX控件,注意依赖于上下文的界面的变化。页面上选择的区域决定要显示哪个Properties工具条,点击鼠标右键时出现什么菜单。

      用DW2进行超链接无疑是最方便的一件事,首先您当然必须选定目标对象,弹出属性面板,在LINK之后紧跟的空白项后填入您希望的URL或者如果链接地址不是外部地址的话,您同样可以使用来浏览寻找文件,第三种方法最快捷的方法就是使用直接进行拖放,在DW中到处均支持拖放,您可以在SITE管理器中拖动任何一个文件至相应的选择域已形成链接。

      点击工具条左上角的箭头,可以得到Dreamweaver可插入对象的组。缺省情况下这些组是Common, Froms,Head和Invisibles。到现在为止我们已经用过 common组中的元素。现在让我们看看Forms组,它 包括一系列窗体元素:

    Form tag:

    Text input:

    Button: .

    Checkbox:

    Radio button:

    Select menu:

    File upload:

    Image button:

    Hidden Form field:

      当你创建一个Form时,要保证Form元素存在于form tag之内,否则它们不会工作。


    制作表格

     表格无疑是HTML所有标签中最为重要的标签之一,尤其在CSS和DHTML出现以前,利用您可以做很多事情,如果现在您上网看看哪一个站点主页的HTML源代码没有几个TABLE的标签,那么它的主页一定很糟。DW2比DW1.2而言,表格控制功能大大增强,更加智能化,如今您不用再为制作一张10行*10列的表格而发愀了!

      让我们开始创建一张表格吧!在对象面板上选择后,会弹出一张表格参数表,您可以根据需要自行设定,按OK后,在面面就会出现一张表格,弹出Properities面板后,表格的属性面板在前面所述章节用户界面详解中有详细介绍, 这些属性能帮助你用较少的精力创建非常复杂的表格,完全是所见则所得!

    建立分帧结构页面


    以前我一提起分帧头就大,因此我做分帧页面,通常就是将人家的分帧源代码COPY过来,然后在上面进行修改,现在在DW2下我们可以轻松地创建二帧、三帧、任意帧的页面。

      首先选中View-->Frame Borders,这时您能观察到页面边上多了一圈格线,将鼠标移到上下左右任意一边,移到鼠标上方,按ALT键(是针对WINDOWS的用户)时,您会发现鼠标变成了一个左右方向状,这时您可拖动鼠标对页面进行任意切割,如果您要调整帧的属性,请单击Window-->Frames,弹出帧浮动面板后,如下图:

    SRC:指在分帧打开的源文件;BORDERS:指是否需要边框线;
    FRAME NAME:该帧的内部变量名;SCROLL:是否允许有滚动条;
    NO RESIZE:复选项,指是否允许重新由客户端设定分帧宽度;
    BORDER COLO:设定边框线颜色;
    MARGIN WIDTH:是指该帧文档离左右的宽度;
    MARGIN HEIGHT:是指该帧文档离上下的高度;
    修改满意后,选择File-->Save All ,将所有文档全部存盘即可,这样分帧文件就完成了。


    Tag 【责任编辑:shihui】
    上一篇:解决在Dreamweaver中不支持中文文件名的方法 下一篇:备考速成:Dreamweaver经典技巧
最新评论共有 0 位网友发表了评论
查看所有评论
发表评论
  评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码: 匿名?
注册
  1、本站文章部分来源于互联网,转载是为了更好信息共享。如果侵犯了您的合法权益,请及时通知我们,我们将第一
  时间删除。
  2、中华英才实验室力倡IT文化,崇尚互联共享,欢迎各种媒体转载我们原创的文章,转载请注明出处:中华英才实验室
  3、转载中华英才实验室原创文章,请注明:转载自[中华英才实验室:http://www.chinahrlab.com]
  • 复习指导最新文章
  • ·Macromedia认证考试内容详解
  • ·Dreamweaver MX实例祥解:图片应用技巧集锦
  • ·网页的版式设计—文字的格式化
  • ·给自己的独创网页加个密
  • ·网页设计必须注意的29个问题
  • ·巧用Firework设计个性化印章
  • ·Dreamwaver常见问答集(一)
  • ·Dreamwaver常见问答集(二)
  • ·如何让网页的大图片更快更好的显示?
  • ·Dreamwaver常见问答集(三)
  • 论坛热帖
  • 论坛
  • 复习指导热点关注
  • ·如何让网页的大图片更快更好的显示?
  • ·网页设计必须注意的29个问题
  • ·巧用Firework设计个性化印章
  • ·网页的版式设计—文字的格式化
  • ·备考速成:Dreamweaver经典技巧
  • ·dreamweaver高级操作
  • ·Dreamweaver MX实例祥解:图片应用技巧集锦
  • ·Dreamwaver常见问答集(三)
  • ·解决在Dreamweaver中不支持中文文件名的方法
  • 编辑推荐文章
  • ·Macromedia认证考试内容详解
  • ·巧用Firework设计个性化印章
  • ·网页的版式设计—文字的格式化
  • ·Dreamweaver MX实例祥解:图片应用技巧集锦
  • ·网页设计必须注意的29个问题
  • ·给自己的独创网页加个密
  • ·备考速成:Dreamweaver经典技巧
  • ·dreamweaver高级操作
  • ·解决在Dreamweaver中不支持中文文件名的方法
  • ·Dreamwaver常见问答集(三)
    首页 | 关于我们 | 广告服务 | 网站地图 | 免责条款 | 人才招聘 | 给我留言 | 联系我们 | 友情链接 | 黑板报
    Copyright @ 2006-2008 chinahrlab.com. All rights reserved. 中华英才实验室 版权所有
    京ICP备06024305号