您的位置：360文档中心› 网页制作电子教案(实操)

网页制作电子教案(实操)

网页制作电子教案(实操)
网页制作电子教案(实操)

教案

表格的组成

插入表格

表格各元素的属性在表格中插入内容

网页设计实验报告

实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师

实验一 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标签里有如下的代码： (2) 设置模板的背景颜色。打开 CSS 面板，为 style.css 新建一条 css 规则。过程如 下：

将背景颜色设为#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? }

《网页设计与制作》期末考试试题

《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题，每小题2分，共60分) 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、

B、 C、 D、 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

《网页制作教学设计》教案

《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材： (一)教材分析：本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容，2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块，但针对现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：学生自学，自练Word制作网页的基本方法；第二课：让学生自己构思创意一个内容丰富，页面美观的网页。 (二)教学目标：根据对教材的分析及学生实际情况，制定如 下的教学目标： (1)知识目标：1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标：1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标：1、教育学生正确认识和理解信息技术相关文 化，伦理和社会问题，负责地使用信息技术。 (三)教学的重、难点：根据对教材的分析及网页制作过程中的 实际情况，我认为要出制作内容丰富的网页，关键是要知 道网页间互相链接的方法，所以我把超级链接做为本节的

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像

网页制作期末考试试卷

2011年上学期《网页制作》期末考试试题 班级：_____ 姓名：_____ 一、选择题（每小题2分，共50分） 1、Internet最旱起源于（）。 A．中国 B．英国 C．美国 D．德国 2、Web服务器与浏览器之间进行相互通信的协议是（）。 A．HTTP B．IPX/SPX C．TCP/IP D．FTP 3、使用【格式】工具栏可以（）。 A．设置样式 B．保存文件 C．打印文件 D．插入超链接 4、在FrontPage 2003中，“打开站点”是指 ( ) 。 A、新建一个站点文件夹 B、打开一个网页文件 C、打开一个站点文件夹 D、新建一个网页文件夹 5、网页标题通常显示在浏览器的（）。 A．状态栏 B．地址栏 C．菜单栏 D．标题栏 6、使用【图片】工具栏上的（）按钮可以对图片进行裁剪。 A． B． C． D． 7、在FrontPage 2003中,我们要全选所有文本内容的快捷组合键是。（） A、 Alt+Tab B、 Shift+A C、 Ctrl+A D、 Ctrl+C 8、先按住（）键不放，用鼠标可以选择不连续的多个单元格。 A．Ctrl B．Shift C．Enter D．Alt 9、表格边框厚度设为（），在浏览器中显示时就没有边框了。 A．“0” B．“1” C．“2” D．“3” 10、下列（）表示新打开一个浏览器窗口。 A．“_self” B．“_top” C．“_blank” D．“_parent” 11、对于下拉框选项，下列说法错误的是（）。 A．可以设置成单选 B．可以设置成多选 C．不能设置成单选 D．可以把第一项设置为禁用项 12、FrontPage 2003中，下述关于图片与链接的关系正确的是（） A、图片不能建立链接 B 、一张图片只能建立一个链接 C 、图片要建立链接需经过处理 D、通过设置热区，一张图片可建立多个链接 13、FrontPage 2003中，要使表格单元格的背景色不一样则可设置下列（） A、单元格属性 B、表格属性 C、页面属性 D、框架属性 14、在FrontPage 2003中，我们需要改变表格外框的粗细,可使用下列（）属性 A、单元格属性 B、表格属性 C、书签属性 D、表单属性 15、在FrontPage 2003中共有六种视图方式，若在要网页中插入表格，应选用的视图方式是：（） A、网页视图 B、导航视图 C、超链接视图 D、报表视图 16、在FrontPage 2003中，我们可以使用下列（）方法进行页面布局，使图文整齐有序地放在想要的位置上。 A、表格 B、书签 C、表单 D、单元格 17、使用浏览器访问网站时，第一个被访问的网页称为（）。 A、网页 B、网站 C、HTML语言 D、主页

网页设计——网页设计概述教案

第一讲网页设计概述 使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式 在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址：端口号/路径名/文件名

