文档库 最新最全的文档下载
当前位置:文档库 › 用Dreamweaver制作网页的基本步骤

用Dreamweaver制作网页的基本步骤

用Dreamweaver制作网页的基本步骤
用Dreamweaver制作网页的基本步骤

用Dreamweaver制作网页的基本步骤

时间:2010-06-29 08:46来源:未知作者:大宝库点击:读取中次

阅读工具:字体:大中小

本教程主要是针对初学者,如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解!

创建网页页面

1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

注:网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。

2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。

3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。

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

注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。

注:在网页上打入空格的办法是:把输入法调为全角。

注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。

下面拿一个现成的例子来给大家讲解一下:

现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:

在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。

□网页顶端的标题“我的主页”是一段文字。

□网页中间是一幅图片。

□最下端的欢迎词是一段文字。

□网页背景是一深紫红颜色。

构思好这个网页的结构,我们就可以开始制作了。

首先启动Dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。

为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。

【插入标题文字】

进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。

【设置文字的格式】选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。并选中“B”将字体变粗。

【设置文字的颜色】首先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。

【设置网页的标题和背景颜色】

点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)

请在标题输入框填入标题“我的主页”。

设置背景颜色:网页背景可以是图片,也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片,点击背景图象“浏览”按钮,系统弹出图片选择对话框,选中背景图片文件,点击确定按钮。

设计视图状态,在标题“我的主页”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。

【插入图像】选择以下任意一种方法:

(1)使用插入菜单:在“插入”菜单选“图像”,弹出“选择图像源文件”

对话框,选中该图像文件,单击确定。如下图:

(2)使用插入栏:单击插入栏对象按钮>选按钮,弹出“选择图像源文件”对话框,其余操作同上。

(3)使用面板组“资源”面板(如下图):点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。

注:为了管理方便,我们把图片放在“images”文件夹内。如果图片少,您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写,不能用中文,否则要出现一些麻烦。

一个图片就插入完毕了。(插入*.swf动画文件,选择“插入”菜单>媒体>Flash)。

【输入欢迎文字】

在图片右边空白处单击,回车换行。仍然按照上述方法,输入文字“欢迎您……”然后,利用属性面板对文字进行设置。

保存页面。

一个简单的页面就这样编辑完毕了。

【预览网页】在页面编辑器中按F12预览网页效果。

网站中的第一页,也就是首页,我们通常在存盘时取名为index.htm。

【小结】我们制作了一个简单的网页。

内容有四:

①图片插入和对齐设置;

②文字的格式、颜色和加粗等设置;

③背景颜色的设置;

④预览网页,查看实际效果。

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”之类的颜色名称或16进制编码指定。默认黑色。 换行:
加粗:... 倾斜:... 滚动字幕: 滚动标签:marquee 最简表达:相关字幕 滚动的属性: Direction--表示滚动的方向,值可以是left,right,up,down,默认为left Behavior--表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

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、 B、 C、 D、 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、在”链接“文本框中直接输入“@” 23、。以下是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、通过页面属性可以修改链接的样式,下列哪些不能在页面属性里设置( D )。 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网页设计基础知识

