当前位置:  首页>网页设计

网页三剑客教程:建站与编辑网页教程

2013-04-11来源:本站整理

dreamweaver cs6 中文版
//www.3987.com/soft/3/90/27494.html

dreamweaver cs5 中文版
//www.3987.com/soft/3/90/6163.html

dreamweaver cs4 中文版
//www.3987.com/soft/3/90/3621.html

dreamweaver cs3 中文版
//www.3987.com/soft/3/90/9710.html

 第2章: 建站与编辑网页(学习指南)         
                                    
 学习目标:
    认识Dreamweaver的操作界面
    理解常用(Comman)对象面板上命令图标的功能
    了解常用对象属性面板上参数的含义和设置
    学会制作简单的网页页面
   
 要点:
    创建网站和制作网页的一般步骤
    插入文本、图像后的格式设置
    各种超链接的使用方法和技巧

 第2章: 建站与编辑网页(第1节)          
2.1 开始建站

2.1.1 Dreamweaver的工作界面
  Dreamweaver MX是目前较新的网页制作软件,首次启动时系统回打开一个选择工具区对话框,如图2.1。


                 
图2.1 选择“Dreamweaver MX用户工作区”

  在“工作区设置”对话框中,选取“DreamweaverMX工作区”单选钮,然后单击“确定”按钮,系统自动打开一个空白未命名的文档窗口,即工作界面,如图2.2


        
图2.2 Dreamweaver MX工作界面

  1.Dreamweaver MX的常用组件

  菜单栏
  与其他软件一样,菜单栏是描述软件完整功能的方式,它提供软件功能的所有命令选项。

  插入栏
  “插入”栏包含用于创建和插入对象(如表格、层和图像)的按钮,包含以下12个选项卡:“常用”、“布局”、“文本”、“表”、“框架”、“表格”、“模板”、“字符”、“媒体”、“文件头”、“脚本”和“应用程序”。在“插入”栏中选择适当的选项卡,单击一个对象按钮或将该按钮的图标拖到“文档”窗口中。


 
图2.3 插入栏

  常用工具栏
  工具栏提供了常用命令的快捷方式,通过使用工具按钮或选框可以快速完成某项操作,如,为网页添加标题等。  


        
图2.4 常用工具栏


  
  属性检查器
  属性检查器可以检查和编辑当前选定页面元素(如文本和插入的对象)的属性,用户可以随时进行修改,设置对象属性时,只要在相应属性选项中输入数值或者进行选择即可。

  面板组
  使用户随时以直观的方式获得特定功能,如,使用“设计”面板中的“CSS样式”面板可以在网页中设置CSS样式;在“窗口”菜单中的相关命令中选择您所希望进行的操作命令即可完成操作。

  第2章: 建站与编辑网页(第1节)         
2.1 开始建站
2.1.1 Dreamweaver的工作界面(续)
  常用工具栏
  工具栏提供了常用命令的快捷方式,通过使用工具按钮或选框可以快速完成某项操作,如,为网页添加标题等。  


        
图2.4 常用工具栏


  
  属性检查器
  属性检查器可以检查和编辑当前选定页面元素(如文本和插入的对象)的属性,用户可以随时进行修改,设置对象属性时,只要在相应属性选项中输入数值或者进行选择即可。

  面板组
  使用户随时以直观的方式获得特定功能,如,使用“设计”面板中的“CSS样式”面板可以在网页中设置CSS样式;在“窗口”菜单中的相关命令中选择您所希望进行的操作命令即可完成操作。    
  右键情景菜单 
   在网页制作时,可以使用右键菜单快速完成某项操作,先定位光标,然后单击鼠标右键打开下拉菜单选择某项命令即可。

图2.5 右键情景菜单

  文档窗口与视图
  工作区的左侧是用户编辑文档的区域,通过菜单命令、选项按钮、插入栏按钮、属性检查器以及面板组等工具来制作网页,文档显示结果与在浏览器中的显示结果基本相同。DreamweaverMX提供了3中用户视图模式:设计视图、代码视图、设计与代码视图,默认为设计视图。切换时点击“常用”工具栏上的相应按钮,如图2.4所示。

上一页 1 2 3 4 下一页

看过本文的还看过

热门手游

更多>>

热门应用

更多>>

用户评论

还没有评论,快来抢沙发吧!