静态网页制作

静态网页制作

一、网页设计基础

1、熟悉Dreamweaver 8的工作环境

2、创建新站点

创建本地站点：站点----管理站点----新建----站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）----跟随向导设置直至完成

3、网页文件的基本操作

a、创建、打开和保存网页文件

创建：文件----新建----创建

打开：文件---打开----选择欲打开的文件

或者在右边的文件浮动面版中选择打开

保存：文件---保存或另存为

b. 设置网页的页面属性

修改---页面属性---然后设置（标题、背景、背景图像、文本等）

c. 设置网页对象的颜色

网页对象，如页面背景、文字、链接都经常需要设置颜色。

可在各自对应的属性面版中设置。

d. 网页文本的输入和属性设置

文本可键入、导入、粘帖

文字可设置字体、大小、颜色、格式等。

键入空格的方法：1、汉字输入法设置为全角方式，按空格键即可输入。2、属性面版格式中：预先格式化的

换行：ENTER、SHIFT+ENTER

实例练习：

1、输入以下文字

书签夹在诗集里，

落叶夹在深秋里。

喜悦夹在生活里，

追求夹在人生里。

2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。然后保存、预览。

3、第二次设置格式为“标题一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项目符号，对齐方式为“居中”。然后保存、预览。

比较两次设置的效果。

e. 网页图片的插入和属性设置

插入图片，在对话框中选择图片。（最好在建立站点时将欲用的图片素材复制到本地站点目录中）

插入图像占位符，在图片准备好后再加入图片。加入方法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要插入的文件处。

在图像属性面版中设置

f. 插入层

方法: 1、点击插入面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层；

3、可以随意移动层的位置；

4、可在层中插入图像、文字等。

g. *插入表格,用表格定位

方法：

1、先用鼠标点至欲插入表格的位置；

2、点插入面版中的“表格”—“插入表格”；

3、确定行数、列数后确定即将表格插入到选定位置了；

4、可在表格中任何单元格里插入图像、文字等。

h. 建立超链接

方法: 1、选中要建立超链接的文字或图像；

2、点右键“创建链接”打开的窗口或在属性的链接栏里，填入链接的目标。（如：本网站另一个网页，或外部网页如https://www.wendangku.net/doc/659412829.html,，或电子邮件如：mailto:zdhwangji@https://www.wendangku.net/doc/659412829.html,）

3、在页面属性里修改链接的属性：修改--页面属性（链接、活动链接、访问过链接）

二、制作实例1

制作要求：（网页效果）

1、页面的背景图片为bg0100.jpg;

2、在合适的位置插入图片earth.gif;

3、在网页中输入横排带阴影的文字“欢迎访问网络工程08级3、4班主页”

4、将网页用index.htm为名保存在本地站点My site中。

操作步骤：

1、按下面操作建立站点：先新建一个文件夹My site（下面举例中是建立在桌面上）。

●选择“站点”---“新建站点”命令；

●在弹出的对话框中，在“站点名称”文本框中输入“应用实例1”，并点下一步；

●按下图选择“否，我不想使用服务器技术”，然后点“下一步”；

然后点“下一步”；

●在“您如何连接到服务器？”选项里选择“无”，然后点“下一步”；

然后点“完成”。这样就已经建立好一个新的站点了，可以在Dreamweaver界面右边的“文件”窗口里看到新建立的站点信息。

5、2、在文件夹My site下创建文件夹images，以后此站点中用到的图像文件准备全部存放

在images文件夹里；为方便，这里先把此例中需要用到的图片bg0100.jpg和earth.gif 事先存放在此images文件夹里了。

3、创建一个新网页：网页文件--- 新建--- 选“基本页”---创建；

然后在网页编辑器窗口中，选择“修改”-—“页面属性”命令，在“页面属性”对话框

中设置各项参数；

在“标题”文本框中输入“实例1”；

4、用index.htm为名保存文件到本地站点My site中，保存并按F12预览网页。

5、选择“插入”—“布局对象”—“层”命令，或单击工具栏中“布局”选项卡中的“绘制层”按钮，在工作区合适的位置上插入图片定位用的层Layer1，并将光标定位在层中。