网页设计基础知识 一、认识网页 1.网页分类:静态网页、动态网页 ◆静态网页:是标准的HTML文件,它是采用HTML(超文本标记语言)编写 的,是通过HTTP(超文本传输协议)在服务端和客户端之间传输的纯文本文 件,其扩展名为.html或htm ◆动态网页:在多方面与静态网页是一致的,它们都是无格式的ASCII码文件, 都包含HTML代码,都可以包含用脚本语言(比如JavaScript或VBScript)编 写的程序代码,都存放在Web服务器上,收到客户请求后都会把响应信息发 送给Web浏览器,根据采用Web应用技术不同,动态网页文件的扩展名不同, 如ASP(使用Active Server Pages)技术,其中扩展名为.asp;使用JSP(Java Server Pages)技术时的扩展名为.jsp等等。 2.URL(统一资源定位器,简称网址):其格式是【协议名://主机名/目录/....../文件名】, 如https://www.wendangku.net/doc/cc12529944.html,;由于网址是最常用的协议是http是默认的协议,所以可当 刮简写为https://www.wendangku.net/doc/cc12529944.html,;ftp://123.52.3.20;, 3.网页(Web Page):打开网站所看到的网页,一个网站可以有成千上万个网页。 4.主页(Home Page):打开网站时看到的第一个网页,简称首页。它默认的文件名 通常是index.htm、index.html、default.htm、default.html、default.sap、index.asp等 等 二、网页设计基本原则 1.明确建立网站的目标和用户需求 2.总体设计方案主题鲜明 3.网站的版式设计 4.网页形式与内容相统一 5.三维空间的构成 6.多媒体功能的使用 7.网站测试和改进 8.合理运用新技术 三、网站制作流程 1.选择网站主题 2.规则网站目和目录结构 ◆对收集的资料进行分类,并为其建立专门的栏目,各栏目的主题围绕网站主题 展开,栏目名称具有概括性,各栏目的名称字数最好相同。规划网站栏目的过 程实际上是对网站内容细化,一个栏目有可能就是一个专栏网页。 ◆在创建网站的目录结构时,不要将所有文件都存放一根目录下,需要应该按栏 目为建立文件夹 ◆目录文件命名时,要使用简短的斯文形式,文件名小于8个字符,一律以小写 字母,另外大量的同一类型文件应该是数字序号加以区分,以利于查找。 3.设计网页布局 4.整合网页内容

《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-5

    《网页设计与制作——Dreamweaver8》期末模拟试题一 一、选择题 1、打开Dreamweaver 8窗口后,如果没有出现属性面板。可执行_______菜单中的“属性”命令将其打开。 A、插入 B、修改 C、窗口 D、命令 2.在站点中建立一个文件,他的扩展名应是_______。 A、DOC B、PPT C、XLS D、HTM 3.设置一个没有超链接功能的图像变化(即当鼠标指向页面中的图像时显示另外的图像,当鼠标离开页面中的图像时显示原图像),应使用Dreamweaver 8的_______功能。 A、导航图像 B、翻转图像 C、轮换图像 D、预载图像 4.在_______文本框中输入数据后,数据以*号显示。 A、单行文本框 B、多行文本框 C、数值文本框 D、密码文本框 5.按住_______键的同时拖拽鼠标绘制直线,可以绘制水平、垂直或增量为45度角的直线。 A、Ctrl B、Alt C、Shift D、Ctrl+Shift 6、网站首页的名字通常是() A、Index.htm B、Index.html C、WWW D、A或B 7、在Dreamweaver网页设计中,关于框架的说法正确的是:() A、框架将浏览窗口划分为若干区域,分别显示一个网页的不同部分。 B、单击名字为“Insert Left Frame”的图标,可以将一个框架拆分为上下两部分。 C、通过按下鼠标左键进行拖动,可以直接改变框架高度。 D、框架之间不能实现链接。 8、利用Dreamweaver8中的()技术,可以让网页上的内容随心所欲地放置在任何位置上。 A、表单(Forms) B、框架(Frames) C、层(Layer) D、图像(Image)

    《Dreamweaver网页设计》期末试卷

    《Dreamweaver网页设计》期末试卷 班级:_________:_________ 得分:_________ 一、单项选择题(每个题只有一个的答案是正确的。每题2分,共20分) 1.下图为Dreamweaver8的新建文档页面,一般情况下,创建完全空白的静态页面应选择()。 A. 基本页类别中的“HTML模板”选项 B. 基本页类别中的“HTML”选项 C. 动态页类别中的选项 D. 入门页面中的选项 2.下列选项中()按钮表示插入Fireworks HTML。 A. B. C. D . 3.下列()不能在网页的“页面属性”中进行设置。 A.文档编码 B.背景颜色、文本颜色、颜色 C.网页背景图及其透明度 D.跟踪图像及其透明度 4.JavaScript包括在HTML中,它成为HTML文档的一部分,可将标识放入()。 A.只能在.. 之间 B.只能在...之间 C.既可放入.. 之间,也可放入...之间 D.只能在...

之间 5.在Dreamweaver 8中,下面对象中可以添加热点的是( B )。

