Dreamweaver制作网页(参考手册)

Dreamweaver制作网页(参考手册)
Dreamweaver制作网页(参考手册)

选中某一种工作区名称的单选项,再单击“确定”按钮,

单击选中“设计器”单选项,再单击“确定”按钮,

对话框。

通常在没有任何文档打开时,也会自动弹出“Macromedia

由上图可以看出,Dreamweaver 8的工作区主要由标题栏、菜单栏、文档窗口、状态栏、

(2)调整工作区布局后,单击“窗口”→“工作区布局”→“保存当前”菜单命令,可弹出“保存工作区布局”对话框,在“名称”文本框内输入名称,如下图所示:

Dreamweaver 8工作区简介

(1)文档窗口

文档窗口用来显示和编辑当前的文档页面。文档窗口的底部有状态栏,

息。

在文档窗口最大化时,其标签顶部显示文档的名称。文档工具栏和标准工具栏在文档窗种视图,单击文档工具栏中的按钮

用鼠标拖曳标尺左上角处的小正方形,

内合适的位置后松开鼠标左键,即可将原点位置改变。

击“查看”→“标尺”→“重设原点”菜单命令。

(5)“属性”栏

“属性”栏也叫属性检查器或“属性”面板。利用“属性”栏可以显示并精确调整网语言;如果在选中一个对象时单击

面板的拆分:将鼠标指针移到面板左上角

如果要将面板组合中的面板

如,“CSS样式”标签),使它成为当前面板,再单击面板右上角的

如图1-2-13所示。

单击该菜单中的“将文件组合在”→“新组合面板”菜单命令,板(例如,“CSS样式”面板)拆分出来,如下图所示:

面板的组合:单击面板(例如,“CSS样式”面板)右上角的

单击该菜单中的“将文件组合在”→“层”菜单命令,

一起。单击面板菜单中的“重命名面板组”菜单命令,

关闭面板:单击面板(组)标题栏右上角的

从该对话框可以看出,利用它可以建立各种类型的文件。

本页”选项,然后选择“基本页”列表框中的

个空白的HTML网页文档。

打开网页文档:单击“文件”→“打开”菜单命令,

内选中要打开的HTML文档,单击“打开”按钮,即可将选定的

开前面编写的名字为1-1.htm文档。

(2)保存文档和关闭文档

单击“文档”→“保存”菜单命令,可以原名字保存当前的文档。

单击“文档”→“另存为”菜单命令,可弹出“另存为”对话框。利用该对话框可以将当前的文档以其他名字保存。

单击“文档”→“保存全部”菜单命令,可将当前正在编辑的所有文档以原名保存。

(1)文字标题格式的设置

根据HTML语言规定,页面的文本有

方式都是设定好的。在“格式”下拉列表框中,可以选择各种格式。

在“可用字体”列表框中选择字体,然后双击该字体名称,

框中显示出相应的字体名称;也可以单击某一个字体名字,再单击

加到“选择的字体”列表框内。

按照上述方法,依次往“选择的字体”列表框中加入字体组合中的各种字体。

“编辑字体列表”对话框中的

种。可以通过在选中页面内的文字后,单击文字“属性”栏内的

的(减少缩进,向左移两个单位)按钮或(增加缩进,向右移两个单位)按钮。

单击按下

单击按下

单击文字“属性”栏内的“大小”下拉列表框右边的

面板中有许多文本格式控制按钮,通过这些按钮可以方便地插入各种文本。

的“字体标签编辑器”按钮

2.设置和修改项目列表

(1)设置项目列表

设置无序列表和有序列表:选中要排列的文字段,再单击文字“属性”栏内的

可设置无序列表;选中要排列的文字段,再单击文字“属性”栏内的

(2)修改项目列表属性

首先将列表的文字按照无序或有序列表方式进行列表,

击“文本”→“列表”→“属性”菜单命令,弹出“列表属性”对话框,如图

“列表类型”下拉列表框用来选择列表类型,

和菜单列表4种。项目列表的段首为图案标志符号,是无序列表;编号列表的段首是数字,是有序列表。选择“编号列表”选项后,“列表属性”对话框中的隐藏选项会变为有效。

在“样式”下拉列表框内,

选择“[默认]”选项和“数字”选项,

选项,段首标记为小写罗马数字;选择“大写罗马数字”选项,段首标记为大写罗马数字;选择“小写字母”选项,段首标记为英文小写字母;

文大写字母。

栏“图像”快捷菜单中的“图像”按钮

按钮

捷菜单处显示的不是“图像”按钮,

(2)图像与文字间距的调整

图像与文字的间距是指图像与文字水平方向和垂直方向的间距,距”和“垂直边距”文本框内的数值来实现,数值的单位是像素。

图像命名:在图像“属性”栏的左上角会显示缩小的选中的图像,的字节数。可以在图像右边的文本框内

(JavaScript、VBScript等)对它进行引用。

中的数值;要想将宽度和长度全部还原,则可单击“重设大小”按钮

文件”右边的按钮,即可弹出“选择图像源文件”对话框,利用它可以更换图像。

;拖曳指向文件图标

击按钮,可以增加动态图像按钮;选中动态图像按钮名称,再单击

钮;单击动态图像按钮名称,再单击按钮或

(2)在水平线“属性”面板内,“宽”文本框用于输入水平线的水平长度数值,“高”文本框用于输入水平线的垂直高度数值,单位有像素和百分数(

拉列表框内,可以选择“默认”、“左对齐”、“居中对齐”或“右对齐”选项。

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.标签 4.标签 5.标签
    (____)指定链接地址 (____)图片标记 (____)表单 (____)无序列表 (____)框架标记 二、单项选择题(每个题只有一个选项是正确的。每题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.360docs.net/doc/3c1132223.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、为图片添加链接 与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。 ****图片可以创建不同的多个链接。方法如下: 在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。

    相关文档
    最新文档