6、“插入”--“图像”命令，或“常用”选项卡的“图像”按钮，在打开的对话框中选择文件earth.gif插入层中（若跳出“图像标签辅助功能属性”对话框，里面“替换文本”可填写“地球”或其他，或者不填），然后调整层及图像的位置至合适处；保存并按F12预览网页，若图像位置不合适，则调整到合适位置。

7、在网页合适位置插入第二个层Layer2，在层中输入文字“欢迎访问网络工程08级3、4班主页”，并设置文字属性中的字体、大小等，颜色为黑色；然后保存并按F12预览，若文字属性及位置不合适，则调整到合适为止。

8、选中层中的文字，将其复制到剪贴板中；在网页合适位置处插入第三个层Layer3, 并将文字粘贴到层Layer3中，将Layer3中的文字颜色改为白色，并适当调整层Layer3，使两个层中的黑白重叠文字产生阴影效果。然后保存并按F12预览，若效果不满意，则调整到满意为止。

三、制作实例2

要求：（网页效果）

1、网页名为exa.htm，网页的背景图片为bg0040.gif，网页保存在My site文件夹中；

2、在网页的顶部区域输入标题文字“人生的伴侣.知识的源泉”，用HTM样式“标题1”将其格式化，预览页面效果；

3、在网页的中部区域插入导航条，导航条的6个按钮对应的图片是a1.gif, a2.gif, a3.gif, …..f2.gif, f3.gif, f4.gif（共有24个），每个按钮可以链接一个My site文件夹中的HTML 文件。

4、在网页的合适位置上插入图片t4_1.gif, t4-2.gif, t4-3.gif。

5、在网页的底部区域插入图片wyfy.jpg，并为该图片建立电子邮件链接；

6、预览页面效果后，修改保存网页文件。

操作步骤：

先将要用到的图片素材复制到My site文件夹里的images文件夹。

1、新建一个网页，并将新网页取名为exa.htm，保存在My site文件夹中；在网页编辑器窗口中，选择“修改”--“页面属性”命令，在“页面属性”对话框中设置标题为”应用实例2”, 背景图片为bg0040.gif；

2、在网页的顶部区域合适的位置上输入标题文字“人生的伴侣.知识的源泉”，并选中这些文字。在属性面板中，选择格式中“标题1”；

3、在网页的中部区域合适的位置插入光标，选择菜单“插入”—“图像对象”—“导航条”命令，此时的网页编辑窗口中，会弹出“插入导航条”对话框。

在“项目名称”文本框中设置第1个按钮的名称为a；在下面按钮4个状态的文本框中分别输入images文件夹中的a1.gif, a2.gif, a3.gif, a4.gif 4个文件的路径和名称；在“按下时，前往的URL”文本框中输入该按钮链接的对象名称和路径（因此实例站点中只有index.htm 和exa2.htm两个网页文件，所以这里先填入index.htm来看看效果）。

选中“预先载入图象”和“使用表格”选项；选择“插入”下拉列表框中的水平方向设置导航条；

4、点“插入导航条”对话框最上面的“+”后，重复步骤3，可设置其他5个按钮（这里为简便，后五个按钮只对“状态图像”进行设置，其他三种图像不再设置了），设置完成后，

效果如下：

5、在网页合适的位置上插入3个用于图片定位的层，并在不同的层中插入images文件夹中的图片文件tu1.gif, tu2.gif, tu3.gif；

6、在网页的底部区域插入带图片wyfy.jpg的层，选中图片，在图片“属性”面板的“链接”文本框中，输入mailto:+EMAIL地址，建立电子邮件链接；

7、保存并预览网页，调整各方面属性及位置直至满意。最终效果如下：

在预览中尝试点击“科学技术”按钮和“我要发言”图片。

四、制作实例3: 用表格布局定位应用实例

要求：页面效果

(1) 创建新网页名称为shu.htm, 网页的背景图片为本bg0040.gif, 网页文件保存在My site 文件夹中.

