教你如何用Dreamweaver制作网页

合集下载

使用Dreamweaver进行网页设计的实用技巧

使用Dreamweaver进行网页设计的实用技巧

使用Dreamweaver进行网页设计的实用技巧第一章:简介Dreamweaver是一款非常流行的网页设计工具,广泛应用于网页开发行业。

它提供了丰富的功能和工具,使得网页设计变得更加高效和便捷。

本章将介绍Dreamweaver的基本功能和使用方法。

第二章:创建新网页Dreamweaver可以轻松地创建新的网页。

首先,点击“文件”菜单,然后选择“新建”。

在弹出的对话框中,选择网页的类型和所需的模板。

输入网页的名称和保存位置。

接下来,可以通过拖放方式添加文本、图像和其他元素。

第三章:编辑网页内容Dreamweaver提供了强大的编辑工具,可以轻松编辑网页的内容。

通过双击网页中的文本或图像,可以直接进行编辑。

还可以使用“视图”菜单中的“代码视图”查看和编辑HTML和CSS代码。

此外,Dreamweaver还提供了智能提示和自动完成功能,帮助用户更快速地编辑网页内容。

第四章:样式和布局设计Dreamweaver提供了丰富的样式和布局设计工具,帮助用户创建美观的网页。

可以使用“CSS样式”面板添加样式,并对文本、图像等元素进行格式化。

还可以使用网格系统和定位工具来设计网页布局。

通过拖放元素和调整属性,可以实现更具吸引力的页面设计。

第五章:导航设计一个好的导航设计可以提升用户体验,并使网站更易于导航。

Dreamweaver提供了多种导航设计工具,如导航栏、下拉菜单等。

可以使用这些工具轻松地创建导航栏,并将其链接到其他页面。

还可以设置导航栏的样式和交互效果,使得导航更加直观和易用。

第六章:响应式设计随着移动设备的普及,响应式设计已成为网页设计中的重要方面。

Dreamweaver提供了一些有用的工具和功能,用于创建响应式网页。

可以使用媒体查询和自适应布局来适应不同屏幕大小和分辨率。

此外,Dreamweaver还提供了移动设备模拟器,可以在不同设备上测试和预览网页的展示效果。

第七章:网页优化网页加载速度是用户体验和搜索引擎优化的关键因素。

怎么使用dreamweaver制作网页教程 dw建站设计网页

怎么使用dreamweaver制作网页教程 dw建站设计网页

怎么使用dreamweaver制作网页教程 dw建站设计网页Dreamweaver是一款专业的网页制作软件,被广泛应用于网页设计师的日常工作中。

它是一款视觉化网页开发工具,可以轻松制作出跨越平台和浏览器限制的充满动感的网页。

在本文中,我们将为您介绍如何使用Dreamweaver制作网页。

一、定义站点1.在任意一个根目录下创建一个文件夹(例如E盘),并为其命名(例如MyWeb)。

2.打开Dreamweaver,选择“站点-新建站点”,在对话框中输入网站名称和本地根文件夹路径(E:web),然后确定。

此时再次打开Dreamweaver,会自动找到刚才设立的站点。

二、创建页面1.在本地文件夹E:\MyWeb下,右键点击空白处,选择“新建文件”,建立一个页面。

默认的文件名为untitled.htm,将其改名为index.htm。

2.双击index.htm进入该页面的编辑状态。

在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。

在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。

3.在页面中添加文字,可用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。

4.如果需要选取字体,则选择字体中的最后一项“编辑字体列表”,在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。

三、为页面添加图片在页面中添加图片,可用菜单“插入/图片”,选择本地图片路径,然后将其拖拽到页面中即可。

Dreamweaver是一款非常强大的网页制作软件,通过本文的教程,相信您可以轻松上手制作出精美的网页。

1、在本地文件夹E:\MyWeb下新建文件夹,用于存放图片,可更名为tu、pic或images。

2、打开对象面板,选择“插入图像”,在对话框中选择要插入的图片。

若出现对话框“是否将该文件复制到根文件夹中?”,需选择“是”,并保存到刚建立的文件夹中。

如何使用AdobeDreamweaver设计网页

如何使用AdobeDreamweaver设计网页

如何使用AdobeDreamweaver设计网页第一章:介绍Adobe DreamweaverAdobe Dreamweaver是一款专业的网页设计和开发软件,它拥有丰富的功能和工具,能够帮助设计师和开发者更加高效地创建和编辑网页。

