当前位置:文档之家› 网页设计与制作基础教程

网页设计与制作基础教程

网页设计与制作基础教程
网页设计与制作基础教程

《网页设计与制作实验指导书》河南科技大学经济与管理学院

目录

实验规则 (3)

实验报告要求 (4)

基本实验方法 (4)

实验环境 (4)

实验一Dreamweaver8基本操作、站点管理 (5)

实验二网页的定位技术以及制作层动画 (7)

实验三网页编辑与超链接 (10)

实验四层叠样式、模板和库 (14)

实验五表单与扩展管理器 (20)

实验六网页设计与制作 (21)

实验规则

为了顺利完成实验教学任务,确保人身设备安全,培养严谨、踏实、实事求是的科学作风和爱护国家财产的优良品质,特制定以下实验规则:

1、实验纪律

(1)在实验室不得做和实验无关的事情。

(2)遵守纪律,不迟到,不旷课。

(3)不能拆卸硬件,更不能拿走实验设备或仪器。

(4)保持实验室安静、整洁,爱护公物。

2、实验过程

(1)预习实验内容。

(2)上机操作。记录实验中遇到的问题,主要是错误信息和错误原因。

(3)检查操作结果是否正确。

(4)根据实验过程的记录书写实验报告。

实验报告要求

1、报告用纸采用统一的河南科技大学实验报告用纸,或按照指导老师指定的统一格式打印。

2、实验报告封面内容

实验名称:(如实验一网页的定位技术)

班级名称:(如计031班)

学生学号:

学生姓名:

实验时间:

3、实验报告内容

见各具体实验项目的要求。

基本实验方法

本实验要求熟悉Dreamweaver8.0的工作环境和网页设计制作的相关知识。

实验环境

Dreamweaver8.0

实验一Dreamweaver8基本操作、站点管理

一、实验目的和要求:

1.掌握Dreamweaver 8启动和退出的方法。

2.掌握本站点的设置方法。

3.掌握创建、打开和保存HTML文档的方法

二、实验内容:

1.网页编辑器的基本操作

(1)用不同的方法启动和退出Dreamweaver 8。

(2)用快捷键打开和关闭【插入】面板和【属性】面板。

(3)将【代码】浮动面板组打开后,先移出,再移入浮动面板放置区,然后再将【设

计】浮动面板组中的【CSS样式】组合到【代码】浮动面板组中。察看浮动

面板组操作后的效果。

(4)用快捷键关闭和打开浮动面板组,用鼠标折叠和展开各个浮动面板组,察看浮

动面板组操作后的效果。

(5)启动Dreamweaver MX后,打开、关闭标尺显示,设置标尺单位分别为厘米、

英寸、像素;显示和隐藏网格,设置网格属性,【间隔】为10像素,【显示】

为线,【颜色】为#CCCC99,选中【靠齐到网格】复选项。

2.建立网站的基本操作

(1)打开站点管理器,在本地计算机的当前盘根文件夹中,建立名为myweb的文

件夹。

(2)把文件夹myweb设置为本地站点的根文件夹。然后建立名为image文件夹。

(3)在本地计算机的当前盘根文件夹中,建立名为our site的子文件夹,并切换为

本地站点的根文件夹。

3.文件管理基本操作

(1)将ch12\material文件夹中的两个文件bg0004.gif和bg0093.gif及my rose中的

文件rose.htm,分别复制到本地站点“我们的站点”的our site文件夹中。

(2)在文件夹中our site中新建子文件夹image,并将our site中的文件bg0004.gif

和bg0093.gif转移到image文件夹中。

(3)请正确显示rose.htm网页。

4.制作简单网页

按下述要求制作网页exe12-1.htm,如图12-2所示。

(1)页面的背景图片为ch12\material文件夹中的图片bg0015.jpg。

(2)在合适的位置上插入ch12\material文件夹中的图片文件ex1.jpg。

(3)在网页中输入文字:一件好的作品,如一阵清新的风,一曲温婉的歌,让人心

旷神怡。一件好的作品,如一杯香醇的茶,一瓶陈年的酒,让人回味无穷...

(4)将网页用exe12-1.htm为名保存在本地站点的文件夹our site中。

图12-2 简单网页exe12-1.htm

三、实验学时:3学时

实验二表格应用和框架

一、实验目的和要求:

1.掌握表格创建和编辑的方法

2.掌握布局表格和布局单元格的使用方法

3.掌握框架网页的创建、编辑和保存的方法

二、实验内容:

1.表格的创建、插入、删除、复制和移动等操作

(1)创建一个名为exe14-1.htm的网页文件,将其保存到My site 文件中。在页面上输入4行5列的表格,表格宽度为500像素,表格的边框为1像素,在表格中输入如表所示的内容。并在表格上方增加标题“信息学院各班平均成绩”,标题格式设置为方正舒体、5号、粗体、#003366。

表各班平均成绩表

科目数据原理计算机组成实验英语精读电子商务00级1班73 85 77 79

01级1班83 79 82 91

01级3班90 80 85 92 (2)在表格“01级3班”前插入一行。内容为“01级2班、85、82、88、82”。在表格中“计算机组成实验”列插入一列。内容为“计算机组成、69、73、75、80”。

(3)将00级1班这一行移到表格的最后一行,删除“英语精读”这一列。

2.单元格的拆分、合并和格式化操作

(1)是表格中的数据全部居中;是整个表格在页面上居中。

(2)按不同年级将表格拆分成两个表格,将01级表格的“科目”一行复制到00级表格上方,使之成为00级表格的第一行,在00级表格上面加上1行标题“信息学院00级平

均成绩表”,并删除00级表格的“科目”这一列。

(3)将01级表格的“计算机组成”和“计算机组成实验”两个单元格合并成一个单元格,内容改为“计算机组成和实验”、居中、黑体、5号。

(4)01级和00级两个表格分别套用系统预设的格式Simple3、Simple1。

3.导入外部数据和表格排序

(1)将Excel 文件value.xls打开,另存为My site\ value.csv 文件,数据的分隔符是逗号。

(2)新建名为exe14-2.htm的网页文件,将其保存到Mly site 文件中。背景图片为My site \jpg\bg0015.jpg。导入数据文件value.csv.

(3)按表格的“合计值”列降序排序,合并表格标题所在的单元格,并使标题居中。

