当前位置：文档之家› Dreamweaver制作网页技巧(3).

Dreamweaver制作网页技巧(3).

Photoshop小技巧集锦

1. 快速打开文件

双击Photoshop 的背景空白处( 默认为灰色显示区域即可打开选择文件的浏览窗口。

2. 随意更换画布颜色

选择油漆桶工具并按住Shift 点击画布边缘,即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色,设置前景色为25% 灰度(R192 ,G192 ,B192 再次按住Shift 点击画布边缘。

3. 选择工具的快捷键

可以通过按快捷键来快速选择工具箱中的某一工具,各个工具的字母快捷键如下:

选框-M 移动-V 套索-L 魔棒-W

喷枪-J 画笔-B 铅笔-N 橡皮图章-S

历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O

钢笔-P 文字-T 度量-U 渐变-G

油漆桶-K 吸管-I 抓手-H 缩放-Z

默认前景和背景色-D 切换前景和背景色-X

编辑模式切换-Q 显示模式切换-F

另外,如果我们按住Alt 键后再单击显示的工具图标,或者按住Shift 键并重复按字母快捷键则可以循环选择隐藏的工具。

4. 获得精确光标

按Caps Lock 键可以使画笔和磁性工具的光标显示为精确十字线,再按一次可恢复原状。

5. 显示/ 隐藏控制板

按Tab 键可切换显示或隐藏所有的控制板( 包括工具箱 ,如果按Shift+Tab 则工具箱不受影响,只显示或隐藏其他的控制板。

6. 快速恢复默认值

有些不擅长Photoshop 的朋友为了调整出满意的效果真是几经周折,结果发现还是原来的默认效果最好,这下傻了眼,后悔不该当初呀!怎么恢复到默认值呀?试着轻轻点按选项栏上的工具图标,然后从上下文菜单中选取“ 复位工具” 或者“ 复位所有工具” 。

7. 自由控制大小

缩放工具的快捷键为“Z” ,此外“Ctrl +空格键” 为放大工具,“Alt +空格键” 为缩小工具,但是要配合鼠标点击才可以缩放;相同按Ctrl+“+” 键以及“ -” 键分别也可为放大和缩小图像;Ctrl+Alt+“+” 和Ctrl+Alt+“ -” 可以自动调整窗口以满屏缩放显示,使用此工具你就可以无论图片以多少百份比来显示的情况下都能全屏浏览!如果想要在使用缩放工具时按图片的大小自动调整窗口,可以在缩放工具的属性条中点击“ 满画布显示” 选项。

8. 使用非Hand Tool( 手形工具时,按住空格键后可转换成手形工具,即可移动视窗内图像的可见范围。

在手形工具上双击鼠标可以使图像以最适合的窗口大小显示,在缩放工具上双击鼠标可使图像以1:1 的比例显示。

9. 在使用Erase Tool( 橡皮擦工具时,按住Alt 键即可将橡皮擦功能切换成恢复到指定的步骤记录状态。

10. 使用Smudge Tool( 指尖工具时,按住Alt 键可由纯粹涂抹变成用前景色涂抹。

11. 要移动使用Type Mask Tool( 文字蒙版工具打出的字形选取范围时,可先切换成快速蒙版模式(用快捷键Q 切换,然后再进行移动,完成后只要再切换回标准模式即可。

12. 按住Alt 键后,使用Rubber Stamp Tool( 橡皮图章工具在任意打开的图像视窗内单击鼠标,即可在该视窗内设定取样位置,但不会改变作用视窗。

13. 在使用Move Tool( 移动工具时,可按键盘上的方向键直接以1 pixel 的距离移动图层上的图像,如果先按住Shift 键后再按方向键则以每次10 pixel 的距离移动图像。而按Alt 键拖动选区将会移动选区的拷贝。” 键可以实时增加或减少采样宽度( 选项调板中。

15. 度量工具在测量距离上十分便利( 特别是在斜线上 ,你同样可以用它来量角度( 就像一只量角器。在信息面板可视的前提下,选择度量工具点击并拖出一条直线,按住Alt 键从第一条线的节点上再拖出第二条直线,这样两条线间的夹角和线的长度都显示在信息面板上。用测量工具拖动可以移动测量线( 也可以只单独移动测量线的一个节点 ,把测量线拖到画布以外就可以把它删除。

16. 使用绘画工具如( 如画笔,向笔等 ,按住Shift 键单击鼠标,可将两次单击点以直线连接。

17. 按住Alt 键用吸管工具选取颜色即可定义当前背景色。通过结合颜色取样器工具(Shift+I 和信息面板监视当前图片的颜色变化。变化前后的颜色值显示在信息面板上其取样点编号的旁边。通过信息面板上的弹出菜单可以定义取样点的色彩模式。要增加新取样点只需在画布上用颜色取样器工具随便什么地方再点一下,按住Alt 键点击可以除去取样点。但一张图上最多只能放置四个颜色取样点。当

Photoshop 中有对话框( 例如:色阶命令、曲线命令等等弹出时,要增加新的取样点必须按住Shift 键再点击,按住Alt+Shift 点击可以减去一个取样点。

18. 裁切工具大家都一定用过,这种情况你也一定遇到过;在你调整裁切握、而

裁切框又比较接近图像边界的时候,裁减框会自动地贴到图像的边上,令你无法精确的裁切图像。不过只要在调整裁切边框的时候接下“Ctrl” 键,那么裁切框就会服服帖帖,让你精确裁切。

复制技巧

19. 按住Ctrl+Alt 键拖动鼠标可以复制当前层或选区内容。

20. 如果你最近拷贝了一张图片存在剪贴板里,Photoshop 在新建文件(Ctrl+N 的时候会以剪贴板中图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置,在打开的时候按住Alt 键(Ctrl+Alt+N 。

21. 如果创作一幅新作品,需要与一幅已打开的图片有一样的尺寸、解析度、格式的文件。选取“ 文件” → “New” ,点Photoshop 菜单栏的Windows 选项,在弹出菜单的最下面一栏点击已开启的图片名称,是的,就是这么简单!

22. 在使用自由变换工具(Ctrl+T 时按住Alt 键(Ctrl+Alt+T 即可先复制原图层( 在当前的选区后在复制层上进行变换;Ctrl+Shift+T 为再次执行上次的变换,

Ctrl+Alt+Shift+T 为复制原图后再执行变换。

23. 使用“ 通过复制新建层(Ctrl+J” 或“ 通过剪切新建层(Ctrl+J” 命令可以在一步之间完成拷贝到粘贴和剪切到粘贴的工作;通过复制( 剪切新建层命令粘贴时仍会放在它们原来的地方,然而通过拷贝( 剪切再粘贴,就会贴到图片( 或选区的中心。

24. 若要直接复制图像而不希望出现命名对话框,可先按住Alt 键,再执行“ 图像” → “ 副本” 命令。

25. Photoshop 的剪贴板很好用,但你更希望直接使用Windows 系统剪贴板,直接处理从屏幕上截取的图像。好的,按下Ctrl +K ,在弹出的面板上将“ 输出到剪贴板” 点中吧!

26. 在Photoshop 内实现有规律复制

在做版面设计的时候我们会经常把某些元素有规律地摆放以寻求一种形式的美感,在Photoshop 内通过四个快捷键的组合就可以轻易得出。

(1 圈选出你要复制的物体;

(2 按Ctrl+J 产生一个浮动Layer ;

(3 按旋转并移动到适当位置后确认;

(4 现在可以按住Ctrl+Alt+Shift 后连续按“T” 就可以有规律地复制出连续的物体。( 只按住Ctrl+Shift 则只是有规律移动

27. 当我们要复制文件中的选择对象时,要使用编辑菜单中的复制命令。复制一次你也许觉不出麻烦,但要多次复制,一次一次的点击就相当不便了。这时你可以先用选择工具选定对象,而后点击移动工具,再按住“Alt” 键不放。当光标变成一黑一白重叠在一起的两个箭头时,拖动鼠标到所需位置即可。若要多次复制,只要重复的放松鼠标就行了。

28. 可以用选框工具或套索工具,把选区从一个文档拖到另一个上。

29. 要为当前历史状态或快照建立一个复制文档可以:

(1 点击“ 从当前状态创建新文档” 按钮;

(2 从历史面板菜单中选择新文档;

(3 拖动当前状态( 或快照到“ 从当前状态创建新文档” 按钮上;

(4 右键点击所要的状态( 或快照从弹出菜单中选择新文档把历史状态中当前图片的某一历史状态拖到另一个图片的窗口可改变目的图片的内容。按住Alt 键点击任一历史状态( 除了当前的、最近的状态可以复制它。而后被复制的状态就变为当前( 最近的状态。按住Alt 拖动动作中的步骤可以把它复制到另一个动作中。

选择技巧

30. 把选择区域或层从一个文档拖向另一个时,按住Shift 键可以使其在目的文档上居中。如果源文档和的文档的大小( 尺寸相同,被拖动的元素会被放置在与源文档位置相同的地方( 而不是放在画布的中心。如果目的文档包含选区,所拖动的元素会被放置在选区的中心。

31. 在动作调板中单击右上角的三角形按钮,从弹出的菜单中选择载入动作,进入PhotoshopGoodiesActions 目录下,其下有按钮、规格、命令、图像效果,文字效果、纹理、帧六个动作集,包含了很多实用的东西哟! 另外,在该目录下还有一个ACTIONS.PDF 文件,可用Adobe Acrobat 软件打开,里面详细介绍了这些动作的使用方法和产生的效果。

32. 单击工具条中的画笔类工具,在随后显示的属性条中单击画笔标签右边的小三角,在弹出的菜单中再点击小箭头选择“ 载入画笔…” 。到Photoshop 目录的Brushes 文件夹中选择*.abr 。原来这里还有这么多可爱的东西。

33. 画出一个漂亮的标记,想在作品中重复使用?好办,用套索工具选好它,在Brushes 的弹出菜单中选“ 储存画笔…” ,然后用画笔工具选中这个新笔头…… 朋友,想做居室喷涂吗?

34. 如果想选择两个选择区域之间的部分,在已有的任意一个选择区域的旁边同时按住Shift 和Alt 键进行拖动,画第二个选择区域( 鼠标十字形旁出现一个乘号,表示重合的该区域将被保留。

35. 在选择区域中删除正方形或圆形,首先增加任意一个选择区域,然后在该选择区域内,按Alt 键拖动矩形或椭圆的面罩工具。然后松开Alt 键,按住Shift 键,拖动到你满意为止。然后先松开鼠标按钮再松开Shift 键。

36. 从中心向外删除一个选择区域,在任意一个选择区域内,先按Alt 键拖动矩形或椭圆的面罩工具,然后松开Alt 键后再一次按住Alt 键,最后松开鼠标按钮再松开Alt 键。

37. 在快速蒙版模式下要迅速切换蒙版区域或选取区域选项时,先按住Alt 键后将光标移到快速遮色片模式图标上单击鼠标就可以了。

38. 使用选框工具的时候,按住Shift 键可以划出正方形和正圆的选区;按住Alt 键将从起始点为中心勾划选区。

39. 使用“ 重新选择” 命令(Ctrl+Shift+D 来载入/ 恢复之前的选区。

40. 在使用套索工具勾画选区的时候按Alt 键可以在套索工具和多边形套索工具间切换。勾画选区的时候按住空格键可以移动正在勾画的选区。

dw网页制作基础代码

Dreamweaver 8 基础代码 HTML基本结构（每个网页都是在基本结构的基础上添加内容的） -------- 网页文件开始标签 ------- 头部元素开始标签 --------- 网页标题开始标签 …》头部元素 --------- 网页标题结束标签 ------ 头部元素结束标签- ------- 网页内容开始标签 ... —网页具体内容 ------- 网页内容结束标签」 ------- 网页文件结束标签 Dreamweaver的代码里打“< "会出现可选择代码，或在“< > "里打空格也会出现，方便输入。标签书写方式（不同标签书写方式不同） 1. <标签〉对象如:title、head 等。 2. <标签〉如：br 3. <标签该标签的属性1= “参数1”该标签的属性2= “参数2 ” ...> 对象标签> 如: font 注意： 1. 第三种类型的标签也可以使用第一种的格式，即标签的属性不一定要写。 2. 可以嵌套，但要注意顺序。两个代码之间至少要用一个空格隔开。几个常用标签介绍文字：... face:字体，引号中输入字体名。如：face= “黑体"。默认是宋体。 size:字号。可以是-7 -------- +7 之间整数。默认是3。 color:颜色。可使用“red ”之类的颜色名称或进制编码指定。默认黑色。换行：
加粗：... 倾斜：… 滚动字幕: 滚动标签：marquee 最简表达：相关字幕滚动的属性： Direction-- 表示滚动的方向，值可以是left , right , up , down，默认为left Behavior--表示滚动的方式，值可以是scroll （连续滚动）slide （滑动一次）alternate （来回滚动）

《Dreamweaver网页制作》期中试卷及答案

一、填空： (40分，每空 1 分) 1、网页三剑客中 Dreamweaver 是(网页)的软件； Fireworks 是(图像）的软件；Flash8 是(动画)的软件。 2、 Dreamweaver8的视图窗口有三种，即(代码)视图、 (拆分)视图和(设计)视图。 3、在开发网页之前，首先应建立一个(站点)来管理网页及图像等内容。 4、网页文件默认的扩展名是(.html)， Flash 源文件的扩展名是(.swf)。 5、在网页设计中，要使表格边框在浏览器中不可见，应将边框粗细设为(0 像素)。 6、通过 Dreamweaver定义站点的方法有(基本)和(高级)两种。 7、站点地图是整个站点的(结构图)，它以(层次结构)显示站点中各网页的链接关系。 8、单元格边距是指(单元格内容与边框)之间的距离；单元格间距是指(单元格)之间的距离。 9、 www 国内称之为广域网，是英文(WORLD)、(WIDE)、(WEB)的缩写，其信息资源主要就是由一篇篇使用(HTML)语言编写的 Web 文档组成。 10、通常用于网络中的图像格式有三种，即(JPG)、 (GIF)和(PNG)格式。 11、使用(放缩)工具可以放大或缩小文档；使用(抓手)工具则可以拖动页面。 12、网页中表格的宽度单位一般以(像素)为单位，也可用(百分比)来表示。 13、表格背景效果有两种设置，分别是(背景颜色)和(背景图案)。 14、跟踪图像用于辅助页面设计，可在(查看)对话框中设置。默认情况下，跟踪图像在 Dreamweaver编辑窗口是(可见)，在浏览器中永远(不可见)。 15、标准表格又称为(html表格)，它是用于 HTML页上显示(文字)以及(图像)和(表格数据)进行布局的强有力的工具。 16、 Dreamweaver 为用户提供了(左对齐)、 (右对齐)、 (居中对齐)、(两端对齐)四

《Dreamweaver网页设计》综合练习题(二)及答案

《Dreamweaver网页设计》综合练习题（二）及解答一、选择填空题（每空2分，共20分） 1．HTML 2．URL 3．ICP 4．SGML 5．CSS （_____）网络内容服务商（_____）网络内容服务商（_____）标准通用标记语言（_____）统一资源定位符（_____）超文本标识语言答案：（___3_）网络内容服务商（__5_）网络内容服务商（__4_）标准通用标记语言（___2__）统一资源定位符（___1_）超文本标识语言 1．标签 2．标签

（____）指定链接地址（____）图片标记（____）表单（____）无序列表（____）框架标记二、单项选择题（每个题只有一个选项是正确的。每题3分，共45分） 1、如下所示的这段CSS样式代码，定义的样式效果是（）。

a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色，#00000为黑色，#0000ff为蓝色，#00ff00为绿色 A．默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色B．默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色C．默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色答案： D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色2、下图为Dreamweaver 8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。 A．基本页类别中的“HTML”选项 B．基本页类别中的“HTML模板”选项 C．动态页类别中的选项 D．入门页面中的选项参考答案：A 3、在Dreamweaver 8中，设置超级链接的属性，目标设置为_top时，表示（）。 A．新开一个浏览窗口来打开链接 B．在当前框架打开链接 C．在当前框架的父框架中打开链接 D．在当前浏览器的最外层打开链接参考答案：D 4、在Dreamweaver 8中，下面的操作不能实现插入到下图浅黄区域一行的是（）。 A．将光标定位在第三行单元格中，选择“修改”菜单下“表格”子菜单中的“插入行”命令B．在第三行的一个单元格中单击鼠标右键，打开快捷菜单，选择“表格”子菜单中的“插入行”命令 C．把光标定位在最后一行的第一个单元格中，将该单元格拆分为两行

Dreamweaver网页设计题

网页设计 1.打开Dreamweaver8窗口后，如果没有出现属性面板，可执行（窗口）菜单中的“属性”命令将其打开。 2.在站点中建立一个文件，它的扩展名应是（HTM ）。 3.如果不想在段落间留有空行，可以按（Shift + Enter ）组合键。 4、在网页中连续输入空格的方法是（按下Ctrl+Shift键再连续按空格键）。 5、按（F12 ）键可以在浏览器中预览页面。 6、网页代码可以分为两个部分，一个部分是头部信息，另一部分是网页的（主体部分）。 7、（文档）窗口是指中间的白色大块区域，用来显示当前创建和编辑的文档。 8、打开Dreamweaver 8窗口后，如果没有出现站点浮动面板。可执行窗口菜单中的（文件）命令将其打开。 9、网页的正文部分用代码（）标记。 10、在网页中不能添加的元素是（ D ） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 11、下面不属于“页面属性”中可以设置的内容（ D） A、外观 B、链接 C、跟踪图像 D、首选参数 12、网页标题的标记是（） 13、空格的标记是（） 14、设置背景图片的属性是(background ) 15、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 16、新建文档之后，默认情况下，属性面板显示的是（文本属性）。 17、下面哪个功能不是开始页能够完成的操作（D ）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 18、在下面的选项中哪种不属于网页设计的范围? （ C） A、页面内容设计 B、网页架构设计 C、服务器设计 D、LOGO设计 19、试题编号：080320401002700,答案：b。规划站点的目的是（对网页与素材分门别类的存放，便于管理，提高工作效率）。 20.用下面哪种方法能退出Dreamweaver(Alt+F4 )。 21、网页默认的字体、字号是（宋体、12号） 22、要实现面板的快速显示与隐藏可以按下快捷键（F4 ）。 23、下面的哪一项不属于网页标准色的三大色系?（D ） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 24、。若要使后面的内容隔一行显示，应使用（
标记）标记。 25、设置网页正文字体的大小为9磅，下列正确的单位是（pt ）。 26、下面文件属于静态网页的是 ( C )。 A、index.asp B、index.jsp C、index.html D、index.php 27、如果正在编辑的文件没有存盘，系统在文件名上加上(* )符号提示用户。 28、定义站点时，存放网页的默认文件夹为( C盘根目录)。 29标记必须包含在( )标记中。 30、表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对（像素）值来定义。 31、选择多个非连续单元格，只要按下（ctrl ）键，依次单击要选择的单元格即可。 32、整个表格的html标记是（

） 33、下面选项中哪个不是单元格的水平对齐方式之一（A ）。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 34、以下说法正确的是（ A ） A、如果要选择多个非连续的单元格，只要按下[Ctrl]键，依次单击要选择的单元格即可 B、表格一旦创建，单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 35、表格的行标记是（ A ） A、tr B、td C、table D、tl 36、表格的单元格标记是（ B ） A、tr B、td C、table D、th 37、不可以在插入表格时弹出对话框中设置的属性（ C） A、行数 B、边框粗细 C、边框高度 D、列数 38、下列关于表格颜色的设置说法正确的是（D ） A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景图片 39、下列不能创建表格的是( D ) A、单击[插入]菜单,选择[表格]命令 B、单击常用面板中的"表格"按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 40在属性面板中(边框 )是设置表格边框大小 41、下面哪些操作不可以在“文件”面板中完成（ D ）。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 42、若要在文档中添加一条水平线，应使用（

标记）标记。 43、下列哪个内容不是表格的基本组成部分？（B ） A、行 B、图片 C、单元格 D、列 44、。单击任意一个标签就可以高亮显示文档窗口中的对应内容，如果选择（）标签，则选择了文档窗口中的表格。 45、Dreamweaver 8内置了格式化的表格库，执行（【命令】|【格式化表格】）命令可以应用。 46、在“水平线”属性面板中，不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影

Dreamweaver网页制作教案

认识Dreamweaver 一、学习目的了解Dreamweaver，学会利用Dreamweaver制作网页。二、学习内容 Dreamweaver的基本知识。【学习步骤】 1、Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件，也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、Dreamweaver的窗口（1）标题栏（2）菜单栏（3）工具栏（4）视图栏（5）文件夹列表（6）工作区 3.网页工作区的三个视图方式选项它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。

HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法安装及注册 5.关闭dreameaver 6.保存网页的方法三、小结 Dreamweaver的基本知识

用Dreamweaver制作网页模板

用DreamweaverCS4制作网页模板一、制作模板 (1)在硬盘上创建一个——模板网页的文件夹，然后再该文件中新建一个名为images的文件夹，并将所需要图片复制到该文件中。 (2)打开DreamweaverCS4，创建一个HTML网页 (3)执行菜单中的“文件/另存为模板”命令，在弹出的“另存模板”对话框中设置参数单击“保存”按钮，则模板文件被保存在站点的Templates文件夹中，文件扩展名为.dwt。 (4)由模板生成的网页哪些地方可以编辑，是需要预先设定的。下面设定“navigator”和“content”两个可编辑区域。 (5)单击插入栏“常用”类别中的（可编辑区域）按钮，然后再弹出的“新建可编辑区域”对话框中输入名称，单击确定按钮，同理，制作content可编辑区域， (6)按（Ctrl+S）组合键保存模板。二、应用模板 (1)执行菜单中的“文件/新建”命令，新建一个HTML网页。然后将其保存为inder.html。 (2)进去“资源”面板，单击（模板）按钮，然后选中刚才建立的网页，单击“应用”按钮，模板就被应用到了新的网页中。 (3)更新模板当模板进行了修改了以后，按组合键保存模板，出现所示的“更新界面”对话框，这样会大大提高工作效率。三、模板给设计者带来的好处。模板是在DreamweaverCS4中提供的一种机制，他能够帮助我们快速制作出一系列具有相同风格的网页。制作模板和制作普通网页相同，只是不把网页的所有部分都制作完成，而是只把导航栏和标题栏等各个网页共有部分制作出来作为模板中的不可编辑区域，把中间部分作为可编辑区域来放置网页的具体内容。

Dreamweaver网页设计题库全(有答案)

网页设计复习试题（理论）一、选择题 1、在网页中不能添加的元素是（D） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 2、下面不属于“页面属性”中可以设置的内容（D） A、外观 B、链接 C、跟踪图像 D、首选参数 3、下列 (B )方法无法添加网页标题 A、在 HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 4、下面哪个功能不是开始页能够完成的操作（D）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 5、在下面的选项中哪种不属于网页设计的范围? （ C ） A、页面内容设计 B 、网页架构设计 C、服务器设计 D、 LOGO设计 6、下面的哪一项不属于网页标准色的三大色系?（ D） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 7、下面文件属于静态网页的是( C )。 A、 index.asp B、 index.jsp C、 index.html D、 index.php 8、下面选项中哪个不是单元格的水平对齐方式之一（ A ）。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 9、以下说法正确的是（A） A、如果要选择多个非连续的单元格，只要按下[Ctrl]键，依次单击要选择的单元格即可 B、表格一旦创建，单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 10、表格的行标记是（A） A、 tr B、td C、 table D、tl 11、表格的单元格标记是（B） A、 tr B、td C、 table D、th 12、不可以在插入表格时弹出对话框中设置的属性（ C ） A、行数 B、边框粗细 C、边框高度 D、列数 13、下列关于表格颜色的设置说法正确的是（D） A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景图片 14、下列不能创建表格的是( D ) A、单击 [ 插入 ] 菜单 , 选择 [ 表格 ] 命令 B、单击常用面板中的" 表格 " 按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 15 、下面哪些操作不可以在“文件”面板中完成（D）。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 16 、下列哪个内容不是表格的基本组成部分？（ B ） A、行 B、图片 C、单元格 D、列 17 、在“水平线”属性面板中，不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影 18 、在表格属性面板中，不能设置表格的(B )。 A、边框颜色 B、文本的颜色 C、背景图像 D、背景颜色 19 、（ A ）的易用性以及几乎所有的浏览器所支持的特征是其他网页布局方法所取 A、表格 B、框架 C、层 D、表单 20 、除了（D）格式，其他三种图像格式都是应用于网络。 A、 GIF B、JPEG C、 PNG D、MP3 21 、在制作文本超链接时，建立了超链接的文本（C）发生了变化，并且多 A、字体 B、大小 C、颜色 D、位置 22 、以下能够创建空链接是（ A ） A、在”链接“文本框中直接输入“#” B、在”链接“文本框中直接输入“！ C、在”链接“文本框中直接输入“$”D 、在”链接“文本框中直接输入“ @”以下是 Dreamweaver MX 热点工具的是（ D ） A、矩形热点工具 B、圆形热点工具 C、多边形热点工具 D、以上三个都是 24、下列的哪种图像格式不能插入到网页之中（ D ）。 A、 GIF B、 JPEG C、 PNG D、 BMP 25、源端点不能用于附加超链接的对象组有（ B ）。 A、文本、图像、按钮 B、文本、图像、单元格 C、文本、图像、 FLASH动画 D 、文本、图像、图层 26、通过页面属性可以修改链接的样式，下列哪些不能在页面属性里设置（ A、链接的各种状态颜色 B、链接的文字样式 C、链接的下划线 D、链接文字的底纹样式 27 、下列路径中属于绝对路径的是( A )。 A、 https://www.doczj.com/doc/bf10651295.html,/index.html B、/student/webpage/10.html C、 10.html D、webpage/10.html 28 、占位图像的名称必须以字母开头，且只能包含字母和（ A ）。 A、数字 B、汉字 C、下划线 D、空格 29 、在 dreamweaver 中可以直接制作（C） A、视频 B、音频 C、 flash按钮 D、以上都不对第

Dreamweaver之网页制作报告

《多媒体技术及应用》报告学生姓名：嘎嘎学号：专业班级：自动化103班网页制作报告(目录) 1.设计目的3 1.1 阐述该主题网站的设计意图和创意 3 1.2简单介绍自己的个人网站 3 2.设计思想3 2.1在设计中主要用的技术 3 2.2 网页基本的框架 3 3.网页详细设计分析4 3.1建立布局 4 3.2网页中的图像 5 5

5 6 3.3插入视频和音乐 6 3.4设置图片循环滚动 7 3.5设置链接 7 3.6做个外网搜索栏 8 3.7常用的显示-时间天气 8 3.8建立子网和友情链接 9 3.9文段的处理 9 4.最终效果图9 5、结论总结11 1、设计目的 1.1 阐述该个人网站的设计意图和创意。本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网

页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。 1.2简单介绍自己的个人网站我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页，针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。 2、设计思想 2.1在设计中主要用的技术利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站，利用表格、行为、层和链接等网页设计技术设计页面。 2.2 网页主要的页面本网站以迈克尔·杰克逊的人生经历为素材，主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点：视频和音乐的点播、滚动图片的浏览、百度的在线检索、实时的时间天气、热点的使用、链接的创建、返回顶点等。主网设有8个栏目，图片含有单多个链接。大致结构如下图所示。形象图、图片链接长=600 高=180 图片滚动栏、鼠标即停、链接350 时间天气（更新、滚动、鼠标即停、联网350 搜索栏：size(80)

Dreamweaver网页制作教程

Dreamweaver网页制作教程：定义站点网页教学网【转载】 Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver MX 2004 是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。创建 Web 站点的第一步是规划。为了达到最佳效果，在创建任何 Web 站点页面之前，应对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及页是如何互相连接起来的。请执行以下操作：启动 Dreamweaver MX 2004：选择“站点”>“管理站点”（即，从“站点”菜单选择“管理站点”）。出现“管理站点”对话框。在“管理站点”对话框中，单击“新建”，然后从弹出式菜单中选择“站点”。出现“站点定义”对话框。如果对话框显示的是“高级”选项卡，则单击“基本”。出现“站点定义向导”的第一个界面，要求您为站点输入一个名称。在文本框中，输入一个名称以在 Dreamweaver MX 2004中标识该站点。该名称可以是任何所需的名称。

单击“下一步”。出现向导的下一个界面，询问您是否要使用服务器技术。选择“否”选项，指示目前该站点是一个静态站点，没有动态页。单击“下一步”。出现向导的下一个界面，询问您要如何使用您的文件。选择标有“编辑我的计算机上的本地副本，完成后再上传到服务

器（推荐）”的选项。在站点开发过程中有多种处理文件的方式，初学网页制作的朋友请选择此选项。单击该文本框旁边的文件夹图标。随即会出现“选择站点的本地根文件夹”对话框。单击“下一步”，出现向导的下一个界面，询问您如何连接到远程服务器。从弹出式菜单中选择“无”。您可以稍后设置有关远程站点的信息。目前，本地站点信息对于开始创建网页已经足够了。单击“下一步”，该向导的下一个屏幕将出现，其中显示您的设置概要。单击“完成”完成设置。随即出现“管理站点”对话框，显示您的新站点。单击“完成”关闭“管理站点”对话框。现在，已经为您的站点定义了一个本地根文件夹。下一步，可以

《Dreamweaver网页设计》试题

一、多项选择题【共30题，每小题1分，共30分。】 1.将文本强制换行，但不更换段落，应该按（）键。 A）Enter B）Ctrl+Enter C）Shift+Enter D）Alt+Enter 2.下列各项中不属于CSS样式表优点的是（）。 A）CSS可以用来在浏览器的客户端进行程序编制，从而控制浏览器等对象操作，创建出丰富的动态效果 B）CSS对于设计者来说是一种简单、灵活、易学的工具，能使任何浏览器都听从指令，知道该如何显示元素及其内容 C）一个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性 D）使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量 3.如下所示的这段CSS样式代码，定义的样式效果是（）。 a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} A）默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色 B）默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色 C）默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色 D）默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色 4.下面图像格式中，只有（）格式支持图像背景透明。 A）GIF B）JPEG C）BMP D）PCX 5.在Dreamweaver中插入图像之后，以下说法正确的是（）。 A）自动加入height和width两个属性，使排版位置确定，优化显示速度 B）自动加入Alt属性，当图片不能正确显示的时候显示替代文字 C）自动对图像进行压缩，减小文件尺寸，优化显示速度 D）自动减少图像的颜色数，减小文件尺寸，优化显示速度 6.创建空链接使用的符号是（）。 A）@ B）# C）& D）* 7.页面属性设置中，背景图案默认的填充方式是（）。 A）横向排列 B）平铺 C）纵向排列 D）单个图像 8.在文本链接的 a href标签中插入以下属性：style="text-decoration:none; color:black"，得到的效果是（）。

DW建站怎么制作设计网页终极教程

一、定义站点 1、在任意一个根目录下创建好一个文件夹（我们这里假设为E盘），如取名为MyWeb。***备注：网站中所用的文件都要用英文名。 2、打开Dreamweaver，选择“站点—新建站点”，打开对话框。在站点名称中输入网站的名称（可用中文），在本地根文件夹中选择刚才创建的文件夹（E:web）。然后确定即可。 ***备注：再次打开Dreamweaver，会自动找到刚才设立的站点。如果有多个站点，可以在菜单“站点—打开站点”中去选择。二、创建页面 1、在本地文件夹E:\MyWeb下面的空白处，按右键选“新建文件”，这样就建好了一个页面，默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 ***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。 2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称，按右键选页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像，超级链接的颜色（一般默认即可），其他都保持默认即可。 3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间。 4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。***在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。 ***在网页上打入空格的办法是：把输入法调为全角。 ***在网页上换行的办法是：shift+Enter。只按Enter则为换段。三、为页面添加图片 1、在本地文件夹E:\MyWeb下面的空白处，按右键选“新建文件夹”，这样建立了一个文件夹，用它来放图片，可以改名为tu或pic或images都可以。 2、用菜单“窗口/对象”打开对象面板，点击“插入图像”，在对话框里选要插入的图片。如果会出现对话框：“你愿意将该文件复制到根文件夹中吗？”，必须选“是”，然后将它保存到刚建好的文件夹里。 3、选中该图片，打开属性面板，可以在上面为图片取名，重新设置图片的高、宽，拖住图片角上的点可以变大小。按住shift键，再拖动角上的点，可以使图片保持宽高比例拉伸。如要恢复这原始大小，则单击右下角的“重设大小”按钮。 4、“链接”可以直接在这里输入地址。“替代”是图片的说明，即鼠标指向图片所显示的文字；“边框”是图片边框宽度，“对齐”是对齐方式。四、添加超级链接 1、为文字添加链接。比如，在页面上输入“我的文章”，然后将其选中，打开属性面板，在“链接”一格中，选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口；或是选择blank即打开新窗口。 2、为图片添加链接与上面文字的链接同理，插入图片，然后在属性面板中的链接一格中选择即可。 ****图片可以创建不同的多个链接。方法如下：在属性面板中的“地图”一项下面有一些图形，比如点击方形，光标变成十字，在图片上画

Dreamweaver网页设计电大模拟题库2015(附答案)资料

模拟题库一、配伍题

二、单项选择题 1、下面关于网站策划的说法错误的是（） A．向来总是内容决定形式的 B．信息的种类与多少会影响网站的表现力 C．做网站的第一步就是确定主题 D．对于网站策划来说最重要的还是网站的整体风格 2、下面关于素材准备的说法错误的是（） A．是网站制作中的重要一环 B．在Dreamweaver中自带有准备素材的功能 C．Adobe公司的Fireworks可以和Dreamweaver很好的结合使用 D．网站徽标的设计对于制作网站来说比较重要 3、下面哪个顶层域名（）可以用来标识非盈利的组织、团体。 A． .com B． .gov C． .org D． .mil 4、下面选项中关于浏览器的描述是错误的（） A．浏览器主要包括IE浏览器、Firefox浏览器、苹果公司的Safari浏览器等B． Firefox紧随IE其后，并已有超越之势 C． Microsoft Office 是一款非常好用的浏览器 D．国产浏览器如360、傲游、腾讯TT等由于其采取的恰当的市场策略，整体上已压过了Firefox等在国外很流行的浏览器

5、GIF图像的优点不包括（） A.它支持动画格式 B.支持透明背景 C.无损方式压缩 D.支持24位真彩色 6. 下面那些标签符合（X）HTML的语法结构（） A．国家开放大学 B. 哈利波特 C. [body] [/body] D. {book=网页设计} 7. 在Dreamweaver中插入ActiveX控件文件后，显示为（） A. B. C. D. 8. 下面哪个选项不符合样式表的基本语法规则 ( ) A. a:link {color: #FF3366;font-family: "宋体";text-decoration: none;} B. a:visited {font-family: "宋体";color: #339900;text-decoration: none;} C. a:hover {color: #FF6600;font-family: "宋体";text-decoration: underline;} D. a:active (font-family: "宋体";color: #339900;text-decoration: none;) 9. 在Dreamweaver软件的主编辑窗口中，视图不包括是（） A．拆分 B．级联 C. 设计 D. 代码 10. 为链接定义目标窗口时，_blank表示的是（）。 A. 在上一级窗口中打开 B. 在新窗口中打开

使用Dreamweaver制作网页

第四章使用Dreamweaver制作网页 4.1 Dreamweaver简介 1．主要功能与特色 Dreamweaver 是Macromedia公司推出的可视化的网页设计和站点工具，用户可以不用编写HTML代码就可以生成跨平台、跨浏览器的网页，它支持动态HTML和CSS样式，采用了Roundtrip HTML技术（可以同时进行可视化设计与源代码设计），页面设计过程中自动生成的源代码简练，通过对象的属性控制面板可以很方便地完成各种属性的设置。最新版的Dreamweaver MX在站点管理和动态网页编辑方面的功能更加强大，是目前最为流行的网页设计工具。 2．用户界面（1）主窗口：包括菜单栏（实现几乎所有功能）、工具栏（常用操作）、工作区（网页编辑区）、状态栏（各种提示信息）。（2）浮动的控制面板：在网页设计过程中，随着选中的对象不同，属性面板的内容自动更新，通过它可以完成各种属性设置、建立链接、编辑代码等。（3）站点管理窗口：用类似于资源管理器的方式对站点中的所有文件进行管理，如：重命名、移动（并自动更新所有链接）、复制、删除文件；新建/打开文件夹、文件；可以直接上传（put files）或下传(get files)文件等。 4.2 Dreamweaver中的基本操作 1．建立站点站点是存储所有Web网站文件的地方。用Dreamweaver创建网站前，应该先在资源管理器中建立一个文件夹，以便今后保存所有站点文件。在Dreamweaver中创建网站时，需要给出站点名称（最好直接用网站的中文名字，该名称可以更改）和一个本地文件夹（就用资源管理器中刚建的那个）。建好站点后，再从站点管理窗口建立起各个栏目的子文件夹以及用于保存公共文件的分类文件夹，如放图片的images、放样式的CSS。特别提示：在Dreamweaver中建立文件夹和文件时，应该采用英文字符/数字命名，不要用汉字，以免有时候上传之后不能正常显示。 2．建立网页（1）设置页面总体属性：从“修改”（Modify）菜单中选择“页面属性”（Page Properties），可以设置网页的标题、背景图片、背景颜色、超级链接各状态的颜色、页面边距等。（2）编辑文本：和Word中的操作基本相同，先输入文字，然后通过属性面板设置字体、字号、

用dreamweaver制作网页的实践报告

目录目录 0 摘要 (2) 正文 (3) 网页制作过程大纲 (3) 具体操作步骤 (3) 制作过程简介 (4) 制作网页前的准备： (4) 开始制作网页： (4) 网页制作的要点： (5) 实践心得 (6) 学到的知识： (7) 网页制作心得： (8) 一．页面的设计方面 (8) 二．网页视觉效果 (8) 三．网页的整体布局和导航 (8) 四．网页中文字、图像 (9) 五．网页制作过程中的其他注意事项 (9)

Web考试网页制作摘要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet 的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。企业网站在企业的网络营销当中占有及其重要的地位，只要是涉及网络宣传的企业，都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品，促进实际销售的增长，更能够通过一根网线，向目标客户展示企业自身的形象。对于企业网站设计的观点，偏重网站的形象设计，即在功能务实、体系完善的情况下，重点结合企业理念打造网站的形象。Logo就能很好的表现企业的形象。企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位，决定了其不能够随意更换，因此能否设计一个有内涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的发展，不容小视

dreamweaver网页制作教学大纲

课程编号：课程名称：《网页设计与制作》英文名称：课程类型：专业选修课总学时：72 讲课学时：41 上机实践学时：31 学分：100分适用对象：三年高职电子商务专业先修课程：《计算机文化与应用基础》一、课程的性质和任务 “Dreamweaver 网页设计”是计算机网络技术专业（专科）的一门统设必修课，同时也是电子商务的基础课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS 层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。二、课程的教学目标和基本要求掌握Dreamweaver的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver中应用表单设计网页的方法，掌握并了解可以在网页中插入Fireworks电影、Flash MX电影、ActiveX.控件等多媒体对象的方法。本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。三、先修课程要求《图像处理》要求：熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等四、教学内容和教学要求㈠网页设计介绍 ⒈网页概念 ⒉网页中的基本元素

用Dreamweaver制作网页的基本步骤

用Dreamweaver制作网页的基本步骤如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤，及注意的问题，并且拿一个实例来给大家做了一下详细讲解! 创建网页页面 1、在Dreamveaver“文件-新建-常规-基本页-HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。 2、在标题空格里输入网页名称，点击修改-页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色(一般默认即可)，其他都保持默认即可。 3.此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。 4.如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。注：在网页上打入空格的办法是：把输入法调为全角。注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。下面拿一个现成的例子来给大家讲解一下：现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图：在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。网页顶端的标题“我的主页”是一段文字。网页中间是一幅图片。

Dreamweaver制作网站实例教程

Dreamweaver制作网站实例教程(超实用) 一、定义站点 1、在任意一个根目录下创建好一个文件夹（我们这里假设为E盘），如取名为MyWeb。 ***备注：网站中所用的文件都要用英文名。 2、打开Dreamweaver，选择“站点—新建站点”，打开对话框。在站点名称中输入网站的名称（可用中文），在本地根文件夹中选择刚才创建的文件夹（E:web）。然后确定即可。 ***备注：再次打开Dreamweaver，会自动找到刚才设立的站点。如果有多个站点，可以在菜单“站点—打开站点”中去选择。二、创建页面 1、在本地文件夹E:\MyWeb下面的空白处，按右键选“新建文件”，这样就建好了一个页面，默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 ***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。 2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称，按右键选页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像，超级链接的颜色（一般默认即可），其他都保持默认即可。 3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间。 4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。 ***在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。 ***在网页上打入空格的办法是：把输入法调为全角。 ***在网页上换行的办法是：shift+Enter。只按Enter则为换段。三、为页面添加图片 1、在本地文件夹E:\MyWeb下面的空白处，按右键选“新建文件夹”，这样建立了一个文件夹，用它来放图片，可以改名为tu或pic或images都可以。 2、用菜单“窗口/对象”打开对象面板，点击“插入图像”，在对话框里选要插入的图片。如果会出现对话框：“你愿意将该文件复制到根文件夹中吗？”，必须选“是”，然后将它保存到刚建好的文件夹里。 3、选中该图片，打开属性面板，可以在上面为图片取名，重新设置图片的高、宽，拖住图片角上的点可以变大小。按住shift键，再拖动角上的点，可以使图片保持宽高比例拉伸。如要恢复这原始大小，则单击右下角的“重设大小”按钮。 4、“链接”可以直接在这里输入地址。“替代”是图片的说明，即鼠标指向图片所显示的文字；“边框”是图片边框宽度，“对齐”是对齐方式。四、添加超级链接 1、为文字添加链接。比如，在页面上输入“我的文章”，然后将其选中，打开属性面板，在“链接”一格中，选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口；或是选择blank即打开新窗口。 2、为图片添加链接与上面文字的链接同理，插入图片，然后在属性面板中的链接一格中选择即可。 ****图片可以创建不同的多个链接。方法如下：在属性面板中的“地图”一项下面有一些图形，比如点击方形，光标变成十字，在图片上画一个蓝色矩形的热区，此时在属性面板上可以为这个热区设置链接地址，鼠标指向会显示。同样，再用圆形设置一个热区，就可以再为该图片设置其他链接了。