(2) 在网页中插入7行6列的表格, 按照页面效果对网页中单元格进行合并调整，在表格上方合适位置的单元格里插入Flash文件shu.swt，在表格左边合适位置的单元格里分别插入图片文件t5-1.gif, t5-3. gif, t5-4. gif, t5-6. gif. 每个图片与My site 文件夹中的一个HTML文件或某一外部网站建立超链接,被链接的HTML文件在新窗口中打开，在表格右边合适位置的单元格中,插入逐帧动画文件shu-1.gif.

(3) 预览页面效果后,保存网页文件.

操作步骤：.

(1) 新建一个页面,选择[修改]|[页面属性]命令,在[页面属性]对话框中设置背景图片为

bg0040.gif, 并将网页取名为shu.htm保存在My site 文件夹中.

(2) “插入”---“表格”, 在弹出的“表格”对话框中设置7行6列，表格宽度设为

800像素，然后确定，则网页中插入了一个7行6列的表格。

(3) 选定第一行，然后点右键，在菜单中选“表格”—“合并单元格”；选定第五列的

三、四、五行，然后点右键，在菜单中选“表格”—“合并单元格”；

(4) 在表格中的第一行单元格中插入光标，选择菜单中“插入”—“媒体”—“Flash”，此时可在表格顶部的单元格中,插入Flash文件shu.swf。

若希望动画是透明的，则在属性中将“参数”设置入下图：

(5) 在表格的第三行第二列、第四行第三列、第五行第二列、第六行第三列和第三行第

五列的单元格中中分别插入光标，插入图像文件shu1.gif, shu3.gif, shu5.gif, shu6.gif, shu-1.gif。将图像shu1.gif链接到exa.html页面（在下面图像shu1.gif的属性面板中“链接”项填入“exa.html”），将图像shu5.gif链接到一个外部的网站（比如链接到百度，在属性“链接”项中填入https://www.wendangku.net/doc/659412829.html,）。

按F12键预览页面后，保存文件。下面是预览效果图：

五、制作实例4: 框架集的使用

要求：页面效果

操作步骤：

1、新建站点名为“框架集应用”的站点；

2、“文件”--- “新建”--- 选“框架集”--- 选“左侧固定”--- “创建”，然后在弹出的

“框架标签辅助功能属性”对话框中按“确定”。

3、“文件”--- “保存全部”：将框架集页面保存为index.htm，左侧框架页面保存为

leftFrame.htm，右侧框架页面保存为rightFrame.htm。

4、在下面属性窗口中按如下进行设置，然后保存并按F12预览；

5、这里补充一点：建立了框架集页面之后，任何时候，在菜单“窗口”中选中“框架”，

在右下侧会出现“框架”窗口，点击里面不同部分则可激活相应的框架页面；

6、接下来，在左侧框架页面中用表格定位的方法插入三个竖排的图片作为导航按钮，效果

如下：

7、新建一个基本页面，在页面里输入“科学技术”，保存页面为kxjs.htm；

8、在mainFrame.htm页面中，鼠标点中“科学技术”图片，在下面的图片属性中设置其链

接属性如下：

9、保存并预览，在预览页面中，点击左侧的“科学技术”图片，可见到kxjs.htm页面会在

右侧的框架页中显示（如下图效果）。

提示：在以后需要修改框架各部分页面尺寸时，如果找不到框架边框，可通过“菜单”—“查看”---“可视化助理”--- 选中“框架边框”，即可使框架边框显示。

六、其他一些应用

1、插入声音：例如插入MP3

(1) 在右边“标签”窗口中点“行为”---“+”---“播放声音”；

（2）打开对话框中选择要插入的MP3文件后确定：

（3）打开“代码”编辑窗口，将HTML代码中的自动播放控制由“false”改为“true”：

修改后：

2、插入视频：

(1) “插入”----“媒体”-----“ActiveX”-----弹出窗口“确定”，双击页面编辑窗口中产生的图标，在打开的“选择Netscape插件文件”对话框中，选择要插入的视频文件，然后确定；把图标大小调整到合适。

(2) 保存文件并预览。

网页制作技术(试题库)