(4)表格【边框】为3;【边框颜色】为#FF0000。

4.布局表格和布局单元格的应用

(1)创建一个名为exe14-3.htm的网页文件,将其保存到My site 文件夹。网页背景图片文件为My site\ gif \bg0052.gif,用600*360像素的布局表格布局,布局表格中的3行5列布局单元格每个为120*120像素,如图所示。

图页面布局表格示意

(2)如图14-5所示,在布局单元个中分别设置布局单元个的颜色#CCCC99 、#FF9900。

(3)如图·4-5所示,在布局单元格中分别插入My site\jpg文件夹中的名为tu1.jpg、……..tu7.jpg的图片。

(4)预览页面后,保存该文件。

5..框架和框架集的创建、选者和保存

(1)创建一个名为exe14-6.htm的网页文件,将其保存到My site 文件中。用鼠标、菜单两种不同的方法创建【左侧和嵌套的顶部框架】和【顶部和嵌套的左侧框架】(2)删除上题中创建的框架,然后创建【顶部框架】,并把【顶部框架】改为【顶部和嵌套的左侧框架】,调整框架的大小。

(3)分别用鼠标在框架面板中选中主框架(bottom Frame ),选中左框架(left Frame)插入顶部框架,将左框架分割成上(top Frame)下(left Frame)两部分。

(4)在主框架(main Frame)中插入底部框架(bottom Frame),选中左框架(left Frame)插入顶部框架,将左框架分割成上(top Frame)下(left Frame)两部分。

(5)将左框架(left Frame)调整为与底部框架(bottom Frame)高度相同。

(6)分别在框架面板中选中topFrame 、topFrame1、mainFrame、leftFrame、bottomFrame 5个框架,并给5个框架设置背景颜色#AAFFFF、#CCFFFF、#CCFFCC、#CCFFCC、#CCFFFF。

(7)用topFrame 、topFrame1、mainFrame、bottomFrame、leftFrame为框架文件名和exe14-6.htm为框架集名保存框架文件到My site文件中。

8.设置框架和框架集的属性和超链接

(1)设置exe14-6.htm框架文件的框架集属性。各项参数分别为:【边框】为是、【边框颜色】为#00CCFF、【边框宽度】为2像素、左边【列】为200像素。

(2)分别设置【列】的单位,在【单位】下拉式菜单中分别选者【像素】、【百分比】、【相对】命令,观察不同的结果。

(3)设置exe14-6.htm框架文件的框架属性。

.在名为topFrame1的框架中,插入一个大小为120*160像素的层,层中插入4行1列的表格,表格为120*160像素,边框宽度为1像素。

.在表格的4个单元格里分别插入My site\jpg文件中4个按钮图片文件a1.jpg、a2.jpg、a3.jpg、a4.jpg。

.在主框架(mainFrame)中,设置框架链接的页面文件为My site \doc文件中的oa.htm,【滚动】的方式为自动,【边框宽度】为120像素,【边框高度】为30像素。

.在顶框架(topFrame)中,插入My site\swf文件中的Flash 文件shu.swf.

.在左框架(leftFrame)和底部框架(bottomFrame)中输入如图14-13所示的文字。

(4)在【属性】面板中分别为4个单元格里的按钮图片建立链接,被链接的网页文件分别是My site \doc文件中的literature.htm、art.htm、edu.htm、sice.htm,被链接的网页在主框架中显示。

(5)预览网页后,保存网页文件。

实验三网页编辑与超链接

一、实验目的和要求:

1.掌握网页文档常用的格式化方法

2.掌握在网页中插入各种对象的方法

3.掌握超链接的创建方法

二、实验内容:

1. 网页文档的基本操作

(1)将My site\doc 文件中的两个word 文件(oa.doc和book.doc)转换成Word Html 文件,分别以文件名exe13-1.htm和exe13-2.htm 为名,保存在My site 中。

(2)在Dreamweaver MX 中,导入My site \exel3-1.htm 文件。并将My site\doc 中book.doc 文件的第2、3段文字插入到当前文档的最后面,并使插入的文字与原文档之间有空行。

(3)给页面文档添加标题“办公自动化”,并将网页标题改为“办公自动化一说”。

将网页中第2段文字删除,然后恢复。

(4)在网页第2段文字前插入一段文字:“办公自动化的目标是提高办公的效率和办公的质量,由于如今技术和经济的发展,办公自动化早已超越了狭窄的办公室,人们把包括了办公与管理范畴的工作统称为办公自动化。”

(5)将第1自然段折成两段,使“目前,以计算机为主要办公工具,…………促进现代办公自动化(Office Automation)活动的迅速发展。”的文字成为第2自然段。

(6)给第2、3段加项目符号。并将文档中的文字“办公自动化”替代为“OA”。

(7)按功能键F12预览网页后,将文档中的文字“OA”恢复成“办公自动化”。

(8)预览该网页,以exe13-3.htm 为名将其保存到My site 中。

2. 网页文档的格式化操作

(1)将My site\exe13-3.htm 文档中的标题文字“办公自动化”作格式化,设置字体为【华文行楷】、【文本格式】为【标题】、【文本颜色】为红色,【居中对齐】、【粗体】。

(2)创建名为“标题1”的HTML样式,设置【格式】为【标题1】、【应用到】的范围为【段落】样式、【字体】为【华文行楷】、【颜色】为#0000FF 、【样式】为粗体【B】、【对齐方法】为【居中对齐】。

(3)将名为“标题1”的HTML样式复制为名为“标题2”的HTML样式,设置【字体】为【方正舒体】、【应用到】的范围为【选定范围】的字符样式、【颜色】为#FF0000、【样式】为粗体【B】、字体【大小】为+5。

(4)创建名为“正文字符1”的HTML样式,将其设置为字符样式、【字体】为【楷体】,【样式】为粗斜体【B】、【I】,【颜色】为#000099,字体【大小】为+2。

(5)用HTML样式“标题1”格式化当前文档的标题;用HTML样式“标题2”格式化当前文档的第4段文字;用HTML样式“正文字符1”格式化当前文档的第5段文字。

(6)设置页面背景图片为My site\ gif 文件夹中的bg0052.gif 图片文件。预览网页后,保存网页文件为My site \exe13-4.htm。

3. 图片的编辑操作