本章将详细介绍Adobe Dreamweaver及其主要特点。

1.1 Adobe Dreamweaver的功能Adobe Dreamweaver提供了一系列强大的功能,包括代码编辑、可视化设计、网页布局、代码提示和错误检测等。

它支持多种网页语言,如HTML、CSS、JavaScript和PHP,使得设计师能够全面地开发和编辑网页。

1.2 Adobe Dreamweaver的用户界面Adobe Dreamweaver拥有直观的用户界面,分为多个区域,如文件管理器、代码编辑器和设计视图等。

通过这些区域,用户可以方便地创建、编辑和预览网页。

第二章:使用Adobe Dreamweaver创建网页2.1 创建新网页使用Adobe Dreamweaver,用户可以从零开始创建新网页。

首先,用户需要选择页面模板或空白模板,并设置页面的基本属性,如标题、字符编码和网页布局等。

然后,用户可以开始设计和编辑网页内容。

2.2 设计网页布局Adobe Dreamweaver提供了强大的布局工具,使用户能够轻松创建各种网页布局。

用户可以选择使用CSS布局或表格布局,还可以使用可视化布局工具来直观地排列和调整元素位置。

2.3 编辑网页内容在Adobe Dreamweaver中,用户可以使用所见即所得的方式编辑网页内容。

用户可以直接在设计视图中拖放元素,如文本、图像和链接,也可以在代码视图中手动编辑相关代码。

第三章:优化网页设计与开发3.1 使用CSS样式Adobe Dreamweaver支持CSS样式的创建和编辑,用户可以通过CSS样式来控制网页的外观和布局。

使用CSS样式可以使网页的设计更加一致、美观,并提高页面加载速度。

如何利用Dreamweaver搭建个人网站

如何利用Dreamweaver搭建个人网站

如何利用Dreamweaver搭建个人网站1. 简介搭建个人网站是展示个人信息和技能的好方式,利用Dreamweaver这一强大的网页开发工具,可以轻松实现个人网站的搭建。

本文将介绍如何利用Dreamweaver搭建个人网站,包括设置网站,设计网页布局,添加内容和样式,以及发布网站。

2. 设置网站在开始之前,我们需要设置一个新的网站。

在Dreamweaver中,点击“文件”菜单,选择“新建”>“网站”,填写网站名称、本地文件夹和默认的服务器设置(如果有的话)。

完成设置后,就可以开始设计网页了。

3. 设计网页布局在Dreamweaver中,网页布局可以通过网格系统或自由设计来实现。

网格系统是一种按照固定比例划分的布局,可以在网页中创建各种网格,并在其中放置内容。

自由设计允许您自由移动和调整元素的位置和大小。

选择适合您的需求的布局方式,然后开始设计您的个人网站。

4. 添加内容一个个人网站通常需要包含多个页面,如主页、个人资料、项目展示、联系方式等。

在Dreamweaver中,可以使用“插入”菜单将各种内容添加到您的网页中。

例如,您可以插入文字、图片、视频、音频和表格等。

在添加内容时要注意布局和可用性。

5. 设计样式为了使个人网站更具吸引力,您可以使用CSS(层叠样式表)来设计和设置样式。

在Dreamweaver中,您可以使用CSS面板来编辑和应用样式。

通过定义样式规则,您可以通过一次更改就应用到整个网站中,从而确保网站风格的一致性。

6. 调试和优化在设计完个人网站后,对其进行调试和优化是非常重要的。

Dreamweaver提供了内置的调试和优化工具,可以帮助您检查并修复可能出现的问题,如链接错误、代码错误和页面加载速度等。

优化网站,包括减小文件大小、优化图片和脚本、合理使用缓存等,将对网站的访问速度和用户体验有着重要影响。

7. 发布网站当您完成个人网站的设计和调试后,可以开始将其发布到互联网上。

学习使用Dreamweaver进行网页设计

学习使用Dreamweaver进行网页设计

学习使用Dreamweaver进行网页设计在进行网页设计的过程中,学习使用Dreamweaver是一个非常重要的步骤。

Dreamweaver是一款功能强大的网页设计软件,可以帮助我们创建专业水平的网页并实现各种交互效果。