1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等 1.2.1 IE5的界面 1.2.2 IE5的使用 1.3 网页中所使用的技术 1.3.1 HTML语言和XML语言 1、HTML语言 ?HTML只使用SGML中很小一部分标记 ?HTML语言（Hyper Text Markup Language 超文本标记语言） ?HTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具 2、XML语言 XML（eXtensible Markup Language） 1.3.2 动态网页 1.3.3 多媒体技术的应用 1.3.4 Web服务器端程序 1.4 制作网页的基本方法 1.4.1 制作网页的基本步骤 1、确定网页的内容 2、设计网页的组织结构 3、资料的收集与整理 4、选择网页的设计方法 1.4.2 制作网页时要注意的问题 1、网页的标题要简洁，明确。 2、在文本中要使用水平线，以分割不同部分。 3、对重点段落要强调显示。 4、网页中插入的图片要尽量的小。

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题：春の花 春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题：夏の花 夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。 1.3 链接3标题：秋の花 大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。 1.4 链接4标题：冬の花 蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。

网页制作期末测试题

2011—2012学年度第二学期期末考试 2010级2班计算机专业科目：网页制作期末测试题 姓名：学号：分数： 一、选择题（每小题3分，共60分） 1、网站设计完成后，要让浏览者正确访问该网站，必须满足的条件是（） A、该网站已成功上传Web服务器 B、该网站拥有一个IP地址 C、该网站的首页文件名符合服务器的规定 D、以上全是 2、在HTML文档中，正文标记是指（） A、〈body〉〈∕body〉 B、〈head〉〈∕head〉 C、〈html〉〈∕html〉 D、〈title〉〈∕title〉 3、在新建站点的过程中，不能完成的操纵是（） A、设置Web服务器的主机地址 B、选择使用的服务器技术 C、设置网站主页的名称 D、选择网页的处理方式 4、在Dreamweaver CS3中，输入文本换行时要产生正常行距，可使用的快捷键是（） A、Enter B、Ctrl+Enter C、Shift+Enter D、Alt+Enter 5、在Dreamweaver CS3中，关于图像，以下说法错误的是（） A、不支持位图文件，只支持GIF、JPEG和PNG格式的文件 B、图像文件被插入后，可以调整其亮度和对比度 C、GIF和PNG图像均支持动画和透明背景 D、图像文件名不能使用中文，否则会造成不正确显示 6、以下说法错误的是（） A、插入Flash按钮和Flash动画时，必须先保存网页文件 B、Flash动画的扩展名是.swf C、Flash动画插入后可以设置自动循环播放 D、Flash动画插入到网页后不能为其创建超链接 7、关于锚点链接，以下说法错误的是（） A、只能链接到当前文档中的某个位置 B、插入锚记时，锚记名称不能使用汉字和空格，否则在浏览器中不能正常使用 C、创建锚记链接前，必须先插入一个锚点 D、按Ctrl+Alt+A组合键可以打开“命名锚记”对话框 8、在嵌套表格中，内层表格的宽度设置为80%，该80%相对的对象是（） A、浏览器窗口宽度 B、所在单元格宽度 C、外层表格的宽度 D、编辑窗口 9、关于表格，以下说法错误的是（） A、在表格布局视图模式下，可以移动单元格的设置 B、使用表格布局时，最外层表格宽度的单位最好采用像素 C、表格和AP DIV可以相互切换，每一个单元格都将产生一个AP DIV D、布局表格模式下，列宽可以是固定宽度，也可以是自动伸展 10、关于AP DIV的属性Z值，以下说法错误的是（） A、Z值越大，AP DIV越靠上 B、Z值必须是连续的 C、Z值可以是正数，也可以是负数，但不能是小数 D、在AP元素面板中，拖动AP DIV到一新位置，其Z值也将发生变化 11、在框架中打开文档的组合键是（） A、Ctrl+O B、Ctrl+S C、Ctrl+Shift+O D、Ctrl+Alt+O 12 、要想使AP DIV的大小自动随内容的超出而自动增加高度，则在Dreamweaver CS3的属性面板中可以设置AP Div（） A、可见性为Visible B、溢出属性为Visible C、可见性为Default D、溢出属性为Auto 13、在Dreamweaver CS3的模板中，命名可编辑区域时，可以使用的字符是（） A、单引号 B、尖括号 C、空格 D、双引号 14、在Dreamweaver CS3中，要打开“Css样式”面板，以下操作错误的是（）