(1)创建一个如图13-3所示的名为exe13-5.htm的网页,设置其页面背景为bg0027.gif,网页标题为“图形编辑试验”,将其保存到My site 中。

图13-3 exe13-5.htm网页

在页面合适的位置插入一个两行两列的表格,表格中每个单元格为150*150像素。在四个单元格中分别插入My site \ jpg 文件夹中图片文件t1.jpg、t2.jpg、t3.jpg、t4.jpg。

给每张图片设置2个像素的边框,分别给其中2张图片设置地带文字“书——精神的粮食”、“书——力量的源泉”,设置的代替文字是指在浏览时,但鼠标指向图片时显示的文字。

插入页面文字“书——精神的粮食”。

启动外部图片编辑器Fireworks,给4张图片加上文字“书籍”、“知识”、“力量”、“智慧”。

(2)创建一个名为exe13-6.htm的网页,如图13-4 所示。设置页面背景图片尾bg0026.jpg,并添加页面文字“书——知识的源泉”。

图13-4 exe13-6.htm网页

在页面合适的位置插入1行4列的表格,每个单元格为79*79像素。在四个单元格中制作【鼠标经过图像】,初始图片为t11.jpg、t22.jpg、t33.jpg、t44.jpg,翻转图片分别为t5.jpg、t6.jpg、t7.jpg、t8.jpg。单击翻转图片时链接的页面文件分别是My site \html \ 中的edu.htm、art.htm、literatuer.htm、scie.htm 。

预览后,保存该文件为My site \exe13-6.htm.

(3) 创建名为exe13-7.htm的网页文件,如图13-5所示。用My site\ photo文件夹中的t1.jpg~~t8.jpg 图片创建网上图片相册。

网页和相册标题为“书——知识的源泉”,背景图片为bg0026.jpg。初始图片文件夹为My site 文件夹下photo 子文件夹,目标图片文件夹为本地根文件夹My site 。页面图片的缩略图尺寸为100*100像素;每行列数为4列,缩略图片文件格式为.jpg。

4. 创建超链接

(1)打开My site \exe13-1.htm网页,在该网页文档的底部创建E-mail 链接,电子邮件的链接的文本为“请与我们联系”;E-mail 地址为练习者正式注册的电子邮件

地址。预览后,保存文件为My site\exe13-8.htm。

(2)打开My site\html\literature.htm网页文件,在该网页文件的首尾两处“中国文学”之中,分别插入名为W1和W2的锚点。用选中文档第1行中的文字“古老民族”,作锚点W2的源端点,建立内部锚点链接,保存该文件为My site\exe13-9.htm;

打开My site\exe13-3.htm网页文档,用标题“办公自动化”作锚点W1的链接源端点,建立外部锚点链接。预览后,保存该文件为My site\exe13-10.htm。

(3)打开My site\exe13-1.htm网页,在该网页文档合适的位置添加一个跳转菜单,跳转菜单的第1项标识文字为“友情链接”。跳转菜单的选项和链接网页URL,分为:上海热线:https://www.doczj.com/doc/ee8617303.html,

搜狐https://www.doczj.com/doc/ee8617303.html,

网易https://www.doczj.com/doc/ee8617303.html,

中文雅虎https://www.doczj.com/doc/ee8617303.html,

预览后,保存该文件为My site \exe13-11.htm。

(4)打开My site\exe13-1.htm网页,在该网页文档合适的位置添加一个导航条,导航条上四个按钮分别是“现代文学”、“生活艺术”、“文化教育”、“科学技术”,四个按钮对应的图片文件分别是My site\button 中的文件a1.gif~~~a4.gif、b1.gif~~~b4.gif、c1.gif~~~c4.gif、d1.gif~~~d4.gif,四个按钮所链接的网页分别为My site\ html \ literature.htm、art.htm、edu.htm、scie.htm。预览后,保存该文件为My site \ exe13-12.htm.

(5)创建名为exe13-13.htm的网页文件,在网页中合适的位置上插入My site \jpg\net1.jpg图片文件。用多边形、圆形和矩形创建影射图链接,其中多边形、圆形和矩形影射图链接分别自选My sit \html 中的网页文件,预览后保存该文件。

三、实验学时:3学时

实验四层叠样式、模板和库

一、实验目的和要求:

1.掌握附加和编辑外部样式表的方法

2.掌握CSS样式的各种特殊效果的方法

3.掌握创建和应用CSS样式及CSS样式表的方法

4.掌握模板的创建、编辑和应用的方法

5.掌握对象的创建、编辑和应用的方法

二、实验内容:

1.CSS样式表的创建、编辑和应用

(1)在网页编辑窗口中,打开本地站点My site \html 文件夹中的art.htm文件。修改文档的标题为“生活和艺术”,文档每段文符改成首行缩进两个字样。

(2)在本地根文件夹My site中,成绩名为docformat.css的层叠样式表文件,以及背景色为#99FFCC的层叠样式docformat。

(3)创建名为.char1的层叠样式,并将这个样式定义在docformat.css的层叠样式表文件中。将其【类型】的参数设置:【字体】为方正舒体、【大小】为36像素、【样式】为谢体、【颜色】#方法FF0000。样式作用于标题文字“生活和艺术”。

(4)将名为.char1的样式复制成名为.char2的层叠样式,并将其【类型】的参数设置:【字体】为楷体、【大小】为18像素、【样式】为正常、【颜色】为#000000。

样式作用第1段文字。

(5)新建名为.char3的层叠样式,并将其【类型】的参数设置:【字体】为仿宋体、【大小】为18像素、【样式】为正常、【颜色】为#333333。样式作用于第2段文字,浏览网页观察效果。

(6)将名为.char3的样式修改:【字体】为方正舒体、【大小】为16像素、【样式】为偏斜体、【颜色】为#000099。

(7)创建名为border1的样式,选择【边框】类型,并将其参数设置:【样式】为双线、【宽度】的【上】、【右】、【下】、【左】的值为4个像素、【颜色】为#99CC33。(8)在新建网页exe16-1.htm上的创建8个1行1列的表格,表格的宽度和高度是100*30像素。分别用border1、border2……… border8为名新建层叠样式,选择【边框】类型,并分别定义他们的【样式】为:【虚线】、【点划线】、【实线】、【双线】、【槽状】、【脊状】、【凹陷】、【凸出】8种风格,并设置合适的边框高度和颜色,作用于8个表格,预览网页观察其效果。然后保存样式表文件docformat.css和网页文档