本文将从安装Dreamweaver开始,逐步介绍如何运用Dreamweaver进行网页设计,并分享一些实用的技巧和注意事项。

1. 安装DreamweaverDreamweaver是Adobe公司推出的一款付费软件,用户需要前往官方网站进行购买并下载,然后按照指引进行安装。

安装完成后,打开软件,我们就可以开始使用Dreamweaver进行网页设计了。

2. 创建新网页在Dreamweaver的主界面中,选择“文件”菜单,然后点击“新建”选项,即可创建一个新的网页文件。

在弹出的对话框中,我们可以选择不同的网页模板或者从头开始创建一个空白页面。

3. 设计网页布局Dreamweaver提供了丰富的工具和功能,可以帮助我们设计网页的布局。

比如,我们可以使用“盒模型工具”来绘制网页的不同区块,使用“文本工具”添加文字内容,使用“图片工具”插入图像等等。

通过简单的拖拽和调整,我们可以自由地设置网页的结构和样式。

4. 编辑网页内容在Dreamweaver中,我们可以直接在设计视图下编辑网页的内容。

通过选中不同的元素,可以修改文字的字体、颜色、大小,插入超链接,调整图片的大小和位置等等。

同时,Dreamweaver还提供了代码视图,在这个视图下,我们可以直接编辑HTML、CSS和JavaScript代码,实现更加精细的调整和功能扩展。

5. 添加交互效果除了基本的布局和内容编辑,Dreamweaver还支持添加交互效果,使网页更加生动和有趣。

我们可以使用Dreamweaver内置的JavaScript 库,如jQuery,来实现点击事件、滑动效果、图片轮播等。

此外,Dreamweaver还提供了内置的视觉编辑器,方便我们设置和编辑交互效果的属性。

如何用Dreamweaver制作网站

如何用Dreamweaver制作网站

如何用Dreamweaver制作网站第一章:了解Dreamweaver的基本功能和特点Dreamweaver是一款非常实用的网页设计和开发工具,它的功能强大,可以让用户轻松创建精美的网站。

在开始使用之前,让我们先了解一下Dreamweaver的基本功能和特点。

1.1 可视化设计界面Dreamweaver提供了直观的可视化设计界面,让用户可以实时预览网页的效果。

通过拖拽元素、调整布局等操作,用户可以轻松创建符合自己需求的网页。

1.2 丰富的组件库Dreamweaver内置了丰富的组件库,包括按钮、导航栏、表单等常用元素,用户可以直接拖拽这些组件到页面上,并根据需要进行自定义修改。

1.3 强大的代码编辑功能除了可视化设计界面,Dreamweaver还提供了强大的代码编辑功能,支持HTML、CSS、JavaScript等多种编程语言。

用户可以直接在代码视图中编辑网页的源代码,并通过语法高亮、智能提示等功能提高开发效率。

1.4 多设备适配Dreamweaver可以根据不同设备的屏幕大小和分辨率自动调整网页布局,确保在各种设备上都能良好展示。

这对于移动设备越来越普及的今天非常重要。

第二章:使用Dreamweaver创建网页的基本步骤现在我们已经了解了Dreamweaver的基本功能,下面让我们一起来学习如何使用Dreamweaver创建网页的基本步骤吧。

2.1 创建网站在使用Dreamweaver之前,我们首先需要创建一个网站。

打开Dreamweaver后,选择“文件”-“新建”-“网站”,然后填写相关信息,比如网站的名称、保存位置等。

完成后,Dreamweaver会自动生成网站的目录结构。

2.2 设计网页布局在Dreamweaver的可视化设计界面中,可以通过拖拽元素、调整布局等操作来设计网页的布局。

可以选择网页的主题模板,或者使用组件库中的元素创建自己的布局。

2.3 编辑网页内容添加文本、图片、链接等内容是网页设计的重要部分。

快速上手使用Dreamweaver进行网站开发

快速上手使用Dreamweaver进行网站开发

快速上手使用Dreamweaver进行网站开发第一章:了解DreamweaverDreamweaver是一款由Adobe公司推出的可视化网页设计和开发工具,它通过图形化编辑界面和内建的代码编辑器,帮助用户轻松创建和管理网站。

本章将介绍Dreamweaver的基本功能和界面布局,帮助读者快速上手使用该工具。

首先,打开Dreamweaver后,你会看到一个分为多个区域的界面。

