网页设计试题及参考答案4

网页设计试题及参考答案4
网页设计试题及参考答案4

精心整理

网页设计试题及答案4

一、单项选择题(每题2分,共40分)

1.“HTTP ”的中文含义是______。

A)文件传输协议B)超文本传输协议C)顶级域名网址D)以上都不是

2.在因特网的域名体系中,域名缩写com 是指______。

A)教育机构B)商业机构C)政府部门D)军事部门

3.在网站整体规划时,第一步要做的是______。

A)确定网站主题B)选择合适的制作工具

C)搜集材料D)制作网页

4A)B)HTML C)HTML D)5.6.7.A)一张表8.9.10.关于A)使用B)使用1112C)D)

13.若要以标题2、居中、红色显示“我的网站”,以下用法中,正确的是。

A)我的网站

B)我的网站

C)我的网站

D)我的网站

14.关于CSS ,以下叙述错误的是______。

A)CSS 的中文意思是层叠样式表,简称样式表

B)CSS 可以精确地控制网页里的每一个元素

C)一个HTML 网页文件只能应用一个CSS 文件

D)CSS文件可以单独保存而不必和HTML文件合并在一起

15.利用DreamWeaver中的______可以自动生成JavaScript程序。

A)事件B)动作C)行为D)表单

16.选中某文本或图片,在DreamWeaver的属性面板中的“链接”文本框中输入______可以制作其空链接。

A)#B)@C)$D)&

17.VBScript中如果要显式声明所有变量,可以在程序的开头处使用______语句。

A)dimB)constC)redimD)optionexplicit

18.运行VBScript中的inputbox函数时,弹出的对话框中有“取消”按钮,单击该按钮时,函数返回

值为______

A)0B)

19

A.

B.

C.

D.

20.退出

31

A)exp

C)clong

9

1和2.WWW文档由头

45.使用___5___

6.

7.

8.ASP中

9.ASP中Session对象的___9___属性返回用户的会话标识符。

10.Response,对象的Redirect方法作用是___10___。

三、阅读程序(页面文件),写出程序(页面文件)的运行结果。(每题8分,共40分)

1.

成绩显示页面

学生成绩表

姓名课程成绩

   

画出该页面文件的运行结果图:

2.

问候页面

ifTime<=#12:00:00#AndTime>#06:00:00#then

msgbox"早上好!"

elseifTime<=#15:00:00#AndTime>#12:00:00#then

msgbox"中午好!"

elseifTime<=#19:00:00#AndTime>#15:00:00#then

msgbox"下午好!"

msgbox"

else

msgbox"

3.<%

EndIf

4.