exe16-1.htm。

(9)在网页编辑器窗口中,打开literature.htm文件,并链接外部样式表文件docformat.css。(10)修改名为.char1的样式,将【颜色】值#FF0000该为#0000CC,并作用约标题文字“中国文学”。浏览网页文档art.htm和literature.htm,观察标题文字的颜色变化。2.CSS样式特殊效果的应用

(1)创建名exe16-2.htm的网页,在网页合时的位置上插入380*285像素的层,并将My site \img文件夹中的图像文件campus3.jpg插入层中,用CSS的Alpha滤镜制作如图16-5所示的效果。

图16-5Alpha滤镜效果

(2)创建名为exe16-3.htm的网页,在网页的合适位置上插入2行2列4个布局单元格,每个单元格为120*100像素,并在每个单元格中插入My site \img文件夹中的图像文件f01.jpg,如图16-6所示。然后用CSS的翻转滤镜制作出如图16-7所示的效果。

图16-6 4幅相同的图像

图16-7 CSS翻转滤镜效果

(3)创建名为exe16-4.htm的网页,在网页合适位置上插入1行3列3个布局单元格,每个单元格为120*220像素,并在每个单元格中插入My site \img文件夹中的图像文件campus4.jpg。然后用CSS的波浪滤镜制作出如图16-8所示的效果。

左边图参数为Wave(Add=1,Freq=2,LightSrenth=70,Phase=50,Strength=10);

右边图参数为Wave(Add=0,Freq=3,LightSrenth=10,Phase=75,Strength=10);

中间图为原始图。预览后,用exe16-4.htm为名将网页保存在本地站点根文件夹中。

图16-8 CSS波浪滤镜效果

(4)创建议个名为exe16-5.htm的网页,然后用CSS样式的翻转滤镜制作出如图16-9所示的效果。预览网页后,用exe16-5.htm为名将网页保存在本地站点根文件夹中。

图16-9 CSS翻转滤镜效果

(5)利用显示滤镜(Reveal Trans)设置进入网页art.htm 的切换效果为随机效果,其参数为Revealtrans(Transition=23,duration=3.0),选择标题文字与地1行文字,建立与literature.htm 和exe16-6.htm的超链接。

设置离开网页文件literture.htm的效果代号是8号的垂直百叶窗,其参数为Revealtrans(Transition=8,duration=2.0),选择标题文字与第1行文字,建立与art.htm和exe16-6.htm的超链接,用原文件名保存这两个文件。

创建新的网页文件exe16-6.htm,在其中分别输入“艺术”和“中国文学”,并建立art.htm 与literature.htm文件的超链接,再将网页保存在本地站点根文件夹中。

预览网页,观察切换效果。

(6)利用模糊滤镜(Blur)设置网页edu.htm的标题为立体效果,作用在标题上的模糊滤镜效果参数为Blur(Add=True,Direction=135,Strength=20)。预览网页后,用exe16-7.htm 名将网页保存在本地站点根文件夹中。

3.模板的应用

(1)将My site文件中flower.htm文档改变成模板,将其中7幅图像所处的区域设置为可编辑区,可编辑区的名字为img1、img2…………img7,如图16-10所示,模板文件名为flower.htm,将模板文件保存在本地网站的Template文件中。

图16-10 模板创建示意

(2)利用模板文件flower.dwt,创建网页文档exe16-8.htm。其中可编辑区域插入的图像分别是My site \img文件夹中tu1.img、tu2.img ……..tu6.img、tu7.img,预览网页后,用exe16-8.htm保存文件。

(3)将模板文件flower.dwt改名为grid.dwt,保存后更新站点中所有基于该模板的网页文件。

(4)修改模板文件grid.dwt,将其背景图象改为bg0021.gif,保存修改后的模板文件。用这个模板文件更新站点中所有基于该模板的网页文档,观察网页文件flower.htm和exe16-8.htm背景图像格变化情况。

(5)利用【资源】面板创建一个名为test.dwt的模板,模板的可编辑区有文字区和图像区,版面构图自定。在模板的底部插入一个层,并将该层定义为可编辑区域。

(6)利用test.dwt模板创建网页文件exe16-9.htm,并在可编辑区域插入文字和图像,在层中插入closel.gif文件,预览网页后,保存网页文件。

4.创建、编辑与使用库对象

(1)打开网页文件flower.htm,将网页中的第7幅图像用菜单命令方式或用鼠标拖曳方式添加到库中,分别用img1、img2………img7给库项目命名。在网页底部插入My site\img 文件夹中图像文件close1.gif,并把图像用close1为名设为库项目。

(2)打开网页文件art.htm,将网页中的标题“生活和艺术”,用菜单命令方式或鼠标拖曳方式添加到库中,用art为其命名,并在网页底部插入库项目close1。

(3)用外部编辑器Fireworks MX将库项目close1中的文字“关闭窗口”该为“返回首

页”,然后更新整个站点。

三、实验学时:6学时

实验五表单与扩展管理器

一、实验目的和要求:

(1)掌握表单的创建和编辑的方法

(2)熟悉各种表单域的使用方法

(3)了解【Macromedia 扩展管理器】的使用方法

(4)了解【代码视图】模式的使用方法

二、实验内容:

网页设计与制作期末试题及答案

网页设计与制作模拟试题 一、单项选择题(每空1分,共10分) 1. 客户/服务器系统的最大特点是客户机和服务器 ( D ) A. 必须运行在同一台机器上 B. 必须运行在同一个网络上 C. 必须运行在不同的计算机上 D. 不必运行在同一计算机上 2. 若需要软件把LAN上的客户机从Internet上隐藏起来,并为客户机执行Web 请求,则下面( D )软件能实现此项功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服务器 3. 通常一个站点的主页默认文档名是 ( C ) A. Main.htm B. Webpage.htm C. Index.htm D. Homepage.htm 4. 通常,比较好的建立站点目录的习惯是 ( A ) A. 在根目录下建立一个总的IMAGE目录放置图象文件 B. 直接把图象文件放置在各栏目的目录下 C. 为各栏目建立一个单独的IMAGE目录放置图象文件 D. 在每个目录下建立一个IMAGE目录放置图象文件 5. 以下有关页面布局的说法正确的是 ( D ) A. 分辨率越高,可供使用的页面尺寸越大 B. 网页布局与平面设计一样,不受页面大小的影响 C. 页眉和页脚中只能出现文本,不能出现图形 D. 页面布局通常是通过手工设计的,目前还没有相应的电脑软件完成这一工作 6. 以下关于HTML文档的说法正确的一项是 ( A ) A. 与这两个标记合起来说明在它们之间的文本表示两个HTML 文本 B. HTML文档是一个可执行的文档 C. HTML文档只是一种简单的ASCII码文本 D. HTML文档的结束标记可以省略不写 7. 正确描述创建一个一级标题居中的句法是 ( D ) A. Heading Text B.