顶部是菜单栏,用于访问各个功能和选项。

紧接着是工具栏,提供常用的工具和命令按钮。

主编辑区域位于中间,用于编辑网页内容。

左侧是文件管理器,用于浏览和管理项目文件。

底部是状态栏,显示有关所选元素和编辑进程的信息。

第二章:创建网站在Dreamweaver中创建一个新的网站是开发的第一步。

点击菜单栏上的“文件”选项,选择“新建”来创建一个新的空白网页。

接下来,选择“网站”选项,填写网站名称、文件夹和首页等基本信息。

在创建网站时,你可以选择使用其他的预设模板,或者导入现有的网站文件。

Dreamweaver支持多种网页语言,如HTML、CSS、JavaScript等,因此可以根据需要选择合适的语言。

第三章:页面布局与设计在Dreamweaver中,可以使用所见即所得(WYSIWYG)的方式进行页面布局和设计。

可视化编辑区域提供了丰富的设计工具和选项,例如拖放元素、设置样式、编辑文本等。

在设计时,可以使用网格布局工具来快速调整元素的位置和大小。

通过网格布局工具,可以方便地将页面划分为多个区块,并将元素放置在不同的区块中,以实现更好的页面结构。

Dreamweaver还提供了丰富的样式和主题库,可以轻松应用各种风格和外观效果。

用户可以直接选择所需的样式,并进行自定义调整。

此外,还可以通过CSS编辑器来编辑和管理样式表。

第四章:添加交互和多媒体元素为了增加页面的交互性和吸引力,可以在Dreamweaver中添加各种交互和多媒体元素。

例如,可以插入图像、音频、视频等多媒体文件,并调整其尺寸、位置和播放属性。

学会使用Dreamweaver进行网页布局

学会使用Dreamweaver进行网页布局

学会使用Dreamweaver进行网页布局一、Dreamweaver简介Dreamweaver是一款专业的网页设计和编程工具,由Adobe公司开发。

它提供了丰富的功能和工具,使得网页布局变得更加便捷和高效。

下面将介绍如何使用Dreamweaver进行网页布局。

二、Dreamweaver的安装和设置1. 下载和安装Dreamweaver软件:前往Adobe官网下载适合自己操作系统的Dreamweaver安装包,双击安装并按照提示操作。

2. 设置Dreamweaver:打开软件后,点击"编辑"菜单中的"首选项"选项,进行软件设置。

可以根据个人偏好设置编辑器字体、缩进等选项。

三、新建HTML文件1. 点击菜单栏的"文件",选择"新建",然后选择"HTML"文件类型。

2. 在弹出的对话框中,填写网页标题和保存位置,点击"创建"按钮。

四、基本布局1. 使用表格布局:点击"插入"菜单,选择"表格"选项,在弹出的对话框中设置表格的行数、列数等属性。

然后,将需要布局的内容放入表格中的每个单元格中。

2. 使用CSS布局:点击"插入"菜单,选择"CSS布局"选项,然后选择需要的布局类型。

在弹出的对话框中,设置布局的宽度、高度、对齐方式等属性。

接着,将需要布局的内容放入对应的布局区域中。

五、导航栏的创建1. 使用无序列表创建导航栏:点击"插入"菜单,选择"无序列表"选项,然后在需要放置导航栏的位置插入无序列表的代码。

接着,将每个导航项放入无序列表的列表项中。

2. 使用CSS样式创建导航栏:点击"插入"菜单,选择"CSS样式"选项,然后选择需要的导航栏样式。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

