论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

北大青鸟PPT:Dreamweaver 使用入门

文章类别:Dreamweaver | 发表日期:2008-12-30 0:05:04

第一章 
Dreamweaver 使用入门
目标
了解 Internet 和万维网(WWW)
理解与 Dreamweaver 相关的概念
掌握创建网站的操作步骤
掌握如何制作简单网页
掌握如何创建超级链接
Internet 和万维网
万维网 2-1
万维网 2-2
Web相关术语
网站:万维网上相关网页的集合
网页:文件后缀名通常为*.html 或* .htm的页面
HTML:用于制作网页的超文本标记语言(Hyper  
                 Text Mark-up Language)
Dreamweaver MX 2004
一款用于设计、开发网站和 Web 应用程序的专业HTML 编辑器
用户可以选择使用布局单元格或框架来设计页面的布局
可用于创建文本、插入动态图像、提供网页超链接、创建 Flash 文本和 Flash 按钮等
可用于组合由某些软件(如 Photoshop、ImageReady 和 Flash 等)制作的图形、动画和按钮


Dreamweaver 概念
静态网页:只能浏览,不能实现客户端和服务器端的交流互动
动态网页:网站页面随用户的输入而变化,能与客户端交流互动
本地站点:一个在我们自己的计算机上,存储网站所有文件的临时文件夹
远程站点:位于远程Web 服务器上,与本地站点相对应
根文件夹:用于存储网站文件的本地根目录

Dreamweaver 工作区
Dreamweaver MX 2004 提供以下两种工作区布局可供选择:
设计者
代码编写者
设计人员工作区
Dreamweaver 2004 MX 提供了一个集成所有面板和窗口的集成工作区 
“插入”栏
“插入”栏中的按钮可用于将对象(如表格、图层和图形等)轻松插入 HTML 页面中
“插入”栏的“常用”选项卡中的按钮可用于插入最常用的对象,如链接、表格、图像、水平线等
属性检查器
帮助编辑当前选择的页面元素属性
演示“属性检查器“的简单用法
面板
组合常用功能、方便用户操作
演示面板的简单用法
面板组
组合在一组标题下的多组相关面板
例如, “文件”面板包含以下两个组
文件
资源

“页面属性”对话框
“页面属性”对话框允许网页设计人员调整页面设置,如标题、颜色和页边距等
演示”页面属性对话框“的简单用法
创建网站
步骤:
选择新建站点,然后为其命名
选择服务器技术(如果适用)
选择在本地计算机上编辑本地副本的选项
选择用于存储网站文件的文件夹
选择连接到远程服务器的选项


制作网页
超级链接简介
文档的任何部分(如文本、页面、表单、动画或图像等)都可用作超级链接
超级链接可用于指向页面的特定部分或网站的不同页面
有三种类型的链接路径:
绝对路径(例如 http://www.sohu.com/index.html)
文档相对路径(例如 adver/contents.html)
站点根目录相对路径(例如 /support/app/customer.html,其中“/”表示根目录)
链接路径 2-1
相对路径
这些链接指向您的网站内部的网页
这些链接是相对于文档或根文件夹而言的,因此不需要一个像 http://www.sohu.com/index.html 一样的完整地址
绝对路径
这些链接指向您没有编辑控制权的站点。
此类链接用于为读者提供附加资源。
   如友情链接:
        Microsoft产品
        惠普产品
        Sun技术

链接路径 2-2
创建超级链接
Dreamweaver 帮助您将页面元素(如文本、图像和按钮等)链接到其他文档(如 HTML 文件、图像和视频等)
链接可以建立在同一站点的各文档中,也可以建立在站点外的文档中


链接到其他文档
链接 URL
如果 URL 路径太长并且很难记住,有一种简单的方法可将其链接到文本或对象
在 Dreamweaver 中选择将要链接的文本或图像
在浏览器中打开该站点,然后从“地址”框中复制此链接
激活 Dreamweaver,在“属性”检查器的“链接”框中粘贴到达该文件的 URL 或路径
按下 Enter 键应用该链接
链接到同一文档的各部分
当一个网页的主题较多或内容较长时,可以在网页内建立多个标记点,将超链接指向这些标记点,使浏览者能快速找到要阅读的内容
这些标记点也就是命名锚记,简称锚

创建并链接命名锚记
步骤:
打开将要创建命名锚记的文档
在窗口的“设计”视图中确定插入命名锚记的位置
插入命名锚记
为锚记命名
在“属性”检查器中链接锚记


链接到其他文档的特定位置
选择将用作链接的文本和图像
将选定的文本/图像与命名锚记链接起来
总结 2-1
Internet 是一种大型网络,是网络的网络
Dreamweaver MX 2004 是一种功能强大的网页编辑工具,可在所见即所得环境中灵活地制作网页
Dreamweaver 可在设计网页时在其中插入文本、图像、动画、音频、视频和 Java Applet 等对象
在 Dreamweaver 工作区中,所有面板、工具栏和文档窗口都集成在一个程序窗口中,类似于大多数基于 Windows 的程序
总结 2-2
定义站点是设计网站的第一步,在此将定义站点的根文件夹、服务器和站点名称
网页共有两种类型,即静态网页和动态网页
通常,链接的路径分为三种:
绝对路径
文档相对路径
站点根目录相对路径

视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058