A.文字 B.图像 C.层 D.动画 6.要将左图所示的表格修改为右图所示的状态,不能执行的操作是()。 左图右图 A.选中整个表格,在属性面板中将表格的行数从1改为2 B.依次将左右单元格拆分为两行 C.将光标放在表格中的任意位置,执行命令“修改/表格/插入行或列”,在弹 出的对话框中选择插入行,行数为1,位置为“所选之下” D.将光标放在表格中的任意位置,执行命令“修改/表格/插入行” 7.在HTML语言中,表示()。 A.设置颜色为红色 B.设置访问过颜色为红色 C.设置活动颜色为红色 D.设置鼠标上滚颜色为红色 8.关于在Dreamweaver中插入Flash文本,说法错误的是()。 A.可以设置Flash文本的动态效果,如淡入淡出等 B.通过插入Flash文本,用户可以直接创建一个Flash文本对象的动画 C.可以设置Flash文本的字体、字号、文本颜色、鼠标转滚颜色等属性 D.可以为Flash文本设置 9.如果要使用CSS将文本样式定义为粗体,需要设置()文本属性。 A.font-family B. font-style C. font-weight D. font-size 10.为定义目标窗口时,_blank表示的是()。

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",得到的效果是 ()。

Dreamweaver CS3网页制作基础教程第13章习题答案

第13章创建表单网页 一、填空题 1、文本域等表单对象都必须插入到()中,这样浏览器才能正确处理其中的数据。 正确答案:表单 2、按钮的【属性】面板提供了按钮的3种动作,即()、重置表单和无。 正确答案:提交表单 3、()用于在表单中插入一幅图像,代替标准按钮的工作。 正确答案:图像域 4、Dreamweaver CS3新增功能中的Spry框架提供了4个验证表单构件:()、Spry验证文本区域、Spry验证复选框和Spry验证选择。 正确答案:Spry验证文本域 5、在Dreamweaver CS3中可以使用【()】行为对表单进行基本的验证。 正确答案:检查表单 二、选择题 1、选择主菜单中的【插入记录】/【表单】/【表单】将在文档中插入一个表单域,下面关于表单域的描述正确的是()。 A、表单域的大小可以手工设置 B、表单域的大小是固定的 C、表单域会自动调整大小以容纳表单域中的元素 D、表单域的红色边框线会显示在页面上 正确答案:C 2、关于文本域的说法错误的是()。 A、在【属性】面板中可以设置文本域的字符宽度 B、在【属性】面板中可以设置文本域的字符高度 C、在【属性】面板中可以设置文本域所能接受的最多字符数 D、在【属性】面板中可以设置文本域的初始值 正确答案:B 3、在表单对象中,()在网页中一般不显现。 A、隐藏域 B、文本域 C、文件域 D、文本区域 正确答案:A 4、使用()可以在页面中显示一个圆角矩形框,将一些相关的表单元素放在一起。 A、文本域 B、表单 C、文本区域 D、字段集 正确答案:D 5、下面不能用于输入文本的表单对象是()。 A、文本域 B、文本区域 C、密码域 D、文件域 正确答案:D 三、问答题 1、列举常规表单对象和Spry验证表单对象有哪些? 答:常规表单对象主要有表单、文本域、文本区域、单选按钮、复选框、列表/菜单、跳转菜单、图像域、文件域、隐藏域、字段集、标签、按钮等,Spry验证表单对象主要有Spry 验证文本域、Spry验证文本区域、Spry验证复选框和Spry验证选择。

DreamWeaver网页制作