9105__网页制作技术(试题库) 9105 网页制作技术(三剑客) 1.假设舞台上有同一个元件的两个实例,如果将其中一个的颜色改为#FF000,大小改为原来的200%,那么另外一个实例将会发生什么变化? A:颜色也变为#FF000,但大小不变 B:大小也变为原来的200%,但颜色不变 C:颜色变为#FF000,大小变为原来的200% D:没有变化 正确答案D 2.Dreamweaver将选定文本变为斜体的快捷操作是? A:Ctrl+B B:Ctrl+I C:Ctrl+Shift+E D:Ctrl+F2 正确答案B 3.使用【修改】|【取消组合】快捷键什么为命令可以对象间的群组关系,使对象分离为群组前的各个对象? A:Ctrl+ Shift + B B:Ctrl+ Shift + Q C:Ctrl+ Shift+ G

D:Ctrl+ Shift +T 正确答案C 4.菜单栏上的【修改】|【组合】快捷键为什么,命令对多个矢量对象进行群组,群组后变成一个对象? A:Ctrl + B B:Ctrl + Q C:Ctrl + G D:Ctrl + O 正确答案C 5.Timeline表示? A:层 B:行为 C:样式表 D:时间线 正确答案D 6.Flash action“Stop All Sounds”意义是什么? A:停止所有声音的播放 B:跳转至某个超级连接地址URL C:发送FSCommand命令 D:装载影片 正确答案A 7.当Flash导出较短小的事件声音(例如按钮单击的声音)时,最适合的压缩

选项是什么? A:ADPCM压缩选项 B:MP3压缩选项 C:语音压缩选项 D:原始压缩选项 正确答案A (帮助中可找到) 8.在图层面板下创建蒙板的按钮,单击即可为当前图层创建一个蒙板,直接点击产生的蒙板为白色,按住什么点击产生蒙板,其颜色为黑色? A:Ctrl B:Alt C:Ctrl + Alt D:Shift 正确答案A 9.Bevel效果的作用是什么? A:获得凸起的倒角 B:获得凹陷的倒角 C:可以获得发光的外观 D:A和C都正确 正确答案D 10.图形用来描述图像的是? A:直线 B:曲线

网页制作技术形成性考核第一次作业教学内容

保定电大高职高专2008---2009年度第一学期 网页制作技术 形成性考核作业 姓名 学号 年级 专业

网页制作技术形成性考核第一次作业 成绩 一、填空题 1．在Firewoks MX中，除了可以改变画布的大小外，还可以改变画布的________。 2．在Firewoks MX中，有三种文本变形工具，即缩放工具、倾斜工具和_______________。3．新建的Firewoks文档，默认情况下包含____________和层1两个层，根据需要还可以增加其他的层。 4．如果要在Firewoks文档中的所有帧中都包含相同的对象，可以将对象所在的层设置为_____________。 5．蒙板可以________或隐藏对象的某些部分。 6．蒙板组的创建方法有使用“组合为蒙板”命令和使用___________________命令两种方法。7．制作动画时，食用洋葱皮技术的目的是通过半透明的效果__________其他帧中的内容。8．Firewoks中的帧概念是指__________静态的画面。 9．用Firewoks制作的动画在网页中浏览时，可以播放一次也可以播放多次，如果要动画在网页中持续不断循环播放，应在制作动画时将其设置为__________。 10．在Firewoks中，创建切片的方法有使用工具面板中的切片工具和使用___________________在图像中创建切片。 11．在Firewoks中，创建按钮主要是通过_________________完成，通过绘制不同状态下的按钮图像，完成整钮的创建。 12．在Fireworks中创建弹出适菜单时，应选择一个热点或_______________作为弹出菜单的触发区域,而不能选择一个普通的图像。 13．在文档窗口中，用拖动弹出式菜单边框位置可以设置其相对于触发对象位置，用这种方法只能确定_______________的位置。 14．在Fireworks中, 若要导出单个图像，保存类型选择“仅图像”；若要导出切片图像，保存类型选择__________________。 15．在Fireworks MX中可以使用多种方法制作动画，主要的制作方法有：、补间法制作动画和等。 二、不定项选择题 1．Fireworks MX是一个_______应用软件。 A、网页制作 B、动画编辑 C、图像处理 D、文本处理