网页制作公开课教案.doc

教学科目授课日期节次教学内容 教学目标 教学重点与难点教学方法 教学资源 公开课教案 网页制作授课班级10 计 4授课教师徐彬2011．06． 12课型任务驱动授课学时 1 课时下午第二节授课地点图书馆动漫机房 有趣的拼图 通过讲解、演示、实践，让学生掌握在网页中运用层制作拼图游戏。 知识目标技能目标态度目标 通过讲解让学生 1. 提高学生分析问题、解决问1、培养学生的观察能力及掌握在网页制作中题的能力勇于探索、勇于创新的精层的特点，学会添加2．锻炼学生的表达能力和协神 “拖动层”行为。并作、沟通能力2、培养学生的团队精神且了解相应的事件。3．提高学生的动手实践能力， 能运用层制作有趣的拼图 教学重点：层的特点、“拖动层”行为。 教学难点：“拖动层”行为。 综合（讲授、启发、引导、演示示范、观察、比较、实践等） 多媒体计算机、多媒体教学软件 本节是《网址制作 DreamweaverMX2004》中层的应用中的内容，是操作实践课。 本节采用情景导学与任务驱动相结合的教学法帮助学生消化吸收新知识， 教学 引起学生的学习兴趣，激起学生的求知欲望，发挥学生的主体作用，体现教师设计 的主导作用。通过兴趣与任务使学生学习到相关的计算机基础知识和操作技 能，进而培养学生的自学能力与动手实践能力。

教学过程设计 教学环节与主要内容具体教 学目标 教学活动 【复习导入】 ( 一 ) 导入（学时分配： 2 min ） 创设情境，打开“趣味拼图”网页，请 同学玩一玩拼图游戏。 ( 二 )复习知识点（学时分配： 2 min ）1、你觉得我们玩的拼图游戏有什么特点？ 这种特点是利用了什么技术实现的？2、拼图游戏利用了层的什么特点？1、激发学生学习兴 趣。 2、导入新课 教师：帮助学生回顾复习 层的特点。 学生：回顾并实践复习已 学知识 教师：根据实例，提问诱 导，导入课堂任务 学生：观察、讨论、思考 ( 三 ) 明确学习目标（学时分配：1min） 1、层的特点。 2、“拖动层”行为。教师：明确学习目标 3、 onLoad 事件。 【任务分析与制作】 （一）任务初分析（学时分配： 5min）让学生理解理解掌教师：讲解、示范、演示打开趣味拼图网页，引导学生分析制作此网握层的特点。学生：观看操作演示、学页所需的技术：习领会 1、网页布局：表格。 2、图片素材的添加：插入图片（拓展）。通过练习巩固所学学生：实践，完成练习 3、拼图图片的移动：表格转换为层。知识内容。 教师：巡视、评价、辅导（二）任务初制作（学时分配： 15min） 学生制作趣味拼图网页并调试。 （三）任务再分析（学时分配： 5min ）让学生理解理解掌教师：讲解、演示、示范请同学们汇报自己作品的调试成果。握“拖动层”行为以学生：观察、学习、领会针对调试作品所发现的问题进行再分析。及事件的用法。 1. “拖动层”行为。 2. 事件。

《电子商务网站设计与制作》教案28

本次课基本信息

教学设计页

教学内容页 8.5练习案例：装修公司 案例操作要点： 1．创建文件名称为index.html的新文档，并将所有样式存放在decoration样式文档中。插入ID名称为container的

