a我考网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 155|回复: 1

[Dreamweaver] 2012年职称计算机辅导:发布你的站点

[复制链接]
发表于 2012-8-2 09:54:20 | 显示全部楼层 |阅读模式
本文章说明如何使用 Macromedia Dreamweaver 8 设置远程站点,以及如何发布 Web 页。远程站点通常是运行 Web 服务器的远程计算机上保存本地文件副本的位置。用户在浏览器中查看您的页时,就是在访问在 Web 服务器上运行的远程站点。9 o* h+ }$ p9 m4 L- U5 n
了解远程站点
( Z/ ^: j* s. s* m创建了 Web 站点后,下一步就是通过将文件上传到远程文件夹来发布该站点。远程文件夹是存储文件的位置,这些文件用于测试、生产、协作和发布,具体取决于您的环境。Dreamweaver 将此文件夹称为远程站点。" h- X- U" B8 `8 s+ @6 q- ~
在继续之前,您必须能够访问远程 Web 服务器(例如您的 ISP 的服务器、您的客户所拥有的服务器、公司中的 Intranet 服务器,或者 Windows 计算机上的 Internet 信息服务 (IIS) 服务器)。如果您尚不具有对这样一个服务器的访问权,请与您的 ISP、客户或系统管理员联系。
! P1 R# w" `' G6 }您也可以在本地计算机上运行一个 Web 服务器,如 IIS (Windows) 或 Apache (Macintosh)。有关在本地计算机上设置 Web 服务器的更多信息,请参见安装 Web 服务器。
( m! k# y1 a& Z6 S, j' V如果远程根文件夹为空,则本教程中所描述的过程效果最佳。如果您的远程站点已经包含文件,则在远程站点(在服务器上)中创建一个空文件夹,然后将该空文件夹用作您的远程根文件夹。) t: q8 q4 s1 l9 n  |7 l
继续操作之前,您还需要定义一个本地站点。
: V& L) e$ L) k8 a' J# tDreamweaver若干技巧须知道
; n+ L7 A' ^1 h! Z8 m- i创建自定义命令, a5 E& `9 n( e! a) }
Dreamweaver的一个最有用的功能就是“历史面板”。基于历史面板,Dreamweaver能够创建新的命令序列。要创建一个命令,只需要简单地执行你想要记录的步骤。然后,在历史面板中,选择想要保存的步骤,并在右下角点击“保存为”图标,起一个名字,点击OK.此时,你的自定义命令就出现在“命令”菜单中,可以随意使用了。! @  V; b7 D6 E$ O
创建自定义对象
  e/ Z5 R7 Z8 w/ X! G8 w“对象面板”非常利于在页面中快速插入项目,比如表单、框架等等。要创建自定义对象,首先创建一个文件,其中要包含你想插入到文档中的代码。比如,要创建“CNET Builder.com”的新闻框,首先下载这段代码并保存为“newsletters.htm”,然后,为了在对象窗口中创建一个新面板,要在Dreamweaver安装目录中的“ConfigurationObjects”下创建一个文件夹,名字可以随你设置,比如叫做“My Objects”。将文件“newsletters.htm”放置到这个目录下。同时,需要一个代表新对象的图标文件。可以自己创建一个图标文件,或者干脆让Dreamweaver插入一个普通图标。如果是自己创建图标,请注意建立一个18×18象素的GIF文件。将图形文件保存在同一个目录下,名字与新对象的名字一样。  a. x0 y7 ~, ~! J- x+ y
现在,重新启动Dreamweaver或者选择重调入Extensions(按下Ctrl键,点击对象窗口弹出菜单),你可以在对象窗口中看到一个新的功能页面,图标就是你设定的那个。你可以象操作其它对象一样,拖曳这个新对象到页面中。
. ?. m" W! j/ @, D
, V0 w9 i/ F$ A- k7 H7 q' n如果熟悉Javascript,你就可以创建更加复杂的对象和其他扩展程序,比如浮动面板、行为等等。或者,你干脆从Macromedia Exchange下载现成的对象。
回复