Heading Text

C. Heading Text

(完整版)《网页设计》课程教学大纲

《网页设计》课程教学大纲 一、课程说明: 课程类别:选修课 适用专业:工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时:60学时(讲课24学时,上机实验36学时) 学分:4 先修课程:计算机基础 执笔: 审阅: 二、课程的教学目的 以培养应用型人才为目标,充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言,全面介绍与网页设计制作有关的知识,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法,掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法,进而掌握将这四个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求: 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用,使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能,提高学生分析解决问题能力和项目实施能力,注重学生在学习和实践过程中职业素质的养成。通过学习,使学生熟练掌握运用Dreamweaver网页制作软件制作网页,掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作,掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 (1)理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用; (2)理解CSS样式表中属性单位的作用和意义; (3)理解javascript语言脚本程序的工作方式; (4)深入理解超级链接、图形图像各种功能和应用; (5)深入理解表格、AP Div、框架、表单的作用; (6)深入理解模板、库、行为和脚本的高级应用; (7)理解网站测试的目的和测试方法; (8)深入理解“切片”和“热点”的涵义和应用; (9)深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作; (10)理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 (1)了解HTML语言的基本内涵。理解基本标记的用法; (2)掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式; (3)熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法; (4)掌握在网页中嵌入图象和多媒体的方法;

网页设计与制作》网上作业题答案(全)

1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.doczj.com/doc/ee8617303.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.doczj.com/doc/ee8617303.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.doczj.com/doc/ee8617303.html,(此处也可输入IP地址); (3)http:如https://www.doczj.com/doc/ee8617303.html,/; (4)News:news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组; (5)telnet:telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7; 4.我们要进入紫霞的公众网,网址如下:telnet://https://www.doczj.com/doc/ee8617303.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.doczj.com/doc/ee8617303.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/ee8617303.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/ee8617303.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.doczj.com/doc/ee8617303.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

网页设计与制作

Web考点 一、判断、单选(20*2’)、填空 1、Window对象表示一个浏览器窗口或一个框架,在JavaScript中,Window对象是全局对 象,所有的表达式都在的那个齐纳的环境中计算。就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来声明。例如,可以只写document 和alert,不必写成window.document和window.alert()。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示:Document对象是Window对象的一部分,可通过window.document属性对其进行访问。又代表了整个HTML文档,可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型(弱类型)。C#是强类型语言,声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/ee8617303.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/ee8617303.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议,是万维网(world wide web)交换信息的基础。它允许将超文本标记语言(HTML)文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径(Relative Path) (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下,如果2.html链接到3.html,可以在2.html中这样写:同目录下文件间互相链接; ../代表一级上级目录路(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4,html链接到1.html,可以在4,html中这样写:链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件,如果在1.html中链接到2.html,可以在1.html中这样写:链接到下级目录(first)中的文件; 如果在 1.html中链接到 4.html,可以在 1.html中这样写:链接到下级目录(first/second)中的文件

网页设计与制作简答题

简答题 1.图象处理工具主要有那几类应用? 答:使用图像处理工具可对图像进行编辑修饰`优化`图形文件格式转换等处理。 包括:1图形编辑。图形编辑包括制作页面中的字体`制作3D效果,建立透明GIF文件,插入背景阴影,处理字体`箭头`徽标等页面元素。并能对图像进行剪切`移动和旋转处理。 图像修饰。 图像优化。 2.什么是Web服务器?Web浏览器的作用是什么?简述浏览器打开文件的步骤. 答:Web服务器是是用于存储WWW文件并响应处理客户机请求的计算机.浏览器的作用在于 解释并显示超文本档,包括指向其他文档的引用(或指针),与其他HTTP服务器上非常相似,这些指针也称链接。从一个超文本页上选择一个链接时,浏览器将请求送该回到新的服 务器,然后在客户端上显示另一个充满链接的页面。 打开一个Web文件的基本步骤如下: 1).在浏览器中指定要访问的Web文件的URL。 2).浏览器将请求发送给服务器。 3).服务器将请求转递给指定的URL处的服务器。 4).该服务器将文件送回到服务器上。 5).服务器将文件送回到客户端浏览器上。 6).浏览器将文件显示在计算机屏幕上。 3.网站设计过程中的最重要原则是什么?为什么? 答:网站设计过程中的最重要原则是创意。虽然一个网站的主要目的是传递给人们信息,但是在传递信息的同时还要把他的文化同样也传递给获取这些信息的人们,比如众所周知的2 63首都在线.新浪网.网易.ChinaRen等网站的页面都是非常朴实的,没有太多的花逍的效 果,运用普通的制作软件就能够制作完成,但它们的页面只需要看一眼见就能够让人马上识 别他是谁,这是因为他们不仅向访问者传达了新闻等网站的信息,更传递了自己的独特风格。 网站的设计基本上是按照一定的步骤进行的,不同的站点开发人员有他们不同的习惯, 对于网页设计都有自己独特的见解。但一般来说有些原则是共同的,有些主要概念也是共同的:仅仅会输入文本,制作超级链接和排列图片,不是真正意义上的网页制作,或者说还不 能称为网页创作。因为网页制作最重要的原则是创意。这个原则也可以看成是网页制作的根本,没有创意的网站不能算一个成功的网站,而这个网站也不能长期存在。 因此,创意是最重要的原则。 4.什么是站点的风格?典型的商业站点具有那些风格特征? 答:站点的风格是指整个网站所采用的结构布局.色调.文字.标志.图案等要素带给浏览者的 关于该网站的印象。 商业公司站点由于其目的与个人站点以及非营利性的组织完全不一样,因此他的站点风 格也与其他两类站点的风格完全不一样。典型的商业站点的风格特征主要体现在以下几个方 面: 1).公司的徽标或商标应出现在页面的最上方,尽可能作到色彩醒目,同时占用版面小。 2).可以采用主题图形产品广告来突出公司形象和风格。主题图形或产品广告应精心设计, 给浏览者以良好印象。 3).主题栏目一般采用图文并茂的超级链接实现,要考虑到主要栏目图片.文字之间的色彩