标签，宽度为1000px，高度为860px，并居中对齐。 2．在container的
标签中，插入ID名称为menu，info1，info2，info3和footer 的5个
标签，宽度和高度分别为1000px和107px，160px和670px，320px和670px，310px和670px，1000px和83px。其中ID名称为info1，info2，info3的
标签为左浮动，ID名称为footer的
标签取消左浮动。 3．在footer标签中，插入两个
标签，其类样式名称为.f1和.f2，其宽度分别为580px和280px，并设置它们为左浮动。 4．设置页面属性的背景为#CCC，边距为为0，字体大小为12px，文字颜色为#999。设置#container样式的背景为白色。 5．标题样式.text1，文本大小为30px，颜色为#451B08，左对齐；副标题样式.text2，文本大小为18px；职位标题文本样式.text3，文本大小14px，下部内边距5px，下部边框为实线，宽度为1px，颜色为#999。 6．设置#info1样式的左右内边距分别为85px；#info2样式的左右内边距为10px；#info3样式的左右内边距分别为10px，上部内边距为10px；.f1样式的上部和左侧外边距分别为20px和60px；.f2样式的上部和左侧外边距分别为30px和60px，字体为黑体，大小为20px，颜色为#66250F。

网页制作实验报告

网页制作实验报告 页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 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) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果

网页制作期末考试试题含答案.

2010年秋季学期《网页制作》科目期末考试卷（理论） 使用班级:09计一、09物一班级: 姓名: 得分: 1、A 2、C 3、C 4、A 5、D 6、D 7、C 8、A 9、B 10、B 11、A 12、D 13、B 14、B 15、D 1、可以通过（A）文本框设置单元格内容和 单元格边界之间的像素数。 A:填充 B:间距 C:边框 D:宽和高 2、将鼠标指针移动到表格上面，当鼠标指针呈（C）形状时，单击便可选中表格。 A:网格图标 B:十字C:双箭头 D:空心箭头 3、在一个网站中，路径的表示方式一般有（C）。 A:绝对路径、根目录相对路径 B:绝对 路径、根目录绝对路径 C:绝对路径、根目录相对路径、文档目录相对路径 D:绝对路径、根目录绝对路径、文档目录相对路径 4、若要编辑Dreamweaver 8站点，可采用的方法是（）。 A:执行菜单“站点”/“管理站点”命令，然后选择一个站点，单击“编辑” B:在“文件”面板中，切换到要编辑的站点窗口中，双击站点名称 C:执行菜单“站点”/“打开站点”命令，然后选择一个站点 D:在“属性面板”中进行站点的编辑 5、如果要使浏览器不显示表格边框，应将“边框粗细”设置为（）。 A:1 B:2 C:3 D:06、以下扩展名中不表示网页文件的是 （） A、.htm B、 .html C、 .asp D、 .txt 7、构成WEB站点的最基本的单位是（） A、网站 B、主页 C、网页 D、文字 8、网页最基本的元素是（） A、文字与图像 B、声音 C、超链接 D、动画 9、在进行网站设计时，属于网站建设过程规划和准备阶段的是（） A、网页制作 B、确定网站的主题 C、后期维护与更新 D、测试发布 10、Dreamweaver是（）软件 A、图像处理 B、网页编辑 C、动画制作 D、字处理 11、在网站整体规划时，第一步要做的是（） A 确定网站主题 B 选择合适的制 作工具 C 搜集材料 D 制作网页 12、链接到同一网页的超链接，又称为（）。 A．绝对超链接 B．相对超链接C．邮件超链接D．锚点超链接 13、要想在新的浏览器窗口中打开链接页面，应将链接对象的“目标（target）”属性设为（） A．_parent B．_blank C．_self D．_top 14、“HTTP”的中文含义是（）。 A、文件传输协议 B、超文本传输协议 C、顶级域名网址 D、以上都不是 15、下面说法错误的是( ) A.规划目录结构时，应该在每个主目录下都建立独立的images目录 B.在制作站点时应突出主题色 C.人们通常所说的颜色，其实指的就是色相 D.为了使站点目录明确，应该采用中文目录

网页制作实验报告

北京理工大学珠海学院课程设计说明书 _2013_—_2014_学年第_1_学期 题目: 《Web应用开发课程设计》 学院：计算机学院 专业班级： 11级软件工程3班 学号： 110202031031 学生姓名：蒋征 指导教师：魏志军 成绩： 时间： 2014/1/5 2014年 1 月 5 日