</p><p><fontcolor=redsize=7>欢迎光临本网站!</p><p></font></marquee></p><p></body></html></p><p>写出该页面文件的功能:</p><p>5.<%</p><p>setconn=server.createobject("ADODB.connection")conn.open"driver={MicrosoftAccessDrive r(*.mdb)};dbq="&_</p><p>server.MapPath("djks.mdb")</p><p>setrs=server.createobject("ADODB.RecordSet")</p><p>rs.open"user",conn,2</p><p>%></p><p>写出该程序的的功能:</p><!--/p3--><!--p4--><p>参考答案:一、单选(2*20)</p><p>1.B2.B3.A4.A5.A6.D7.B8.A9.C10.C11.B12.D13.D14.C15.C16.A17.D18.D19.D20.D 二、填空题(2*10)</p><p>1.Flash</p><p>2.客户机/服务器或c/s</p><p>3.<body></p><p>4._blank</p><p>5.Frame或帧或框架</p><p>6.Const7.?或单引号</p><p>8.Post9.SessionID</p><p>10重定向到另一URL或跳转到另一URL</p><!--/p4--><!--rset--><h2>自考网页设计与制作试卷及答案(一)</h2><p>自考网页设计与制作试卷及答案(一) 第I部分选择题 一、单项选择题(本大题共25小题,每小题l分,共25分)在每小题列出的四个备选项中只有一个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.TCP协议对应于OSl七层协议的哪一层 ( ) A.会话层 B.网络层 C.传输层 D.数据链路层 2.主机域名www.sina.corn.cn由四个子域组成,其中代表国别代码的子域是 ( ) A.www B.sina C.com D.cn 3.HTML是一种 ( ) A.程序设计语言 B.执行语言 C.编译语言 D.页面描述语言4.当进行页面布局的时候能够使用的方法有 ( ) A.页面布局法 B.实时布局法 C.软件布局法 D.抽象布局法5.下列不是图像处理软件的是 ( ) A.Photoshop B.Fireworks C.Word D.PhotoImpact 6.”&;"代表的符号是 ( ) A.< B.> C.& D." 7.符号清单前的符号由标记属性type来控制,当type取值为DISC时,表示符号为 ( ) A.实心圆点 B.空心圆点 C.实心方块 D.空心方块8.HTML中表示表格标题的标记为 ( ) A.%table> B.<caption> C.<title>。 D.<form> 9.对于表单标记<form action="URL"method=*>,其中*代表 ( ) A.GET或SET B.GET或POST C.SET或POST D.GET或PUT 10.下列标记中不改变文字的显示格式的是 ( ) A.<pre> B. C.<br> D.<nobr> 11.HTML文件中插入图片时,对插入的图片进行文字说明的是 ( ) A.ALIGN B.CTRL C.CAPS D.ALT</p><h2>网页设计实验报告</h2><p>实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师</p><p>实验一 TCP/IP协议配置 一、实验目的(标题黑体小四) 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点,并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件,名称为 style.css,将其保存至 style文件夹。 3、创建模板文件 tpl.dwt,并保存。结果如下: (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键,选择“附加样式表”: 选择 style.css 文件: 完成后,在 tpl.dwt 的 head标签里有如下的代码: <link href="../style/style.css" rel="stylesheet" type="text/css" /> (2) 设置模板的背景颜色。打开 CSS 面板,为 style.css 新建一条 css 规则。过程如 下:</p><p>将背景颜色设为#ff1e70: 在 style.css 生成如下的代码: body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950,其他的设置:让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表,双击 body: 双击 body后,打开“body的 CSS 规则定义”对话框,按照下面的方式设置:Style.css 的代码变为: body { background-color: #ff1e70? margin: 0px? }</p><h2>Web网页设计实验报告</h2><p>WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年</p><p>目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)</p><p>一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像</p><h2>网页设计与制作试卷(七)</h2><p>2011年春季学期理论考试 网页设计与制作试卷(七) (试卷满分100分考试时间90分钟) 班级学生学号得分 一、选择题(共20分,每题1分 ) 1、常用的网页制作工具有() A、word B、Excel C、Dreamweaver D、VB 2、常用的网页美化工具有() A、word B、Fireworks C、Excel D、VB 3、常用的网页中的脚本语言有() A、VBScript B、Fireworks C、Excel D、VF 4、下列哪一个不属于“网页设计三剑客”() A、Flash B、Fireworks C、Dreamweaver D、FrontPage 5、E-mail链接的作用是() A、用于看图 B、便于浏览者反馈意见 C、便于写E-mail D、没用 6、空链接的作用是() A、超链接到网页 B、便于浏览 C、激活网页中的图像 D、没用 7、要是浏览者不用离开当前的Web页面就可以得到一个额外的信息可以使用() A、超链接 B、活动图片 C、静态图片 D、脚本链接 8、Dreamweaver中的图层相当于() A、Word中的图层 B、Excel 中的图层 C、Photoshop中的图层 D、FrontPage 中的图层 9、Dreamweaver中的图层中可包括() A、动画 B、各种插件 C、其他图层 D、以上全包括 10、向Dreamweaver中的图层中添加图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 11、向Dreamweaver中的图层添加背景图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 12、用Dreamweaver制作的幻灯片,和用Flash制作的相比()</p><h2>网页设计与制作试题答卷参考答案</h2><p>浙江**学院《网页设计与制作》期终(考试)A 卷 200 —200 学年 第 学期 任课教师 学院 班 姓名 学号 一、单选题(每小题1分,共30分) 1、 本地站点的所有文件和文件夹必须使用( ),否则在上传到因特网上时可能导致浏览不正 常。 2、 A.小写字母 B .大写字母 C .数字 D .汉字 3、 常用的网页图像格式有( )和( )。 4、 A .gif ,tiff B .tiff ,jpg C .gif ,jpg , png 5、 实现轮替图像应选两幅( )的图片。 6、 A.相差三倍 B .相差两倍 C.相差一倍 D.大小一样 7、 下面说法错误的是( )。 8、 A .单元格可以相互合并 B.在表格中可以插入行 9、 C .可以拆分单元格 D .在单元格中不可以设置背景图片 10、 下面说法错误的是( )。 11、 A .CSS 样式表可以将格式和结构分离 12、 B .CSS 样式表不能制作体积更小下载更快的网页的布局 13、 C. CSS 样式表可以使许多网页同时更新 14、 D .CSS 样式表可以控制页面 15、 要使表格的边框不显示,应设置border 的值是( )。 16、 A .1 B.0 C .2 D .3 17、 在层的属性设置中有两个特殊的属性,分别是( )和( )。 18、 A. 标签,显示 B.显示,Z 轴 C .显示,溢出 D .Z 轴,溢出 19、 使用( )和( )可以直观、精确的将层定位。 20、 A .标尺,网格 B .标尺,表单 C 网格,表单 D .表单,表格 21、 模板的创建有两种方式,分别是( )。 22、 A 新建模板,已有网页保存为模板 B .新建网页,保存网页 23、 C .新建模板,保存层 D .新建层,保存模板 24、 下面说法错误的是( )。 25、 A.“查看”菜单下“网格”的“网格设置”可以更改网格的大小 装 订 区</p><h2>简单网页制作实验总结报告</h2><p>《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日</p><p>目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)</p><p>第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。</p><p>第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。</p><h2>网页制作实验报告</h2><p>网页制作实验报告 页制作实验报告 实验一:站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域,同时接入国际互联。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx)等页设计软件; 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1)执行“站点\治理站点”命令,在弹出的“治理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中挑选“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹,完成后单击“确定”按钮,返回“治理站点”对话框。 4)在“治理站点”对话框中单击“完成”按钮,站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹,在实验的过程中把站点存在自己建的文件夹里,如此才干使实验条理化,别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项,计算机普通会有默认的挑选,最后别要去更改,假如要更改要先充分了解清晰该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二:页面图像设置 一、实验目的及要求: 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域,同时接入国际互联。 2、安装windows xp操作系统;建立iis服务器环境,支持asp。 3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx)等页设计软件; 4、安装acdsee、photoshop等图形处理与制作软件; 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果</p><h2>网页设计与制作试题C</h2><p>网页设计与制作试题C</p><p>浙江省2003年7月高等教育自学考试 网页设计与制作试题 课程代码:00900 一、单项选择题(在每小题的四个备选答案中,选出一个正确答案,并将正确答案的序号填在题干的括号内。每小题2分,共40分) 1. 域名服务器上存放着Internet主机的( )。 A.域名 B.电子邮箱地址 C.域名与IP地址的对应表 D.IP 地址 2. HTTP协议是一种( )协议。 A.文件传输协议B.远程登录协议 C.邮件协议D.超文本传输协议 3. 主机域名https://www.360docs.net/doc/db12450784.html,由四个子域组成,其中( )子域代表主机名。 zj_0900_200307 2</p><p>A.center B.nbu C.edu D.cn 4. 超级链接是一种( )的关系。 A.一对一B.一对多 C.多对一D.多对多 5. 在色彩的RGB系统中,32位十六进制数000000表示的颜色是( )。 A.白色B.红色 C.黄色D.黑色 6. 以下关于HTML文档的说法正确的一项是( )。 A.<HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B.HTML文档是一个可执行的文档 C.HTML文档只是一种简单的ASCII码文本D.HTML文档的结束标记</HTML>可以省略不写 7. 在HTML语言中,有些符号由于被标记或标记的属性所占用,在HTML文本中用特殊符号 zj_0900_200307 3</p><p>表示,“>”代表( )符号。 A.< B.> C.& D.“ 8. BODY元素可以支持很多属性,其中用于定义已访问过的链接的颜色属性是( )。 A.ALINK B.BACKGROUND C.BGCOLOR D.VLINK 9. 在表单中需要把用户的数据以密码的形式接受,应该定义的表单元素是( )。 A.<input type=text> B.<input type=password> C.<input type=checkbox> D.<input type=radio> 10. DHTML的核心基础是( )技术。 A.文档对象模型(DOM) B.活动服务器网页(ASP) C.公共网关接口(CGI) D.层叠样式单(CSS) 11. JavaScript脚本语言可以从HTML文档中zj_0900_200307 4</p><h2>网页设计基础_实训</h2><p>第2章网页设计基础 2.1 实训页面布局综合练习 2.1.1 实训目的 进一步理解在V isual Studio环境中创建、编辑和引用CSS样式表文件的基本步骤。理解层元素在页面布局中的重要作用及使用方法。综合运用CSS+DIV布局技术设计出实用的网站主页。 2.1.2 实训要求 新建一个https://www.360docs.net/doc/db12450784.html,网站,在Default.aspx中使用CSS+DIV技术设计出图2-1所示的网站主页效果。要求页面中导航栏、销售排行榜中内容使用https://www.360docs.net/doc/db12450784.html,标准控件HyperLink,商品名称、商品种类、用户名、密码栏使用https://www.360docs.net/doc/db12450784.html,标准控件TextBox,所有按钮使用https://www.360docs.net/doc/db12450784.html, 标准控件Button,商品种类栏使用https://www.360docs.net/doc/db12450784.html,标准控件DropDownList。 图2-1 网站主页设计效果图2-2 页面设计中需要的图片文件 2.1.3 实训步骤 1. 准备需要的图片文件 任何一个网页的页面设计都会用到一些图片文件,一般情况下这些图片文件可根据设计需要,事先使用Photoshop等图片编辑软件制作出来。也可以通过搜索引擎(如https://www.360docs.net/doc/db12450784.html,、</p><p>https://www.360docs.net/doc/db12450784.html,等)从Internet中下载。本实训页面设计中需要的图片文件如图2-2所示。 新建一个https://www.360docs.net/doc/db12450784.html,网站,在站点文件夹中创建一个名为“images”的子文件夹,将本实训中需要的所有图片文件复制到该文件夹中。如果在解决方案资源管理器中不能看到新建的文件夹,可右键单击网站名称在弹出的快捷菜单中执行“刷新文件夹”命令使其显示出来。 2. 设计页面布局 如图2-3所示,根据设计效果需要可将页面划分在若干个层中,商品描述信息分别放置在两个表中。 图2-3 页面布局规划 各元素说明如下: div:整个页面所在区域。 div (#logo):页面Logo栏(网站标题栏)区域。 div (#navigation):导航栏区域。 div (#left_top):“商城通行证”区域。 div (#left_bottom):“销售排行榜”区域。 div (#right_content):页面右侧信息显示区域。 div (#search):搜索栏区域,包含在div (#right_content)区域中。 div (#tab):商品信息显示区域,包含在div (#right_content)区域中。 table:商品信息显示区域,两条信息使用两个表格。包含在div (#tab)区域中。 div (#bottom_line):页面底部分隔线区域。 div (#footer):页面底部版权栏区域。 3. 分区域页面设计 (1) 页面整体样式控制 向页面中添加一个CSS样式表文件,从解决方案资源管理器中将CSS样式表文件拖动到页面的设计视图,创建页面与CSS样式表的关联。 在样式表代码窗口向body样式规则中添加如下样式控制代码,用于定义整个网页中默认的字体及对齐方式。</p><h2>网页设计与制作试题及答案</h2><p>《网页设计和制作》期末测试试题 一、单项选择题(本大题共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 Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、<table> B、<body> C、<html> D、<a> 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中,标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是( )。 A、<td> B、<span> C、<tr> D、<body> 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、<a href=”#”> B、<a href=”?”> C、<a href=”@”> D、<a href=”!”> 15、对远程服务器上的文件进行维护时,通常采用的手段是( ) A、POP3 B、FTP C、SMTP D、Gopher 二、多项选择题(本大题共15小题,每小题2分,共30分。在每小题的五个备选答案中,选出二至五个正确的答案,并将正确答案的字母分别填在题干的括号内,多选、少选、错选均不得分。) 1.WWW的组成主要包括( ) A.URL B.Gopher C.HTML D.HTTP https://www.360docs.net/doc/db12450784.html,</p><h2>web动态网页设计实验报告</h2><p>武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平</p><p>利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求: 需要我们实现的功能有: 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理</p><p>3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员,注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店,通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库,然后编辑数据表的内容在动态网页面中,一般应用这种方式。</p><h2>实验一 网页设计基础实验</h2><p>实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 二、实验内容 1.根据网站制作的需要,从网上下载网页制作时需要的文字、小图片、动画及flash。 2.上网访问实际若干网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 3.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 "T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 "口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 "三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.360docs.net/doc/db12450784.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局 4.利用搜索引擎,浏览因特网上较为著名的5个网站,记录这些网站的名称、网站地址和以及相应的网页文件格式(扩展名);</p><h2>实验1 网页设计(HTML)实验指导1</h2><p>实习一网页设计(HTML) 一、实习目的 1.了解HTML文档结构; 2.初步掌握基本标记的使用; 3.能够运用文本编辑器制作简单网页。 二、实习内容 1.学习EditPlus文本编辑器的使用。 2.使用EditPlus制作只有一行文字的网页,了解HTML文档结构,并在IE浏览器中打 开编写的网页文件,查看运行效果; 3.在网页中添加多段文本内容,并对页面格式进行设置排版,制作一个简单文字内容的 网页; 4.在网页中添加图片,并对页面格式进行设置排版,制作一个简单图文内容的网页; 5.制作一个索引网页,建立与前面网页之间的超连接; 6.制作一个简单的个人主页。 三、预备知识 1.网页的基本组成; 2.HTML语言:常用HTML标记及其属性; 标记作用常用属性 Html 网页文件标记 Body 页面标记bgcolor,background,text P 段落标记align br 换行标记 H1~h6 标题标记align Hr 水平线标记size,width,color Font 字体标记size,face,color img 图像标记Src,height,width,alt,align a 超链接标记Href 3.网页制作方法。 四、实习步骤 1.学习EditPlus文本编辑器的使用 打开EditPlus显示如图1-1界面,通过“文件”→“新建”→“html网页”新建一个页面,如图1-2所示。 在代码区中最外层是html标记,html标记中包含了head标记和body标记,实习中我们只改head标记中内嵌的title标记中的文本,制作页面的内容通过相关标记在body中标记。 在工具栏中分两行,第一行是编辑器的工具栏,第二行是快捷插入标记的工具栏。 现在鼠标分别停留在第二行的工具上,注意提示并记录,以备后用; 特别强调颜色工具只是直观输入颜色编码(用在给颜色相关属性赋值中)。</p><h2>专科《网页设计与制作》_试卷_答案</h2><p>专科《网页设计与制作》 一、(共75题,共150分) 1.URL的中文译作()。(2分) A?全球定位 B?全球资源定位 C?全球资源定位 D?全球资源定位 标准答案:D 2.属于网页制作平台的是()。 . (2分) A.Photoshop B.Flash C.Dreamweaver D.Fireworks 标准答案:C 3.页面顶部为横条网站标志十广告条下方左为主菜单右为显示内容的布局是什么布局? ()(2分) A对称对比布局 B“T”型布局 C"三"型布局 D“口”型布局 标准答案:B 4.在网页中的动画图片都是以什么格式存在的?()(2分) A Bmp B Gif C Jpg D Tiff 标准答案:B 5.实现轮替图像应选两幅什么样的图片()。(2分) A?相差三倍 B?相差两倍 C?相差一倍 D?大小一样 标准答案:D 6.保存含有图片的网页时()。(2分) A.图片就存在网页文件中 B.图片文件单独存放 C.网页存放在图片文件中 D.网页和图片文件必须存在一个目录下 标准答案:B 7.Fireworks默认的存储格式是()(2分) A.JPG B.BMP C.GIF D.PNG 标准答案:D 8.影响网站风格的最重要的因素是()。(2分) A.色彩和窗口 B.特效和架构 C.色彩和布局 D.内容和布局 标准答案:C 9.黄颜色所象征的意义描述正确的是:()(2分) A.明亮 B.火焰 C.浪漫 D.侵略 标准答案:A 10.导航条可以是文字链接和()链接。(2分) A.文本的列表 B. 图像 C. 段落缩进 D. 框架 标准答案:B 11.HTML代码<hr>表示()(2分) A插入一张图片 B插入标题文字 C插入一个段落 D插入一条水平线 标准答案:D 12.网页源代码中,哪种标记必不可少?()(2分) A .<html> B . C .<table> D .<br> 标准答案:A 13.<title>标记必须包含在哪种标记中?()(2分) A. B.

C. D.

标准答案:C 14.图像标记的哪种属性的文本内容可以替代说明图像()。(2分)A.align B.height C. alt D .border 标准答案:C 15.要在文本的首行空两个汉字就要插入什么个空格?()(2分) A l B 2 C 3 D 4 标准答案:D 16.将超链接的目标网页在新窗口中打开的方式是将target属性设为()。(2分) A._parent B._blank C._top D._self 标准答案:B 17.若要在页面中创建一个图片超链接,要显示的图片为 myhome.jpg,所链接的地址为 https://www.360docs.net/doc/db12450784.html,。以下用法中正确的是()。(2分) A. myhome.jpg B. C. D. 标准答案:B 18.在表单中允许用户从一组选项中选择多个选项的表单对象是()。(2分)A.单选按钮 B.列表/下拉菜单 C.复选框 D.单选按钮组 标准答案:C 19.在下面的描述中,不是JavaScript特性的是()。(2分) A.基于对象的 B.基于事件的 C.跨平台的 D.编译的 标准答案:D 20.在CSS 中不属于添加在当前页面的形式是()。(2分) A.内联式样式表 B.嵌入式样式表 C.层叠式样式表 D.链接式样式表 标准答案:D 21.下列哪些项是网页被解读的过程之一()。(2分) A.浏览器向网络中的服务器发出请求,指向某个动态网页 B .浏览器接到服务器送来的信号后开始解读HTML标签,然后将其转换,显示结果 C .应用程序服务器检查该网页,执行其中的JavaScript、CGI、ASP、JSP等应用程序D.客户端将文件上传至FTP主机上 标准答案:A B C 22.使用Dreamweaver时,下列说法错误的是()。(2分) A.创建网页前必须应先创建站点 B.创建网页就是创建站点 C.创建网页也可以不必创建站点 D.网页和站点都是文件 标准答案:B C D 23.在网页中经常用的两种图像格式有()。(2分) A bmp B gif C png D jpg 标准答案:B D

网页设计实验报告 实验一

昆明理工大学信息工程与自动化学院学生实验报告 (201 —201 学年第一学期) 课程名称:Web设计技术开课实验室:年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名: 年月日 注:报告内容按实验须知中七点要求进行。 一.打开记事本,编写第一个页面。 (1)打开记事本:单击“开始”→“程序”→“附件”→“记事本”。 (2)输入下面代码: 欢迎你! 我的朋友. 当你进入HTML编程世界的时候,你的
感觉是全新的!
(3)单击“文件”→“选择”→“保存”菜单项,选择文件类型为“所有文件”,文件名输入“index.html”并选择文件保存地址(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)。 (4)用浏览器打开这个文件,看看效果吧! 二.用HTML语言编写符合以下要求的文档:标题为“班级主页”,在浏览器窗口用户区显示“欢迎来到我们的班级主页”,完成后效果如图: 代码: 班级主页 欢迎来到我们的班级主页

网页设计基础课程实验报告

实验一 1.实验体会 学会了使用关键字搜索相关内容和了解了WEB2.0的相关技术和服务概念,如AJAX、RSS、Tag、Wiki、Blog、SNS,学会如何从其他网站上下载JS、CSS、IMAGE等相关文件。发现.CSS所在的行都存在字符串“

简单的文字处理 代码: 这是一段文本
这是一段文本
©Microsoft® Windows 2007
A=a1+a2+a3
这是一段文本
这是一段文本
这是一段文本
文本 HTML中的超级链接代码:
简单文字处理
HTML中的超级链接 锚链接代码: A B C D E F G H I J K L M N

网页设计实验报告

武汉科技大学城市学院 课程设计报告 课程名称网页设计课程设计 题目旧·时光——奥黛丽赫本主题网站设计 学部信息工程学部 专业软件工程 班级15级软工(3)班 姓名洪汉山 指导教师彭璐 2016 年12 月30 日

网页制作课程设计任务书 设计题目: 旧·时光——奥黛丽赫本主题网站设计 设计主要内容: 一、开发平台:DREAMWEA VER+FIREWORKS+FLASH 二、设计要求: 1、设计内容 设计一个以奥黛丽赫本为主题的网站,以怀旧风格展示奥黛丽赫本昔日的才华横溢,通过作品和照片,使浏览者对奥黛丽赫本有基本的了解。 2、网站主要功能模块 (1)旧日时光:透过图片和音乐,回忆奥黛丽赫本的风采。 (2)流芳岁月:描述奥黛丽赫本及其作品对世人的影响。 (3)珍藏作品:作品欣赏。 (4)粉丝感言:提供粉丝注册与交流的平台。 (5)获奖记录:提供奥黛丽赫本所获的重要奖项。 四、课程设计报告主要内容: 1 网页设计工具介绍(介绍你所使用的网页设计工具及认识) 2 站点介绍与站点分析(声明网站各页面的结构和内容,绘出站点导航结构图,详细描述站点各页面设计所用到的技术与构思细节) 3 个人体会与感受(描绘整个网页设计过程中自己所学的知识、体会及有待提高的地方) 4 参考文献与附图(列出自己所阅读并参考的主要文献或网上资料,并给出站点首页的截图)

目录 1 网页设计相关技术介绍 (2) 1.1 HTML (2) 1.2 CSS (3) 1.3 JavaScript (5) 2 奥黛丽赫本网站设计规划 (6) 2.1 网站介绍 (6) 2.2 栏目设计 (6) 2.3 站点分析及站点地图 (7) 2.4 主页面布局 (7) 3 个人体会和感受 (8) 4 参考文献和网址 (9) 5附图 (10)

网页设计与制作期末试题及答案(2)(1)

网页设计与制作模拟试题 一、单项选择题(每空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 D. Heading Text

网页制作实验报告6个实验

目录 实验一网页设计基础实验 (2) 实验二HTML语言应用 (4) 实验三CSS样式表的应用---CSS的引用 (10) 实验四Dreamweaver的使用、个人网站的制作 (13) 实验五用框架、模板设计网页 (15) 实验六表单制作 (19)

实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 3.用记事本编写一个简单的网页。 二、实验内容 1.上网访问实际若干电子商务网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 2.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.360docs.net/doc/db12450784.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局,并写出各种版面布局网站的域名和所采用的版面布局形式 找出使用大色块和抽象线条构图风格的网站(至少各2个);例:大色块主页 找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 三、实验步骤与要求 1)新建一个记事本文件本在其中输入如下代码: 我的第一个网页

相关文档
最新文档