《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解

《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用

使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式

网页制作技术期末综合习题

网页制作技术期末综合习题 一、填空题 1．Dreamweaver MX有______种工作界面。 2．在站点中建立新的网页文件，其默认的文件扩展名为_________。 3．打开站点面板时，可执行__________菜单中的“站点”命令。 4．如果不想在段落间留有空行，可以按__________组合键。 5．为了让浏览者快速了解图像的概况，在Dreamweaver MX提供了设置__________的功能。 6．单元格内间距是指单元格内的对象与单元格__________之间的距离。 7．单元格间距是指单元格与__________之间的距离。 8．为了使所设计的表格在浏览网页时，不显示表格的边框，应把表格的边框宽度设为_______。 9．在表格的__________中可以插入另一个表格，这称为表格的嵌套。 10．表格的嵌套是指在一个表格中插入另一个表格，表格的平铺是指将不同的表格放置在网页的____________。 11．为了加快下载速度，尽量_______整个网页的内容放在一个大的表格中。 12．在_________视图中，可以使用拖动鼠标的方法在页面中绘制布局单元格。 13．在_________视图中，可以使用拖动鼠标的方法移动单元格的位置。 14．在Dreamweaver MX中，可以插入文本框的类型有单行文本框、多行文本框和__________。 15．在网页种插入文本框、单选框、多选框或跳转菜单时，要先插入空白的_________。 16．在表单中可以插入的按钮包括提交按钮、重置按钮和___________。 17．在包含框架的页面中，每个框架都显示一个________。 18．保存包含框架的页面时，如果页面中包含四个框架，要保存全部页面信息，共需要保存______个文件。每个文件的扩展名都为htm。 19．在保存框架文件时，框架的文件名必须以字母开头且________大小写。 20．浏览器在第一次装载文框架网页时，如果需要指定该框架所显示的网页文件，则要设置该框架的______________属性。21．如果链接的目标文件在本地站点中，可以使用绝对URL或相对URL，如果要链接站点以外的目标文件，则必须使用______________。 22．创建锚链接之前，必须在页面中失当的位置____________。 23．锚链接所起到的作用，就是在页面中起到________的作用，节约查找信息的时间。 24．建立与电子邮件的超链接时，在属性面板的链接文本框中输入__________+电子邮件地址。 25．在制作文本超链接时，建立了超链接德文本__________发生了变化，并且多了一条下划线。 26．使用_____________可以改变页面中建立超链接文本的显示属性。 27．使用_______________可以将格式与网页结构分离，同时可以控制多个网页稳当。 28．通过层可以非常精确地对页面中的________定位。 29．___________是指包含在另一个层中的层。 30．如果选中多个层，_______________的一个层调整柄一黑色突出显示，其他被选中层的调整柄以白色显示。 31．利用属性面板使多个层实现左对齐的操作时，选中多个层后应该在属性面板的_______文本框中输入数值。 32．默认情况下，层的__________值是按照层的创建顺序依次增加。该值大的层显示在层的上面。 33．用户与网页进行简单交互时，若不使用服务器端的应用程序，可以使用javascript脚本外还可以使用Dreamweaver MX 提供的__________功能。 34．使用时间轴面板可以设置各个____________的显示属性以及整个时间轴的播放顺序。 35．_____________是动画条中为对象设置位置、大小、颜色等属性的帧。 36．用鼠标拖动动画条，可以调整其在时间轴的位置，从而可以改变对象的持续时间。 52．在文档窗口中，用拖动弹出式菜单边框位置可以设置其相对于触发对象位置，用这种方法只能确定_______________的

高级网页设计课程教学方案

高级网页设计课程 教学方案