摘要 本次作品是一个IT技术交流论坛，实现论坛的基本功能，注册、登录、发帖、浏览和回帖。 论坛分三个分板块，网页、C#和JA V A，纵向层次也是三层，主页、板块页和帖子页。网站使用JavaScript实现动态页面。 关键词：计算机技术交流社区JavaScript 网页 I

目录 摘要 ............................................. I 目录 ............................................. II 1 网站结构和布局 (1) 1.1 网站结构 (1) 1.1.1 总体结构 (1) 1.1.2 横向链接结构 (2) 1.2 页面布局 (3) 1.2.1 主页 (3) 1.2.2 分版页面 (6) 1.2.3 帖子页面 (6) 2 技术应用 (8) 2.1 逻辑设计 (8) 2.1.1 HTML和CSS设计 (8) 2.1.2 JavaScript设计 (10) 参考文献 (13) 心得体会 (14) I

教师评语 (15) 成绩评定表 (16) 课程设计答辩记录表 (17) II

1 网站结构 1.1主体结构 1.1.1总结构 网站是以技术交流社区为主题的论坛型网站。 这个网站是按树形结构设计如图1-1-1，页面种类共分三层，分别是主页，分主题页还有就是内容页。 主页连向三个分主题分区页面，分别是MTHL板块，C#板块还有就是JAVA 板块。 主题分区页面下面是内容帖子。 图1-1-1网页关系 1

网页制作教案

课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。

电子商务网页制作 教学计划

《电子商务网页制作》教学计划 15秋电商这已是学生的第三个学期，对网页制作已有一定了解，然因此课程教科书内容所介绍的软件已不再使用，因而我决定教学生简单、实用、流行的入门网页制作语言——HTML,选择基本的语言让学生学习。同时也利用书上理论知识，传授给学生，并应学生要求，进一步讲解dreamwaver。 教学目标: 1、本学期这一课程是为了让学生学会用html和dreamwaver制作网页。 2、学习关于网页设计的一些基本知识。 重点工作： 1、用html、dreamwaver制作网页。 2、学习网页设计的一些基本知识 教学策略： 1、突出上机操作，精讲多练。 2、将网页设计与学生的生活知识联系起来，其它学科的学习结合起来，与学生思想道德教育结合起来，与课改实验结合起来。 3、作业布置适量，难易适中，有针对性，及时反馈，做好总结。 教学安排： 1、实行上机、上课相结合的模式; 3、坚持考勤，做好学习情况、作业情况的记录。 4、坚持做反思。 教学内容概览： 理论： 1、初识电子商务网页

2、电子商务网站导航设计原则 3、网页布局原则 4、表单的概述 5、课程设计指南 操作： Html: 1、Html基本结构 2、页面主体标记的设置 3、设计网页文本内容 4、无序列表和有序列表 5、文字、图片链接 6、锚点 7、添加图片及设置 8、表格的应用 9、多媒体文件 10、Div标签 11、Iframe 12、让学生设计一个简易的个人网页Dreamweaver: 1、建立所有文件夹 2、建立首页 3、建立站点 4、设置页面属性

. 5、输入文本及其设置 6、插入图片及其设置 7、插入表格及其设置 8、创建网页链接 9、利用表单创建留言板 10、学生设计一个简易网站 班级:15秋电子商务班 任课教师：李美云

Dreamweaver网页制作实训报告

广西科技大学鹿山学院 课程设计报告 课程名称：网页制作课程设计 课题名称：我的梦幻网 指导教师：韦灵 班级：计软141班 姓名：邓康言 学号： 20141409 成绩评定：

指导教师签字： 2015 年 07 月 07 日 目录 一. 网页制作课程设计目的 (3) 二. 1.实训意义： (3) 2.实训目的: (3) 二、课程设计内容 (5) 1.网站主题《我的梦幻网》 (5) 2.网站材料 (5) 3.网站规划 (5) 三、课程设计步骤 (6) 四、网站各模块实现 (7) 1.我的梦幻网模块功能： (7) 2.背景故事模块功能： (8) 3.宠物介绍模块功能： (9) 4.门派介绍模块功能 (10) 5.装备模块功能介绍： (11) 6.人物模块功能介绍： (12)

