文档网

Dreamweaver实例

网页设计

1.Dreamweaver 8 编辑界面

Dreamweaver 8 包含有一个崭新的、简洁高效的设计开发界面,新式的页面布局,开放的编码环境,而且新增了众多的功能,改善了软件的易用性,无论处于设计环境还是编码环境都可以方便地生成页面。

(1)标题栏:显示网页文件标题与名称。

(2)菜单栏:包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助等十个菜单项,可以完成所有操作。

(3)对象插入栏:包含用于将各种类型的“对象”(如图像、表格和层)插入到文档中的按钮,分为常用、布局、表单、文本、HTML、应用程序、Flash元素等七组。

(4)文档工具栏:包含各种按钮,它们提供3种“文档”窗口视图(“设计”视图、“代码”视图、“拆分”视图)的选项、各种查看选项和一些常用操作(如在浏览器中预览)。

(5)文档窗口:显示当前创建和编辑的文档,有“设计”视图、“代码”视图和“拆分”视图三种视图方式。当“文档”窗口有一个标题栏时,标题栏显示页面标题,并在括号中显示文件的路径和文件名。当“文档”窗口在集成工作区布局中处于最大化状态时,它没有标题栏;这种情况下,页面标题以及文件的路径和文件名显示在主工作区窗口的标题栏中。当“文档”窗口处于最大化状态时,出现在“文档”窗口区域顶部的选项卡显示所有打开的文档的文件名;若要切换到某个文档,请单击它的选项卡。

(6)属性面板:用于设置、查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。

(7)标签选择器:显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。

(8)文件面板:可以管理文件和文件夹,能访问本地磁盘的全部文件,类似于Windows 资源管理器。

(9)面板组:是组合在一个标题下面的相关面板的集合,包括设计、代码、应用程序、历史记录、框架等面板。单击组名称左侧的展开箭头可以展开相应面板。

2.课程网站主页的创建

下面以制作《现代教育技术》课程网站为例,介绍Dreamweaver的基本操作。

(1)定义本地站点

开始用Dreamweaver制作网页时,首先要定义一个本地站点。作为一个网站,里面有很多网页文件、图片,甚至Flash动画等,如果不进行管理归档就无法方便地进行网页发布。定义本地站点,就是在硬盘上建立一个目录,将所有的网页和相关的文件都放在里面,以便进行网页的制作和管理。

① 在D盘根目录下新建一个文件夹,命名为“myweb”,这个文件夹将作为网站的站点文件夹,以后所有的网页文件、素材都放在这个文件夹下。

② 选择“站点/新建站点”命令(或“站点/站点管理”命令,单击“新建”按钮),弹出“定义站点”向导(图4-1-3所示),输入站点的名字“现代教育技术”,单击“下一步”;

相关文档
热门文档
你可能喜欢
  • Dreamweaver实例教学
  • 网页制作与设计
  • Dreamweaver网页设计
  • 网页设计与制作教案
  • 制作网页
  • flash课件制作教程
  • 制作网站
  • dreamweaver入门
评论