《高级网页设计》课程教学大纲 一、课程的基本情况 课程中文名称:高级网页设计 课程英文名称：Advanced Web Design 课程编码： 课程类别：专业课 课程性质：必修课 总学时：72 讲课学时：40 实验学时： 32 学分：4 授课对象：计算机应用技术（专&电专） 前导课程：数据库原理、Java程序设计 二、教学目的 高级网页设计是相对于传统的ASP技术而言的，本课程的最终目的是要求学生掌握使用VS 开发简单的Web网站，其主要内容有https://www.wendangku.net/doc/659412829.html,网站的运行环境、Web服务器控件的使用、使用https://www.wendangku.net/doc/659412829.html, 访问数据库、Web服务的创立与使用、网站导航与母版的使用、https://www.wendangku.net/doc/659412829.html, Ajax等。 三、教学基本要求 第1章高级Web程序设计概述 1.1 Web应用与B/S体系结构 1.1.1 从桌面应用程序到Web应用程序 1.1.2 B/S体系结构

1.1.3 网页设计与Web程序设计 1.2 动态网页与动态网站 1.2.1 Web服务器与Web站点 1.2.2 动态网页及其主要特征 1.2.3 网站工作模式 1.2.4 三种高级Web技术比较 1.3 高级Web程序设计技术基础 1.3.1 CSS样式技术 1.3.2 客户端脚本技术—JavaScript 1.3.3 面向对象编程 1.3.4 脚本编程语言 1.3.5 MVC开发模式 1.3.6 Ajax技术简介 1.3.7 XML基础 1.4 含有数据库访问的Web程序设计 1.4.1 文件型数据库 1.4.2 数据库服务器 1.4.3 数据库访问技术 习题1 实验1 高级Web应用开发基础 基本要求：了解基于对象的程序设计的思想、XML文件格式。重点与难点：Ajax技术。

网页制作技术B

中山火炬职业技术学院《网页制作技术》练习册 专业： 班级： 姓名： 学号： 2011年5月26日制

《网页制作技术》习题二 一、选择题（30分，每题2分） 1、浏览器是显示网页信息的工具，以下那种不是浏览器？（） A、IE B、Netscape Navigator C、火狐浏览器 D、163 2、以下错误的是（）。 A、动态网页的扩展名是固定的，只能是.aspx 。 B、浏览一个Web站点时，一般自动显示该站点的主页。 C、定义网页中的标题用标签。 D、网页在计算机中是以纯文本文件格式存储的。 3、若希望在新开的浏览窗口中打开链接内容，则超链接目标框架设置应为：（） A、_self B、_blank C、_parent D、_aa 4、定义表格的行可以使用（）标签。 A、 B、
C、 D、

---

5、在Dreamweaver中，下面关于布局表格属性的说法错误的是（）。 A、可以设置宽度 B、可以设置高度 C、可设置表格的背景颜色 D、不能设置单元格之间的距离 6、以下( )不是网页文件的后缀。 A、*.php B、 *.ppt C、*.htm D、 *.html 7、在Dreamweaver中，下面关于层的说法错误的是（）。 A、不可以改变重叠的次序 B、可以改变层的大小 C、层可以被定位于网页的任何地方 D、可以设定层的可是否见与否可见 8、在Dreamweaver中，下面关于CSS的说法错误的是：( )。 A. CSS语法格式中有几个不同的属性，中间用逗号隔开 B. 一般用“标签属性：属性数值”来表示CSS语法格式 C. CSS定义一般是由标签、大括号构成 D. CSS语法中的大括号中放置此标签的属性 9、在Dreamweaver中超链接标签有四种不同的状态。下面不是其中一种状态的是（）。 A、 a:visited B、a:active C、a:link D、 a: br 10、以下那种声音文件格式不可以导入到FLASH中？（） A、MID格式 B、ggo格式 C、MP3格式 D、WAV格式 11、在Dreamweaver 中，对已有的样式表不可以进行的操作是（） A、合并或拆分 B、修改 C、删除 D、复制 12、在Dreamweaver中，下面关于CSS语法的颜色表达方法错误的是（）。 A、在颜色属性中可用关键字，如green

静态网页设计-教学大纲

《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系

三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。