使用道具 举报

 楼主| 发表于 2012-8-2 09:54:21 | 显示全部楼层

2012年职称计算机辅导:发布你的站点

</p>改变浏览者的鼠标状态& ]+ u, A& b2 T
这是通过编辑CSS样式表来实现的。具体方法是:选择“文本> CSS样式> 编辑样式表”,弹出编辑样式表窗口,在其中点选“新建”按钮。接着选择“创建自定义样式”,给这个样式表起名,单击确定。编辑该样式表,在左边选择“扩展”项,在右边的“光标”项中选择要出现的指针效果即可。  R7 c; c% Y; X7 F5 Y; @3 r# x
利用Dreamweaver的锚标记制作在一个页面中的跳转链接" P' h% x9 m2 a0 A. W3 p" w
利用Dreamweaver的“锚标记”我们可以实现这个功能。具体方法是:将光标移到你想跳转到的地方,选择菜单中的“插入>命名锚记”,输入锚记的名称。接下来,在你想调用链接的链接目标框中输入“#书签名称”,这样一个页面内的跳转链接就做好了。在这里,如果我们在锚记名称前填入网页的名称,就会跳转到其他页面中的书签处。 比如说我们在连接处输入“index.htm#top”,当浏览者点击这个链接时就会跳转到index页面中的“top”锚记处。
+ T- ^( s" F5 J2 `: X# j- c% l# m去掉图片和表格接触地方的空隙0 E% ?& g1 j8 _& h' z- ?; m) l+ Q9 m
要使图片和表格接触的地方不留空隙,仅在表格属性面板上把边框设为“0”是不行的,还需要在表格的属性面板上把单元格的两个属性设为“0”(即cellspacing=“0”和cellpadding=“0”)。
; V: m% n3 q( W0 I; K0 p0 h% Q用跟踪图像帮助定位网页中各元素的位置! z% \* o( v0 x6 T( y, O6 _7 K
“跟踪图像”是Dreamweaver一个非常有效的功能,它允许用户在网页中将原来的平面设计稿作为辅助的背景。这么一来,用户就可以非常方便地定位文字、图像、表格、层等网页元素在该页面中的位置了。跟踪图像的具体使用是这样的:首先使用各种绘图软件作出一个想象中的网页排版格局图,然后将此图保存为网络图像格式(包括gif、jpg、jpeg和png)。用Dreamweaver打开你所编辑的网页,在菜单中选择“修改>页面属性”,然后在弹出的对话框中的“跟踪图像”项中输入刚才创建的网页排版格局图所在位置。再在图像透明度中设定跟踪图像的透明度,OK.这样你就可以在当前网页中方便地定位各个网页元素的位置了。使用了跟踪图像的网页在用Dreamweaver编辑时不会再显示背景图案,但当使用浏览器浏览时正好相反,跟踪图像不见了,所见的就是经过编辑的网页(当然能够显示背景图案)。6 J! X' q  v; R9 K/ Z  U9 q  z
关于“将表格宽度转换成像素”和“将表格宽度转换成百分比”0 k" F6 ~/ H$ H. v' j6 C2 g7 X
“将表格宽度转换成像素”和“将表格宽度转换成百分比”,是Dreamweaver的两个设置表格宽度的重要功能。当你打开一个带有表格的网页时,选中某个表格,在随后显示出的表格属性工具面板中就能看到这两个按钮了。顾名思义“将表格宽度转换成像素”就是将表格中所有单元格的宽度以像素表示,而“将表格宽度转换成百分比”是将表格中所有单元格的宽度以百分比表示。仔细想想他们的作用,如果将一个表格的宽度全以像素表示,当浏览窗口被放大时,表格就不会随之放大单元格的宽度。而使用了“将表格宽度转换成像素”后能够使你在“640×480”分辨率下建立的100%宽的表格在更高的分辨率下依旧保持100%的宽度。所以活用这两个功能可以使网页排版事半功倍。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Woexam.Com ( 湘ICP备18023104号 )

GMT+8, 2024-5-6 00:18 , Processed in 0.171589 second(s), 23 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表