《DreamWeaver网页制作》模拟试卷(一) 一.选择题(每小题2分,共30分) 1、Internet是一个基于()协议的网络。 A、IPX/SPX B、 NETBEUI C 、TCP/IP D、 DLC 2. 表单面板中,其中共有()个表单域对象。 A.12 B 14 C 13 D 15 3.Dreamweaver MX中单元格间距默认为()。 A.0 B 8 C 3 D 1.5 4.在Internet中广泛使用的文件传输协议为()。 A.HTTP B FTP C Telnet D Mailto 5. 以下哪个代码是网面的开始、结束标签的代码()。 A.〈html> </html> B. </head> C </body> D </face> 6. 在顶级域名中,代表中国的域名为()。 A.CN B JP C HK D UK 7.使用框架(Frame)制作主页,页面上已经创建了三个框架,当我选择“文件/全部保存”进行文件时,系统将保存几个HTML文件。() A.3个B.2个C.4 个D.5个 8.用Dreamweaver建立的网页文件的扩展名为()。 A.ASP B.HTML C.XLS D.TXT 9.要想在新窗口中打开目标网页则在链接属性面板中目标列表框中选择哪个选项()。 A. top B.parent C.self D.blank 10. 页面中文本要强制性换行,又要处在同一个段落中,那么必须使用换行符。下列能产生换行符的操作是()。 A.按下Enter键盘 B.按下Shisft+Enter键 C.按下Ctrl+Enter键 D.按下Alt+Enter键 11. Dreamweaver提供了()功能帮助实现创建复杂轨迹 A.嵌套 B.文件头 C.关键 帧 D.录制层路径 12.在链接打开方式中,_top代表() A)把链接文件在自身窗口中打开 B)把链接文件在父框架中打开 C)回到最顶端的浏览器窗口中显示链接所指向的网页文档内容 D)把链接文件在新窗口中打开 13.预览网页时,应按下的键是()。 A.F1 B F2 C F10 D F12 14.1个包含两个框架的页面实际上存在()个文件。 A.1 B 2 C 3 D 4 15.一个包含三个框架的页面中,与框架有关的链接有()种(即目标下拉列表选项数)。A.7 B 6 C 5 D 4 二.填空题(每空1分,共24分)。 1.在网络发展的过程中,按照网络的规模将其划分为两大类:、(简称、) 和、(简称)。

Dreamweaver网页设计教学计划

D r e a m w e a v e r网页设 计教学计划 -CAL-FENGHAI-(2020YEAR-YICAI)_JINGBIAN

Dreamweaver网页设计教学计划 一、课程概况 随着计算机信息技术和网络技术的迅猛发展,越来越多的人加入到网站建设和网页设计行业中,是一个非常有前景的就业方向。 《DreamweaverCS6网页制作案例应用》课程是计算机专业学生的一门必修课。本课程的主要内容包括:利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何进行基本的图像处理;如何应用超链接,如何设置、编辑CSS层叠式样式表;建立框架;模板和库的使用和编辑;如何初步建立动态网页以及网站的发布与维护等基本知识与应用。 本课程的特点:本课程部分内容实践性较强,理论应紧密结合实际,文字教材包括主教材和实训教材。其中实训内容是教学的主线,通过讲解Dreamweaver,介绍网页设计的基本方法、技术,同时结合网页设计理论。学习中一定要注意理论与实践相结合。 二、指导思想、班况分析、学习目标 对于计算机教学而言,应该注重理论和实践相结合,以培养学生动手能力为目的,培养学生对计算机学科的兴趣,让学生了解,掌握网页制作的基本知识和技能。 我所教授的14计算机班和14计升学A班的学生思维活跃,想象力丰富,好奇心强,领悟能力强,同时具有一

定的自学能力和动手能力,但在多数情况下还比较肤浅和不够成熟,因此还需要教师的耐心指导。因此我要指导他们多动手操作,熟练掌握技能。 本门课程,主要以讲解-演示-实践为主线,通过讲解-演示-练习-展评-总结的程序,过渡到知识的应用和练习,实现对知识点的认识理解和记忆,最后达到熟练应用。 三、教学重难点 结合学生实际和当前网页制作的现状,教学重点确定为掌握站点设置,文本编辑,图像编辑,表格应用,CSS样式设置和应用,模板建立及应用,行为应用,动态网页设计初步相关知识点,难点确定为CSS样式的应用,行为的应用,模板的应用及动态网页初步设计。 四、课时分布

Dreamweaver CS3网页制作基础教程第2章习题答案