(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务

高级网页设计 课程教学方案

《高级网页设计》课程教学大纲 一、课程的基本情况 课程中文名称:高级网页设计 课程英文名称：Advanced Web Design 课程编码： 课程类别：专业课 课程性质：必修课 总学时：72 讲课学时：40 实验学时： 32 学分：4 授课对象：计算机应用技术（专&电专） 前导课程：数据库原理、Java程序设计 二、教学目的 高级网页设计是相对于传统的ASP技术而言的，本课程的最终目的是要求学生掌握使用VS2008开发简单的Web网站，其主要内容有https://www.wendangku.net/doc/659412829.html,网站的运行环境、Web服务器控件的使用、使用https://www.wendangku.net/doc/659412829.html,访问数据库、Web服务的创建与使用、网站导航与母版的使用、https://www.wendangku.net/doc/659412829.html, Ajax 等。 三、教学基本要求 第1章高级Web程序设计概述 1.1 Web应用与B/S体系结构 1.1.1 从桌面应用程序到Web应用程序 1.1.2 B/S体系结构 1.1.3 网页设计与Web程序设计 1.2 动态网页与动态网站 1.2.1 Web服务器与Web站点 1.2.2 动态网页及其主要特征 1.2.3 网站工作模式 1.2.4 三种高级Web技术比较 1.3 高级Web程序设计技术基础 1.3.1 CSS样式技术 1.3.2 客户端脚本技术—JavaScript

1.3.3 面向对象编程 1.3.4 脚本编程语言 1.3.5 MVC开发模式 1.3.6 Ajax技术简介 1.3.7 XML基础 1.4 含有数据库访问的Web程序设计 1.4.1 文件型数据库 1.4.2 数据库服务器 1.4.3 数据库访问技术 习题1 实验1 高级Web应用开发基础 基本要求：了解基于对象的程序设计的思想、XML文件格式。 重点与难点：Ajax技术。 第2章https://www.wendangku.net/doc/659412829.html,网站及其集成开发环境 2.1 https://www.wendangku.net/doc/659412829.html,与ASP比较 2.1.1 .NET框架体系 2.1.2 https://www.wendangku.net/doc/659412829.html,功能介绍 2.1.3 https://www.wendangku.net/doc/659412829.html,网站与ASP网站的区别 2.1.4 .NET项目与https://www.wendangku.net/doc/659412829.html,网站的关系 2.2 VS 2008集成开发工具介绍 2.2.1 Visual Studio 2008概述 2.2.2 代码窗口与设计窗口同步显示 2.2.3 VS 2008的联机帮助 2.3 使用VS 2008开发https://www.wendangku.net/doc/659412829.html,网站的一般步骤 2.3.1 新建https://www.wendangku.net/doc/659412829.html,网站 2.3.2 新建Web窗体页 2.3.3 在VS 2008中浏览网站与网页 2.3.4 在VS 2008中新建安装项目 2.4 https://www.wendangku.net/doc/659412829.html, Web窗体模型 2.4.1单文件页模型 2.4.2 代码隐藏页模型 2.5 https://www.wendangku.net/doc/659412829.html,窗体页面语法 2.5.1 Web窗体代码模型

网页制作技术综述

网页制作技术综述 一、html,xhtml与xml ●HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML简介 设计HTML语言的目的，是为了能把存放在一台电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里，只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去。而这些信息可能存放在网络的另一台电脑中。 HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。 HTML标签通常是英文词汇的全称（如块引用：blockquote）或缩略语（如“p”代表Paragraph），但它们的书写与一般文本有区别，因为它们放在单书名号里，如Paragragh标签是，块引用标签是

。有些标签说明页面如何被格式化，例如开始一个新段落。其他则说明这些词如何显示，如表示加粗。还有一些其他标签提供在页面上不显示的信息，例如标题。 基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效。接着是标签，以结束。在它们之间，整个页面有标题和正文两部分。 标题词－－夹在和标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。 HTML的特点和好处 HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW 盛行的原因之一，其主要特点如下： 1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。 2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。 HTML结构 文件类型标记开始，HTML文件 文件头开始 页面标题标记 文件头结束 主题标记开始 正文内容主题内容

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

网页制作技术教案免费学技术改变生活

第一模块 Fireworks 教学课题： 第十章Fireworks8入门 计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求： 1.了解Fireworks的功能和新特性 2.掌握Fireworks的工作界面、工具箱、面版组等 3.掌握Fireworks基本文档操作 4.掌握有关图像编辑的基本概念 知识点： 教学重点： 1.Fireworks的工作界面 2.文档的基本操作 3.像素的概念 教学难点： 1.Fireworks的工作界面 2.矢量图和位图的区别 突破难点的关键： 1.实例讲解，区别对比 作业布置： 1.课本第125页填空题，直接做在书上 2.作业本：写出矢量图与位图的区别 本课小结：Fireworks8是一款用来设计网页图形的多功能应用程序。随着版本的不断升级，功能的不断加强，Fireworks受到愈来愈多图像网页制作者的青睐。目前最新版本Fireworks8更是以它方便快捷的操作没事和在位图编辑、矢量图形处理与GIF动画制作功能上的多方面优秀整合，有的诸多好评。通过本课的学习，应该掌握以下内容：认识Fireworks8工作区，掌握基本的文档操作，掌握图像编辑的基本概念。 新课引入：第十一章使用Fireworks8制作图片 11.1路径的绘制与编辑； 11.文本的创建与编辑···················································································· 教学过程与时间分配： 一、Fireworks8界面与功能简介：（约50分钟） (一)Fireworks8的新功能： (二)Fireworks8的工作区域：标题栏、菜单栏、工具栏、工具箱、属性面板、面版组合、 文档窗口、标尺辅助线、 二、基本文档操作：（约20分钟）

简单生活网上买菜系统静态网页设计与制作毕业设计论文

四川交通职业技术学院毕业设计论文 设计（论文）题目： 简单生活网上买菜系统静态网页设计与制作 入学年月 姓名 学号 专业计算机应用技术 指导教师 完成日期 2015 年 5 月 15 日

【摘要】计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的出现，这也就是我的毕业设计的实际意义。本文就个人网站的规划与建设，以软件工程的方法对过程经行了分析与研究。本文的主要工作集中在：对web页进行概述，主要是对Internet的历史和发展作了回顾，在web页的定义而后特性上进行阐述。而Web设计的健康发展依靠web标准的采用，没有web标准就不会有真正的可访问性和连贯的设计。不用web标准，就跟不上时代。在这样的标准时代，我们需要网页更加容易扩展，适合自动数据交换，并且更加规整。而css，则实现了页面内容与样式分离。鉴于web标准，本论文着重对div+css 布局静态网页进行了讨论。并对网站开发过程中使用的开发工具和技术作了简要的介绍。 对网站建设中提及到术语进行了解释，并对个人网站的由来和发展经行了讨论；对自己的个人网站从规划建设经行了详细的分析；使用Html、Css、Photoshop 等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。 【关键词】网页设计div+css Photoshop 简单生活网上买菜

网页制作技术试题库

《网页制作技术》试题库 第一单元：html语言基础，网页版式设置 选择题 1、在Dreamweaver中，查看HTML的代码，下面哪种方法是正确的？（）。A．在HTML纯文本编辑模式下可以查看HTML代码 B．在HTML纯文本编辑模式下不能查看HTML代码 C．在页面模式下可以查看HTML代码 D．在HTML纯文本+页面模式下不能查看HTML代码 2、关于Dreamweaver 具有的功能下面说法正确的是（）。 A．不可以制作计数器B．不可以制作留言板 C．可以上传网页D．不可以自己决定域名 3、Flash中FILL表示什么面板？（） A．信息面板B．填充面板C．描边面板D．变形面板 4、（）是构成网站的基本信息资源。 A．文本B．声音C．动画D．图像

5、在Dreamweaver MX 2004中可利用（）生成具有相似结构和外观的网页，从而大幅度提高网页制作效率，并简化繁琐的网页编辑和维护工作。 A．模板B．HTML样式C．CSS样式D．站点管理器 6、在下列标记中,不是对称标记的是( ) A、 B、