能否将网页做好,最重要的是要有一个十分清晰的思
路,从而产生一个对整个网页的合理布局。
首先确定网页主题,根据网页的主题需要规划好一级、
二级菜单的内容。
收集好网页制作所需要的素材(文字、图片、动画、
声音、视频等)。
用网页做课件也是同样的步骤。
有er利用表格来 布局页面、排版。
1)点菜单“插入→表格” 命令,出来一个对话框,设置好 所需表格的行列数和宽度、边距、 间距等。
返回目录
2)点“确定”即可插入一个3×3的表格,横着的是行, 竖着的是列,每一个小格叫单元格;
3)在表格的边框上点一下,可以选中整个表格,下面 的属性面板中也出来表格的各个选项,边框为0的时候不显 示边框线;
返回目录
用Dreamweaver制作简单网页
下面使用Dreamweave制作一个简单的网页,介绍一下Dreamweave制作 网页的基本流程。
1.新建网页 2.编辑网页 3.保存网页 4.预览网页 5.继续编辑网页 6.再次预览网
新建网页、设置页面属性
页面属性的设置主要控制页面的整体外观,包括背景、标题 等。Dreamweaver 提供了【页面属性】对话框,在这个对话框 中提供了多种页面属性的设置方法。
4)表格拆分、合并、嵌套。
返回目录
练习4:用表格布局网页
制作一个用表格布局网站主页的实例,效果如图所示。在本例中,采 取了多种插入、修改表格的方法进行页面布局,旨在通过实例的操作练习, 能够帮助读者更熟练地掌握表格布局的各个知识点,在今后的表格布局中 灵活应用,方便快捷地完成页面布局。
1.插入表格(宽度用像 素)并设置页面属性
Dreamweaver网页制作 学习eamweaver 制作网页
1. 网页构思、素材准备 2. 网页制作软件简介 3. 建立网页文件夹 4. 新建站点 5. 用表格布局网页 6. 文字的输入 7. 在网页中使用图像
8. 图文混排 9. Flash动画的插入 10.声音背景音乐 11.视频的插入 12. 网页间的链接 13. Css样式 14. 模板的制作 15.层的使用
• Dreamweaver工作环境 (Dreamweaver 提供了将全部元素置于一个窗口中的集成工作区。在集成
工作区中,全部窗口和面板集成在一个应用程序窗口中。 ) 工作窗口布局
Dreamweaver 的三种视图模式(代码、拆分、设计)
返回目录
三、建立网页文件夹
做网页之前应先建好文件夹及子文件夹,以便分类存 放网页中使用的图片、动画等素材。文件夹名一般是网页 主题的名字。
Dreamweaver 、Fireworks、Flash 三个软件合在一起,被称为网页制作
“三剑客”,这三个软件相辅相承,可谓是制作网页的最佳拍档。
Macromedia Dreamweaver是一款专业的网页制作软件,用于对 Web 站点、Web页和Web应用程序进行设计、编码和开发。无论开发者愿意享 受手工编写HTML代码时的驾驭感,还是偏爱在可视化编辑环境中工作 ,Dreamweaver都会提供实用的工具,使网页设计者拥有更加完美的Web 创作体验。
八、设置图文混排
1、设置图文混排 2、设置图像边距 3、鼠标经过图像:鼠标经过图像实际上由两个图像组成, 原始图像和鼠标经过图像。这两张图片要大小相等,如果不相 等,Dreaweaver会自动调整鼠标经过图像的大小跟原始图像 大小一致。
返回目录
练习6:制作一个图文并茂的网页
制作一个图文并茂的网页,效果如下图所示。注意应 用图像属性中的左对齐和右对齐。
练习3:新建首页并设置页面属性。
(首页命名:index.htm 或 default.htm 注意新建网页文件位置。) 返回目录
五、用表格布局网页
表格在网页中的应用十分广泛,它是网页中的重要元素。表格在网页中有两种功 能,一种功能是在网页中用表格组织数据,以清晰的二维列表方式显示网页中的内容, 方便查询和浏览。另一种功能是用表格布局网页,平时在网上浏览时看到的排列整齐 的页面,很多都是利用表格进行布局的。这里主要讲一下如何用表格布局网页。
在网页中插入视频文件有两种方式,一种是嵌入式,另外一种是链接式。对于嵌 入式视频,网页打开后会显示一个播放窗口播放文件,而对于链接式视频,网页中仅 仅提供一个超链接,当用户单击打开这个链接后,Windows的媒体播放器会自动启动 并播放这个文件。
网页中插入视频有两个步骤,第一是插入视频文件,其次是设置视频的 宽度、高度。在Dreamweaver中插入视频的可视化操作的有三种:
返回目录
九、在网页中插入flash动画
多媒体技术是当今Internet持续流行的一个重要动力。早期的网页大多是由文字 或者图像构成,由于多媒体技术的发展,音乐、动画、视频等媒体的应用越来越广泛 。音乐网站、电影网站、播客等融合多媒体技术的网站越来越多。
Flash动画以小巧、动感、富有交互性而风靡网络。在制作网页时,将 Flash动画应用到网页中,能使网页更具动感,更富有感染力。
网页中所用图像格式主要有GIF、JPEG和PNG。其中使用 最为广泛的是GIF和JPEG。
在将图片插入网页前,先将图片存放在站点文件夹下的图 片文件夹中。
1)插入图像时,将光标放置在文档窗口需要插入图像的位 置,然后鼠标单击常用插入栏的“图像”按钮插入,然后根据需 要设置大小、对齐方式、边框等。
返回目录
返回目录
十、在网页中插入声音
音频和视频等媒体在网页中的应用越来越广泛,一些音乐网站和电影网在这方面的 应用更典型。
音频文件可以是网页中的声音和用作网页背景音乐。制作网页背景音乐主要有两 个步骤,第一是插入音乐文件,其次是隐藏音乐的播放条。而在Dreamweaver 中插入背景音乐的基本方法是通过插入插件的方法来实现的。 注意:
.mid、.wav、.mp3格式都可作背景音乐,最好用占空间小的文 件.mid、.mp3 参数说明 (详细说明)
autostart:true自动播放 hidden:true 隐藏播放控制面板 loop:true 循环播放
练习: 循环播放的网页背景音乐
返回目录
插入音乐的参数说明
< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" > src:音乐文件的路径及文件名; autostart:true为音乐文件上传完后自动开始播放,默认为false(否) loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 volume:取值范围为"0-100",设置音量,默认为系统本身的音量 starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”, 从 第10开始播放 endtime: "分:秒",设置歌曲结束播放的时间 width:控制面板的宽 height:控制面板的高 controls:控制面板的外观
注意:
1)输入文字时,每段前的空两格,将输入法工具条设置为 全角状态后再按空格键。
2)分段时观察按 Shift+Enter Enter区别
CSS样式
练习5:在网页中输入文字
返回目录
七、在网页中使用图像
图像也是网页元素中的重要组成部分,在网页中插入图像可以使网页更好地表现 网站的主题思想,使版面变得更加丰富多彩,吸引更多的浏览者。在网页中使用图 像时,要考虑图像在页面中的整体效果。
2.布局Banner和导航 条
3.布局图像列表
4.布局详细内容
返回目录
六、文字的输入
网络世界五彩缤纷,涌现出大量优秀精美的网页。大量的网络信息, 无非就是通过文本、图像、动画等网页元素来呈现,其中,文本和图像是 网页中最为重要的设计元素。这里介绍一下文字和图像在网页中的应用。
在网页中输入文字有二种方法:直接输入、复制粘贴文字。
练习1:建立自己的网页文件夹。
注意:
Dreamweaver对中文文件名支持得不是太好,经常会有页面调用 不正确的现象发生,在新建文件夹或在Dreamweaver中保存网页的时 候,用英文或者数字作为文件名称,就可以避免上面的出错现象。
返回目录
四、新建站点
Dreamweaver 不仅仅是网页设计工具,更是网站设计工具,提供了大量和网站 管理维护相关的功能,能够对网站中的文件、链接、媒体文件等多种资源进行统一管 理,使网站设计工作事半功倍。要想使用Dreamweaver 的网站管理功能,必须首先 建立“站点”。
单击下一步,选择“文件存放的位置”,这里文件位置,是你存放站点的路径。 单击下一步,选择“是否连接远程服务器”,在这里,我们选择“本地/网 络”。选择“文件存储在服务器上的文件夹”,选择和上一步存放的文件在同一目 录下。 单击下一步,会提示你是“否存回和取出文件”,这个不用管它,单击下一步,
点击完成。 练习2:建立自己的网页站点。
1.使用菜单:插入-媒体-ActiveX,再“属性”中设置宽、高、ClassID和嵌入 的文件名。 (保证电脑安装有realplay播放器,格式为rm,ram,rmvb)
2.菜单:插入-媒体-插件 (Windows媒体播放,avi,wmv,mpg格式) 3.菜单:插入-媒体-Flash视频 (.flv)
注意:在属性面板中设置宽度和高度,若设置错误要重新调整。
返回目录
十二、网页间的超链接
所谓超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个 网页(同一个网站内部的网页或者其他网站的网页),也可以是同一个网页的不同 位置,还可以是一个电子邮件地址、一个文件(如图片文件、声音文件、视频文件 等。超级链接的链接载体和链接目标
•新建站点步骤:
相关文档
最新文档