网页设计与制作教程

网页设计与制作教程 第一章基础篇 1.INTERNET和WWW INTERNET的功能和应用 1.信息的获取与发布 2.电子邮件 3.网上交际 4.电子商务 5.网络电话 6.网上事务处理 7.远程登陆 8.文件传输 9.电子公告版 10.全球信息网 11.INTERNET的其他应用 WWW简介 1.网页,网页文件和网站 2.HTTP和FTP协议 3.超文本和超链接 4.INTERNET地址 5.域名 6.统一资源定位器(URL) 7.HTML 常见网络浏览器----IE 第二章网站建设概论 (1)信息类网站 (2)交易类网站 (3)有偿信息类网站:101网校、 (4)功能型网站 (5)综合类网站 2.根据网站的性质分类: (1)政府网站 (2)企业网站 (3)商业网站 (4)教育科研机构网站 (5)个人网站 (6)非赢利机构网站 (7)其他类型的网站 3.根据在大型搜索引擎上的设置分类 4.娱乐和休闲类网站;商业与经济类,艺术,人文,健康,医药,政府,政治类,电脑与 网络类,社会和文化,科学与教育类,参考资料类 2.1.2网站建设的步骤 1.制作环境的准备:1)设备:扫描仪,数码相机,打印机2)完善系统环境3)备齐网页开发工具软件,网页制作工具,服务器端程序开发工具及一些实用的辅助工具。。。4。

备齐素材制作和加工软件,包括对图形,动画,刘媒体和声音进行处理的素材制作和加工软件 5)备齐常用的网站发布工具,如FTP文件传输软件 2.网站目标的确定:对象:访问者的类型;主题明确,数据充分。保持目标的简洁 3.网站主题,风格和创痍点的确定 1)主题选材要小而精 2)擅长或感兴趣的内容 )选题不要太滥:因特网上只有第一,人们记不住第二第三名 2)网站的风格:CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等诸多因素 1)确信风格是建立在有价值的内容上的 2)需要彻底弄清楚站点给人的印象是什么 3)在明确网站印象后,开始努力建立和加强这种印象:1)标志(LOGO)2)色彩3)标准字体4)醒目标准口语5)统一图片处理效果7)使用网站特有的图标;使用自己设计的花边,线条和点;;9)展示网站的荣誉和成功作品10)告诉网友关于个人真实的故事和想法3)网站的创意(准备期,孵化期,启事期,验证期,形成期) 4.网站结构的确立:1)网站结构的确立2)网站目录的设置3)网站链接结构的设置:树状连接结构;星状链接结构3)两种结构的综合 5.网站素材的准备 6.网站制作工具的选择和确定:DREAMWEA VER和FRONTPAGE,PHOTOSHOP,FIREWORKS,动画制作工具:FLASH,COOL 3D;网页特效工具,网页特效精灵,有声有色 7.网站的建设 1)申请E---MAIL帐号 2)申请网页空间:1。打开虎翼网空间申请主页 3)域名注册:对于个人网站,在申请免费网页空间的同时也完成了域名的注册 4)网页制作:先简单后复杂,布局先大后小,制作网页时要多灵活运用软件配备的设计模板,这样可以大大提高制作效率 8。网站的测试(看看有没有问题)和上传(将网站发布到WEB服务器,网页制作工具本身具有FTP功能) 9。网站的宣传和推广(搜索引擎上注册,与别的网站交换链接,运用网络广告) 10.网站的更新和维护:必须不断给它补充新的内容,才能够长期吸引住浏览者 2.1.3 网站设计的原则 1)网站主题不要多于三个:小而精,定位小 2)网站的标准色彩不要超过三种 3)重视网站目录结构的创建(创建目录的原则百度上找出来):不要将所有文件都存在根目录下,目录层次不超过三层,不要使用过长的目录名,尽量不要使用中文目录名 4)链接层次不要超出三层(便于维护) 5)网页长度应限定在三个整屏以内 6)表格的嵌套层次要控制在三层左右(表格插入表格里) 7)网站导航要清晰 2.优秀网站的五大要素 1)网站内容丰富 2)页面下载速度快(网页简单,不要大量图片)

(完整版)《网页设计与制作》课程教学大纲.docx

《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

网页设计与制作简答题

1、简述Web浏览器打开一个Web文件的工作过程。 2、描述网页设计的一般步骤。 3、简述网页设计的基本准则。 4、简述规划网站目录结构时应遵循的原则。 5、描述版面布局的步骤。 6、什么是“HTML”?HTML“标记”又是什么? 7、简述“HTML”文档的基本结构。 8、简述以下一段HTML代码中各对标记的作用。 〈html〉 〈head〉 〈title〉网页设计〈/title〉 〈/head〉 〈body〉 〈h2〉北国风光〈/h2〉 〈/body〉 〈/html〉 9、如何进行本地网页的测试? 10、网站管理和维护的主要工作有哪些? 11、什么是Web浏览器? 12、简述网页设计中所需要注意的通用规则。 13、简述DHTML的概念及主要组成。 14、简述使用FrontPage在网页中插入一个日历的过程。 15、简述色彩的三原色的概念及每种颜色的调配范围。 16、为什么要采用DHTML技术?客户端动态网页技术有哪些优点? 17、网站栏目划分的原则是什么? 18、XML与HTML相比的主要优点有哪些?

19、请简述一下网站的设计流程? 20、简述FireWorks的特点。 21、网页制作的步骤是什么? 22、怎样让链接没有下划线? 23、怎样在网页中加入多媒体播放? 24、怎样让网页的背景图像不滚动? 25、怎样定义网页的关键字? 26、什么是Web浏览器? 27、网页上所说的重心平衡指的是什么? 28、什么是DHTML?DHTML技术主要由哪几部分组成? 29、在CSS中,对字体的的设置所涉及到的属性有哪些? 30、用HTML语言回答一个HTML文件应具有的基本结构。 31、比较GIF格式和JPG格式的原理与各自的适用范围。 32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点? 33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。 34、什么是Web安全色? 35、简述虚拟主机的概念和功能。 36、简述Dreamweaver的工作窗口由哪些部分组成。 37、在Dreamweaver中,插入图像的方法有哪些? 38、在Fireworks中,如何使文字附加于路径? 39、在Flash MX中可以创建哪些类型的元件?各元件的含义是什么? 40、HTML中
标记和