7.地图介绍模块功能： (14) 7.我的梦幻模块功能： (15) 五、总结及心得体会 (17) 一.网页制作课程设计目的 1.实训意义： 本次网页设计与制作实训是网页教学过程中重要的实践性教学环节.它是根据网页教学计划的要求.在教师的指导下进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用. 2.实训目的: 通过综合实训进一步巩固,深化和加强我的理论知识 (1) 掌握规划网站的内容结构,目录结构,链接结构的方法。 (2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使

用。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 熟练掌握网页页面布局的各种方法。 (5) 熟练掌握在网页中输入,设置标题和正文文字的方法。 (6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。 (8) 掌握表单网页制作方法。 (9) 掌握网页特效制作方法。 (10) 掌握网站测试的方法。 2. 训练和培养我获取信息和处理信息的能力,充分培养和提高动手能力,学会通过网站、书籍、素材等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。 3. 培养我运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。 4. 培养我的理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

网页制作电子教案项目备课

项目二 网页制作基础 【项目描述】 中文版Dreamweaver8是目前比较流行的网页制作工具。本项目主要介绍中文版Dreamweaver8的工作窗口及使用方法，以及HTML的基本结构。 【教学目标】 1.安装Dreamweaver8，介绍其工作窗口及使用方法。 2.学会定义本地站点，并讲解规划站点结构的原则，在站点中搭建模拟结构。 3.Html代码的基本结构。 【项目分配】 任务一认识Dreamweaver8。（1课时） 任务二创建本地站点，搭建模拟结构。（2课时） 任务三html代码的基本结构。（2课时）

任务一：认识Dreamweaver8（1课时） 一、教材分析： 中文版dreamweaver8是目前比较流行的网页制作工具。主要介绍中文版dreamweaver8的工作窗口以及其使用方法 二、学情分析： 本班学生都是刚接触到dreamweaver8，对于本节课知识兴趣浓厚，学习积极性高。三、教学目标： 知识目标：初步了解中文版dreamweaver8的工作窗口、工具栏、文档窗口、浮动面板、菜单和辅助设计工具。 情感目标：通过本节课的学习使学生掌握知识的同时，提高他们的自学能力。 能力目标：通过本节课的学习培养学生动手操作能力。 四、教学重点 掌握中文版dreamweaver8的8的工作窗口、工具栏、文档窗口、浮动面板、菜单和辅助设计工具、属性面板和浮动面板显示及使用。 五、教学难点 快捷工具栏的显示及组成、使用，浮动面板的显示与隐藏菜单和辅助设计工具的作用教学方法与过程： （一）导入新课：提问学生对网站的了解，internet网与我们生活的联系及重要性。引发学生思考，带着颖问进入教学课题。 （二）揭示课题：网站大部分都是由Dreamweaver8 制作出来的这节课我们就来“认识Dreamweaver8” （三）教师演示： 1.启动Dreamweaver8从开始菜单启动，出现工作区设置对话框，选择设计器工作区。设计器是标准的工作区。 2.Dreamweaver8工作界面认识Dreamweaver8工作界面，对掌握和提高制作效率是关键的一步。（1）标题栏：左侧有网页标题，所在位置及文件名称，右侧有最小化，最大化

网页设计实验报告书_范文

北京信息科技大学网页美术设计实验报告 学院/系人文社科系 学生姓名代俊丽 专业行政管理 学号 2010012299 班级行政1001 实验教师李晋

二Ο一二年 5 月 14 日实验报告

实验报告书 一实验目的 1．学习html语言和dreamweaver等工具 2．掌握在本地环境下运用dreamweaver技术实现一个简单的电子商务网站 二实验的方法和原理 三实验过程 1.资料的搜集。 2.熟悉制作软件。 做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的链接 链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页（欢迎访问零二七范文网https://www.360docs.net/doc/6411680539.html,，零二七范文大全）单击确定便可以了。 6向静态网页插入动态效果 四实验心得 在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。 近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

网页制作实验报告格式

网页制作实验报告格式 实验一：站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 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) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果

相关主题
相关文档
最新文档
B、 C、