第2章规划、创建和管理站点 一、填空题 1、【站点定义】对话框包括【基本】和【()】两种状态。 正确答案:高级 2、通过【站点】/【()】命令可打开【管理站点】对话框对站点进行编辑。 正确答案:管理站点 3、在Dreamweaver中,可以通过设置【()】来定义Dreamweaver的使用规则。 正确答案:首选参数 4、新建文档默认的扩展名可以通过【首选参数】对话框的【()】分类来设置。 正确答案:新建文档 二、选择题 1、下列关于网站规划的说法错误的是()。 A、网站必须有一个明确的主题 B、网站栏目设置要合理 C、网站推广一定发生在网站发布之后 D、网站必须有自己的风格 正确答案:C 2、新建网页文档的快捷键是()。 A B C D 正确答案:B 3、是否允许使用 的( A、常规 B、不可见元素 C、复制/粘贴 D、新建文档 正确答案:A 4、关于【首选参数】对话框的说法,错误的是()。 A、可以设置是否显示欢迎屏幕 B、可以设置是否允许输入多个连续的空格 C、可以设置是否使用CSS而不是HTML标签 D、可以设置默认文档名 正确答案:D 三、问答题 1、常见的网页布局类型有哪些? 常见的网页布局类型有“国”字型、“匡”字型、“三”字型、“川”字型、标题文本型、框架型、封面型和Flash型等。 2、举例说明通过【首选参数】对话框可以设置Dreamweaver的哪些使用规则。 答:在Dreamweaver中可以通过设置【首选参数】来定义Dreamweaver的使用规则。例如,在Dreamweaver CS3启动时是否显示欢迎屏幕,在文本处理中是否允许输入多个连续的空格,在定义文本或其他元素外观时是使用CSS标签还是使用HTML标签,不可见元素是否显示,新建文档默认的扩展名是什么等。 四、操作题

用Dreamweaver制作网页的基本步骤

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

DW网页制作论文

电子商务网页设计课程论文 题目:网页设计论文 所属系 专业 学号 姓名

摘要........................................................................................................................... - 2 -概述........................................................................................................................... - 2 -DREAMWEA VER简介........................................................................................... - 2 -网页的结构图........................................................................................................... - 3 -制作前的准备工作................................................................................................... - 3 - I IS设置 (3) 站点设置 (5) 静态网页制作........................................................................................................... - 6 - 建立超链接 (6) 文字链接.............................................................................................................................. - 6 - 图片链接.............................................................................................................................. - 6 - 热区链接.............................................................................................................................. - 7 - E-mail链接.......................................................................................................................... - 7 - 锚点链接.............................................................................................................................. - 8 - 文件头标签. (8) 时间轴动画 (8) 下拉菜单 (8) 动态网页制作........................................................................................................... - 9 - 登录注册模块 (9) 数据库建立.......................................................................................................................... - 9 - 连接数据库.......................................................................................................................... - 9 - 新闻发布模块 (9) 新闻发布系统的页面构成.................................................................................................. - 9 - 数据库设计........................................................................................................................ - 10 - 页面设计............................................................................................................................ - 10 -

dreamweaver简单描述制作网页的基本步骤

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

Dreamweaver网页设计作业-2013-9-5

Dreamweaver网页设计作业1 一、单项选择题(每个题只有一个的答案是正确的。每题3分,共30分) 1.下列( C )不能在网页的“页面属性”中进行设置。 A.文档编码 B.背景颜色、文本颜色、链接颜色 C.网页背景图及其透明度 D.跟踪图像及其透明度 2. JavaScript包括在HTML中,它成为HTML文档的一部分,可将标识放入( C )。 A.只能在.. 之间 B.只能在...之间 C.既可放入.. 之间,也可放入...之间 D.只能在...

之间 3.在HTML语言中,表示( C )。 A.设置链接颜色为红色 B.设置访问过链接颜色为红色 C.设置活动链接颜色为红色 D.设置鼠标上滚链接颜色为红色 4.关于在Dreamweaver中插入Flash文本,说法错误的是( A )。 A.可以设置Flash文本的动态效果,如淡入淡出等 B.通过插入Flash文本,用户可以直接创建一个Flash文本对象的动画 C.可以设置Flash文本的字体、字号、文本颜色、鼠标转滚颜色等属性 D.可以为Flash文本设置链接 5.如果要使用CSS将文本样式定义为粗体,需要设置( C )文本属性。 A.font-family B.font-style C.font-weight D.font-size 6.为链接定义目标窗口时,_blank表示的是( B )。 A.在上一级窗口中打开 B.在新窗口中打开 C.在同一个帧或窗口中打开 D.在浏览器的整个窗口中打开,忽略任何框架 7.使用Dreamweaver8 创建网站的叙述,不正确的是( C )。 A.站点的命名最好用英文或英文和数字组合 B.网页文件应按照分类分别存入不同文件夹 C.必须首先创建站点,网页文件才能够创建 D.静态文件的默认扩展名为.htm或.html 8.添加背景音乐的HTML标签是( A )。

相关文档
相关文档 最新文档