标记有何区别?

网页设计与制作试题及答案

《网页设计与制作》期末考试试题 一、单项选择题 ( 本大题共 15 小题,每小题 2 分,共 30 分) 1、目前在 Internet 上应用最为广泛的服务是 A 、 FTP 服务 B 、 WWW 服务 C 、Telnet ( )。 服务 D 、 Gopher 服务 2、域名系统 DNS 的含义是 A 、 Direct Network System ( )。 B 、 Domain Name Service C 、 Dynamic Netw ork System D 、 Distributed Network Service 3、主机域名 center. nbu. edu. cn 由四个子域组成,其中 A 、 center B 、nbu C 、 edu D 、 cn ( ) 子域代表国别代码。 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是 A 、 G B 码 B 、 Unicode 码 C 、 BIG5 码 D 、HZ 码 ( )。 5、当标记的 A 、 TEXT B TYPE 属性值为 、 PASSWORD C ( ) 时,代表一个可选多项的复选框。 、RADIO D 、 CHECKBOX 6、为了标识一个 HTML 文件开始应该使用的 A 、

B 、 C 、 D 、 HT ML 标记是 ( )。 7、在客户端网页脚本语言中最为通用的是 ( )。 A 、 javascript B 、VB C 、Perl D 、 ASP 8、在 HTML 中,标记的 Size 属性最大 取值可以是 ( ) 。 A 、 5 B 、 6 C 、 7 D 、 8 9、在 HTML 中,单元格的标记 是 ( ) 。 A 、 D 、 10、在 DHTML 中把整个文档的各个元素作为对象处理的技术是 ( )。 A 、 HTML B 、 CSS C 、 DOM D 、 Script( 脚本 语言 ) 11、下面不属于 CSS 插入形式 的是 ( )。 A 、索引式 B 、内联式 C 、嵌入式 D 、外部 式 12、在网页中最为常用的两种 图像格式是 ( ) 。 A 、 JPEG 和 GIF B 、 JPEG 和 PSD C 、GIF 和 BMP D 、 BMP 和 PSD 13、如果站点服务器支持安全套接层 (SSL),那么连接到安全站点上的所有 URL 开头是 ( ) 。 A 、 HTTP B 、 HTTPS C 、 SHTTP D 、SSL 14、在 HTML 中,要定义一个空链接 使用的标记是 ( ). A 、 B 、 C 、D 、

网页设计与制作试卷试题(附答案)

“双语”教育2012-2013第2学期 《网页设计与制作》 年级专业:学号姓名: 一、单选题(共45小题,每小题1分,共45分) 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中,标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 E 】 A、顶部(标题) B、底部(注释) C、正文 D、导航 E、都有 6、用户登陆页面不可能用到的是【 B 】 A、服务器行为检查新用户 B、绑定字段 C、用户身份验证 D、建立数据库 7、成绩录入系统不能用到的【 C 】 A、建立数据库 B、绑定插入记录集 C、检查表单 D、重复区域 8、非彩色所具有的属性为【 C 】 A、色相 B、饱和度 C、明度 D、纯度 9、下面说法错误的是【 D 】 A、规划目录结构时,应该在每个主目录下都建立独立的images目录

B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录 10、目前在Internet上应用最为广泛的服务是【B 】 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 11、Web安全色所能够显示的颜色种类为【C 】 A、4种 B、16种 C、216种 D、256种 12、为了标识一个HTML文件应该使用的HTML标记是【C 】 A、 B、 C、 D、

B 、 C 、
13、框架结构页面正确的说法是【 D 】 A、点击左边导航显示右边 B、只能链接图片 C、框架页面为新建常规页面 D、插入可编辑区域可以生成模板 14、显示页面设计时不能用到的是【 D 】 A、建立数据库 B、设置数据源 C、连接数据库 D、更新记录集 15、对远程服务器上的文件进行维护时,通常采用的手段是【B 】 A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是【A 】 A、读取 B、执行 C、脚本 D、写入 17、Internet上使用的最重要的两个协议是【B 】 A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 18、网页的特征是【 A 】 A、HTML文档的基本特征——超文本 B、标识语言,网页中不能没有标记(Tag) C、网页提供了一些措施以防在网上冲浪的过程中迷失方向 D、网页实现了对原文档信息的无限补充或扩展 19、与上网无关 ..的协议是【 C 】 A、HTTP B、SMTP C、SOKET D、POP3 20、设置字体大小的代码是【D 】

网页设计与制作课程简介

《网页设计与制作》课程简介 课程名称:网页设计与制作 课程代码:02038 适用专业:初等教育(计算机与信息技术方向) 课程性质:专业核心课程、必修课、专业技能课 学分:3 学分 计划学时:72学时(理论36学时,实训36学时) 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程,培养学生网页设计与制作能力,适应初等教育对信息技术教师的人才基本要求,同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》,后续课程是《https://www.doczj.com/doc/ee8617303.html,程序设计》。在完成《计算机应用基础》课程学习后,学生掌握了计算机基本知识和原理,学会了一些应用软件和工具软件的使用,进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/ee8617303.html,程序设计》课程,能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师,今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者,建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合,培养学生动手能力,能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案,《网页设计与制作》是重要的专业技能课程,是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容,以案例驱动贯穿教学过程。由浅入深,最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线,要重视HTML

网页设计与制作模板

存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日

课程设计评阅意见 评阅人__________职称________ 年月日

目录 第1章课程设计任务书 .................................. 错误!未定义书签。 一、课程设计题目..................................... 错误!未定义书签。 二、课程设计工作..................................... 错误!未定义书签。 三、课程设计的内容要求............................... 错误!未定义书签。 1、课程设计要求.................................. 错误!未定义书签。 2、课程设计内容.................................. 错误!未定义书签。第2章课程设计目的 .................................... 错误!未定义书签。第3章课程设计内容 .................................... 错误!未定义书签。 设计一选题的基本原则............................... 错误!未定义书签。 设计三选材......................................... 错误!未定义书签。 设计四正确运用DW和Ps............................. 错误!未定义书签。 设计五课程设计心得................................. 错误!未定义书签。第4章课程设计步骤 .................................... 错误!未定义书签。 设计一查找相关资料................................. 错误!未定义书签。 设计二利用Ps进行切片.............................. 错误!未定义书签。 设计三利用DW编辑.................................. 错误!未定义书签。 设计四利用DW的站点功能上传或用FTP工具上传站点.... 错误!未定义书签。第5章课程设计心得 .................................... 错误!未定义书签。第6章参考文献 ....................................... 错误!未定义书签。

网页设计与制作试卷(含答案)

网页设计与制作试卷(含答案)

“双语”教育2012-2013第2学期 《网页设计与制作》 年级专业:学号姓名: 题号一二三四五六总分 得分 一、单选题(共45小题,每小题1分,共45分) 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中,标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 E 】 A、顶部(标题) B、底部(注释) C、正文 D、导航 E、都有 6、用户登陆页面不可能用到的是【 B 】 A、服务器行为检查新用户 B、绑定字段 C、用户身份验证 D、建立数据库 7、成绩录入系统不能用到的【 C 】 A、建立数据库 B、绑定插入记录集 C、检查表单 D、重复区域 8、非彩色所具有的属性为【 C 】 A、色相 B、饱和度 C、明度 D、纯度 9、下面说法错误的是【 D 】 A、规划目录结构时,应该在每个主目录下都建立独立的images目录

B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录 10、目前在Internet上应用最为广泛的服务是【B 】 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 11、Web安全色所能够显示的颜色种类为【C 】 A、4种 B、16种 C、216种 D、256种 12、为了标识一个HTML文件应该使用的HTML标记是【C 】 A、 B、 C、 D、

13、框架结构页面正确的说法是【 D 】 A、点击左边导航显示右边 B、只能链接图片 C、框架页面为新建常规页面 D、插入可编辑区域可以生成模板 14、显示页面设计时不能用到的是【 D 】 A、建立数据库 B、设置数据源 C、连接数据库 D、更新记录集 15、对远程服务器上的文件进行维护时,通常采用的手段是【B 】 A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是【A 】 A、读取 B、执行 C、脚本 D、写入 17、Internet上使用的最重要的两个协议是【B 】 A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 18、网页的特征是【 A 】 A、HTML文档的基本特征——超文本 B、标识语言,网页中不能没有标记(Tag) C、网页提供了一些措施以防在网上冲浪的过程中迷失方向 D、网页实现了对原文档信息的无限补充或扩展 19、与上网无关 ..的协议是【 C 】 A、HTTP B、SMTP C、SOKET D、POP3 20、设置字体大小的代码是【D 】

(完整版)网页设计与制作教学大纲

《网页设计与制作》课程教学大纲 课程编号: 课程名称:网页设计与制作 课程类型:专业基础课 总学时:64 讲课学时:32 实验学时:32 适用班级: 一、课程性质、目的和任务:(加粗,以下同) 1、目的 本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。 2、任务 本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。 二、教学基本要求:(分三级:掌握、理解、了解) 1.掌握: 要求学生能够全面掌握所学内容,并能够用其分析、应用与Dreamweaver网页设计相关的问题,能够举一反三。 2.理解: 要求学生能够较好地理解与Dreamweaver网页设计相关的问题,并且能够进行简单分析和判断。 3.了解:

要求学生能够一般地了解的所学内容。 三、教学内容及要求: 第1章Dreamweaver基础 教学内容: Dreamweaver 的历史和简介 Dreamweaver 的安装过程 Dreamweaver 的全新界面 改进的设计与开发环境 主菜单介绍 对象控制面板介绍 教学要求: 掌握:Dreamweaver的基本特点、新增功能及界面组成。基本操作,如安装、新建、打开、导入、保存、关闭等。 理解:新增功能、界面组成的优点。 了解:Dreamweaver可以为我们做些什么。 第2章网页设计语言基础 教学内容: HTML及XHTML语言介绍 常用的网页语法标记 教学要求: 理解:HTML及XHTML语言介绍,常用的网页语法标记 第3章文本和图像处理 教学内容: 文本属性面板 编辑文本和插入对象 设置文本的格式

电子商务专业网页设计与制作课程标准

网页设计与制作课程标准 一、课程性质与任务 网页设计与制作课程是电子商务专业商务网站维护方向的一门 专业技能课程。旨在于培养学生从事网页设计与制作的基本职业能力,为下一步网站建设的学习打好基础,是学生达到网页设计制作人员的基本职业能力要求。 二、课程教学目标 通过任务引领和项目活动等形式,使学生能熟练制作简单网页,能熟练创建本地站点并能在网页中设置各种超链接,能制作网页动画,掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力,能基本胜任网页制作工作,为学生专业方向的发展奠定基础。 职业能力目标: (1)能够熟练制作简单网页; (2)能够创建本地站点并能在网页中设置各种超链接; (3)能够对网页进行具有创意的美化; (4)能够制作有创意的网页动画; (5)能够掌握网页设计与制作的相关技巧; (6)能够根据企业需要制作商务网页; (7)能够跟踪和学习网页设计与制作的新知识和新技能。 三、参考学时 108学时。 四、课程内容与培养目标

五、教学建议 (一)教学方法 教师必须重视现代教学理论的学习,不断的更新观念,深刻领会和探究任务引领型的项目活动形式的教学方式。 1.项目教学 在教师的指导下由学生亲自处理一个项目的全过程,让学生全部或部分独立组织、安排学习行为,解决在处理项目中遇到的困难。加强网页制作技术与各课程整合的研究,充分运用项目教学法,探索在数字化学习环境下的新型教学模式,为学生提供自主发展的时间和空间,努力培养学生的创新精神和实践能力,自觉地成为学生学习的引导者和促进者。 2、任务驱动法 在教学活动中,教师应当围绕特定的教学项目,设计出具体的,可操作的任务,以任务组织教学,在任务的履行过程中,以参与、体验、互动、交流、合作的学习方式,充分发挥学习者自身的认知能力,

相关主题
文本预览
相关文档 最新文档