六、单项实验的内容和要求
1、实验名称:使用HTML语言进行简单的网页设计
实验内容:
用记事本或写字板编写HTML文档,该文档文件名为“姓名_1.htm”,使得最后显示效果如下图所示:
实验要求:
1.掌握WWW的工作原理;
2.掌握HTML语言的基本语法,并利用该语言进行简单的网页设计。
2、实验名称:使用Dreamweaver创建站点和主页文件
实验内容:
1.建立本地站点
(1)在D盘建立一个名为“mysite”的文件夹。
(2)在文件夹“mysite”基础上建立一个名为“我的个人网站”的站点。(提示:站点|新建站点)
2. 在“mysite”中创建和设置网站主页文件index.html,要求如下:
(1)标题为“我的个人网站”,设置bg.jpg作为背景,上边距和左边距设为0
(2)网页中插入三行文字
1)第一行为“欢迎光临我的个人网站”(格式要求:居中,字体大小为7)2)第二行为“这是我做的第一个网页”(格式要求:居左,字体大小为5)3)第三行为“请多多指教”(格式要求:居右,字体大小为1)
(3)在网页适当的位置插入一条水平线,结合网页背景设置水平线的颜色
实验要求:
1.掌握站点的创建
2.掌握网页文件的基本操作;页面属性的设置;文本的插入和格式设置
3、实验名称:文档的基本操作
实验内容:
1.使用Dreamweaver制作如下一个页面,命名为“index.htm”,并在浏览器中运行,结果如下图所示。在主页“index.html”中,要求添加背景颜色,每句诗之间要空行,且整个诗要求居中,在“QQ的生活”创建一个空链接。
实验要求:掌握文档的基本操作,掌握文本的属性设置。
4、实验名称:表格的创建和使用
实验内容:
1.创建如下图所示的表格
2.使用表格完成如下图所示的页面布局。
实验要求:
1.掌握表格的创建;表格的基本操作
2.掌握使用表格或布局表格设计网页的布局
5、实验名称:多媒体元素的插入
1.使用布局表格完成效果如下图所示的页面布局,并插入网页
Flash动
2、任选图像和文本,掌握两者的相互对齐方式
实验要求:
掌握图像、声音、动画、视频和其他多媒体元素的插入。
6、实验名称:链接
实验内容:
1.将上次的作业复制到d盘,对主页文件”index.html”进行以下
操作:
(1)选中图像”美食介绍”,链接到网页“msjs.html”
(2)选中文本“伪满皇宫”,链接到网页“wmhg.html”
(3)为文本“联系我们”创建电子邮件链接,地址为自己的邮箱
2.创建一个网页“map.html”,将图片”map.jpg”插入到网页中,请地图中创建若干热点,点击各热点时要求如下:
1)点击周口地区时,链接到zhoukou.html文件上(在原窗口中显示)。
2)点击三门峡地区时,链接到某个图片上(在新窗口中显示)。
3)点击郑州地区时,做一个电子邮件链接,收件人是你本人的邮
箱地址. 4)点击信阳地区时,做一个远程登陆,目标地址是:
https://www.doczj.com/doc/622074023.html,
5)点击南阳地区时,做一个脚本链接,用alert函数弹出任意内容的信息窗口
6)点击洛阳地区时,要求跳到zhoukou.html文件的底部(在该文件底部添加命名锚记)
7)在网页的顶部添加标题“河南省地图导航”,并将它做成一个超链接,要求鼠标放上时,右下角显示标题“这是河南图象地图”,链接目标为空链接(任意一种),并且可以使用“alt+d”
快捷键直接选中该链接。
实验要求:
1.掌握相对路径的设置
2.掌握基本超级链接、电子邮件链接、热点链接、锚点链接、脚本链接的创建
7、实验名称:制作具有框架结构的网页
实验内容:
1、建立一个名为“花的世界”的站点,自己定义站点文件夹名,并创建一个如下所示的框架集,根据需要对其中各个框架的大小和属性进行设置并保存(文件|保存全部),保存时建议输入一个好记的名称。
当单击左边框架花的名称,主框架中会显示对应的内容。
实验要求:
1.了解框架集和框架的概念
2.掌握框架结构网页的创建及常用属性的设置
8、实验名称:创建CSS样式表
实验内容:
1.完成以下操作:
(1) 使用重定义标签的方法把1.htm中的表格中的所有文字设置成12像素,红色,应用范围仅对该文档。
(2) 首先把1.html中的表格中“连接”两个字做成空链接,然后把该链接使用重定义标签的方法设置成没有下划线,绿色,14象素大小。应用范围是外部的样式表文件,名字为new.css
(3) 使用CSS高级样式,把2.htm中的链接的四种状态分别定义为:正常状态(link)为红色,12像素;鼠标放上状态(hovor)为蓝色,14像素;正在点击状态(active)为黄色,16像素;访问过的状态(visitied)
为黑色,18像素。以上四种状态都没有下划线。应用范围仅对该文档。
(4) 使用自定义样式(class)的方法,把3.htm中的4句话分别设置4种不同颜色和字体的的自定义样式,名字任意。
(5) 新建一个文件4.htm,在其中建立一个链接,用链接外部样式表的形式把new.css中的样式应用到当前文档中。
实验要求:
1.了解CSS的基本概念
2.掌握三种CSS样式类型的创建及应用
3. 掌握”CSS规则定义”对话框中样式八大类别的使用
9、实验名称:利用时间轴创建层动画
实验内容:
1、建立文件donghua1.htm,要求在图片背景上,使用能够扇动翅膀的3张蝴蝶图片(GIF格式),结合层和时间轴设计出自由纷飞的效果。
2、建立文件donghua2.htm,利用层的嵌套属性结合时间轴能够制作出站点中常见的公告板,公告板中的文字从下向上循环运动,能够对网页中的重要内容进行动态分布.
3、建立文件donghua3.htm,利用录制层路径的方法创建一个动画,要求层运动的轨迹是一个近似圆形,预览时,动画在打开浏览器两秒钟后才开始播放,请根据时间轴的相关知识实现。
实验要求:
1.了解时间轴
2.掌握应用层和时间轴制作动画的方法
10、实验名称:添加行为
实验内容:
1. 在页面1.htm中继续回车换行,插入一个层,设置层的背景颜色为绿色,当在层上单击鼠标时,层的背景颜色变为红色。
2.建立页面2.htm,插入图片“hh.jpg”,在图片上3个圆形区域“机器猫”“小黑熊”“米老鼠”上分别创建3个热点。当鼠标移到相应热点上时,显示相应的图片,鼠标移开时,所有图片消失。请根据层和行为实现。效果如下入所示:
实验要求:
1.熟悉对象、事件、动作和行为的基本概念
2.掌握使用行为面板添加和编辑各种行为
3. 掌握Dreamweaver自带行为的应用
11、实验名称:创建模板和库
实验内容:
1.利用模板制作如下图所示的网页。
图人与自然首页
图植物天地页面
图动物世界页面
实验要求:
1.掌握利用资源面板管理站点中各种资源
2.掌握利用模板和库制作统一风格的网站,并更新网站中的各个网页
12、实验名称:制作表单
实验内容:
结合表格的布局功能和CSS样式表的相关知识,设计如下图所示的表单页面。
实验要求:
1.掌握在网页中插入表单的操作
2.掌握表单元素属性的设置的操作
3.能够运用表单及表单对象制作网页
13、实验名称:制作一个静态网页
实验内容:
1.请按照图中所示进行主页设计,在完成设计后的“个人信息”栏中写上自己的姓名,学号。
2.页面布局要合理,不能出现表格偏移,错位的情况。页面要分成明显的图片标题区,导航条区,
主内容区以及最下面的版权说明区。
3.其中当前日期的代码已经给出(时间代码.txt),请把该代码正确应用到网页的导航条中
4.导航条要求用单线表格完成(如图,即表格边框仍为0,但单元格之间有分界线且为单线)。
5.使用表单设计主页左上方的“极限论坛”区域,区域中“注册”
和“登陆” 按钮要求用图象域完成。
6.结合使用层和时间轴在主页左下方设计“站务新闻”区域(即自动垂直滚动条),区域内的文字在打开主页时由下至上滚动,且当鼠标放到文字上时,文字停止滚动,鼠标移开时滚动继续。
7.主页内的所有文字请使用CSS样式设为宋体,12象素,红色(#d90000),居中对齐。
“极限论坛”和“站务新闻”栏目的背景颜色用CSS样式设定为粉红色(#ffecec)。
《网页设计与制作教案》 湄洲湾职业技术学院 2008-2009学年第一学期 教师:唐俊奇 系部:信息技术工程系 专业:计算机应用电子信息 班级:计机07(1)信息07(1)08(2)
第一讲网页设计概述 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】 使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 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】网站规划 【工作任务描述】 1.任务背景 2.任务目标 对网站进行需求分析 对网站的风格进行定位 制定网站具体实施方案,制作网站规划说明书 3.所需工具 【工作过程】 第1步:网站需求分析 第2步:制作网站规划说明书 ◆嵌入知识点 【典型任务2】站点建设与管理 【工作任务描述】 1.任务背景 2.任务目标 认识站点,明确站点建设与管理的重要性 根据网站建设实际需要,合理有效地创建与管理站点资源3.所需工具 【工作过程】 第1步:认识Web站点 第2步创建“卓帆五金制品厂”网站本地Web站点 第3步管理站点 第4步创建文件夹和空白页面 ◆嵌入知识点
【典型任务3】首页设计与制作 【工作任务描述】 1.任务背景 2.任务目标 明确首页设计与制作的过程和注意事项 在页面中设置跟踪图像,作为布局蓝图 在网页中绘制布局表格和布局单元格对页面进行布局 在页面中插入表格、设置表格属性 对网页中的文本进行格式化设置 在网页中插入图像并进行编辑与美化 3.所需工具 【工作过程】 第1步:设计网站首页 第2步:制作网站首页 ◆嵌入知识点 【典型任务4】首页美化 【工作任务描述】 1.任务背景 2.任务目标 理解CSS 样式表的意义和原理 在Dreamweaver网页制作软件中定义并应用样式表来美化首页外观3.所需工具 【工作过程】 第1步:认识CSS样式表 第2步:创建与编辑CSS规则美化网站首页 ◆嵌入知识点 【典型任务5】设计二级页面 【工作任务描述】 1.任务背景 2.任务目标 3.所需工具 〖子任务1〗设计“首饰包装”页面的内部与外部链接 【工作任务描述】 1.任务背景
网页设计与制作实例教程 习题答案 第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 二、简答题
1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.doczj.com/doc/622074023.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.doczj.com/doc/622074023.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.doczj.com/doc/622074023.html,(此处也可输入IP地址); (3)http:如https://www.doczj.com/doc/622074023.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/622074023.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.doczj.com/doc/622074023.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/622074023.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/622074023.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.doczj.com/doc/622074023.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。
《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 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 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。
存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作: (1) 三、课程设计的内容要求: (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) (1)选题应反映本专业的培养目标,符合专业综合训练的要求。 (4) (2)选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) (3)选题的难易程度和工作量要适当,保证在规定的时间内,在教师的指导下,经过努力能够完成。 设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)
第1章课程设计任务书 专业电子商务班级(1)班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作: 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求: 1、课程设计要求 (1)通过课程设计把课堂上讲的内容融会贯通,掌握表格在网页布局中的特点及应用,掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然,整体界面美观大方,简洁高效,使之达到界面动与静的搭配合理,动而不乱,静而不僵和谐效果。 2、课程设计内容 (1)设计一选题的基本原则。 (2)设计二选题范围。 (3)设计三选材。 (4)设计四正确运用DW和Ps。 (5)设计五课程设计心得。
《网页设计与制作》课程概述: 栏目介绍:课程栏目包括除课程概述之外,还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍: 《网页设计与制作》是一门理论与实践技能并重的课程,本 课程主要介绍第一章至第五章的内容。部分教学内容如下: 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时, 上下课时的内容相互联系 相互影响。 第一章: 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书
第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章: 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章: 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架
第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章: 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课:AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍: 所用教材是《网页设计与制作基础教程》,其内容丰富,结 构清晰,语言简练,图文并茂,具有很强的实用性和操作性,可 作为高等院校计算机相关专业的教材,也可作为广大动态网站开
《网页设计与制作》课程教学大纲 一、课程的性质和任务 课程性质:《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选修课程,是学习网页设计与制作的一门重要课程。 主要任务:向学生全面介绍与网页设计制作有关的知识,向学生阐明Web 基本工作机制,并使学生具有解决一般网页制作问题的能力。与此同时,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。掌握通过HTML语言、FrontPage、Flash工具软件设计制作一个网站的方法与技巧。 基本要求: 1、了解Internet的过去、现在和将来及有关WWW、HTTP、HTML、CSS的定义,概念和作用; 2、了解图像的几种格式:GIF、JPEG、PNG和矢量图格式,它们各自的特点和差别; 3、理解服务器、客户端、浏览器的概念和作用; 4、深入理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记、表格、框架、表单的作用; 5、理解客户端脚本程序的工作方式; 6、熟练掌握使用绝对和相对URL,创建超链接,图象链接,图象映射的建立方法; 7、会使用FrontPage2000、DreamWeaver等网页制作工具制作网页; 二、课时分配 课程教学总学时数为42学时,具体分配见课时分配表。 课时分配表
三、本课程的教学内容 第一章 HTML概述 什么是HTML;什么是WEB;HTML的定义;基本的HTML语法;标记符的属性; WEB页的基本结构;HTML标记;首部标记;正文标记符;添加注释;显示特殊字符。 第二章页面背景与颜色控制 页面背景;背景颜色;背景图案;字符和链接的颜色。 第三章文本格式 字符格式;物理字符样式;逻辑字符样式;段落格式;分段与换行;段落对齐。 第四章列表格式 有序列表;OL标记符和LI标记符;有序列表的嵌套;无序列表;定义无序列表;混合嵌套列表;定义列表;创建定义列表;使用定义列表缩排文档第五章使用图象 WEB页图象格式;在网页中插入图象;IMG标记符及其基本属性;图象布局;使用GIF动画;创建GIF动画;注意事项;使用网页图象的要点。 第六章使用超链接 超链接基础;URL简介;绝对URL与相对URL;BASE标记符;创建超链接;.1 指向本地网页的链接;指向其他网页的链接;指向页面中特定部分的链接;指向电子邮件的链接;图象与超链接;链接到图象;图象链接;图象映射;客户端图象映射;服务器端图象映射。 第七章使用表格 创建表格;表格标记符TABLE;创建表格标题;表格的表头;表格的行与列;表格的修饰;边框和分隔线;表格的对齐;控制单元格空白;行组;列组;使用表格设计网页布局;设置表格或单元格的背景;嵌套表格。
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和常用脚本语言,能够设计制作常见的静态和动态网页,具备网站的建立和维护能力。同时通过本课程的学习,培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路:以计算机专业学生的就业为导向,根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析,紧紧围绕完成工作任务的需要来选择课程内容,设定职业能力培养目标;以“工作项目”为主线,创设工作情景;以书本知识的传授变为动手能力的培养为重点,强化学生实践动手能力的培养,以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1.熟悉HTML 语言的作用和开发环境,能够编写HTML 代码; 2.掌握常用的HTML 标签,能够实现基本的图文信息显示; 3.理解HTML 页面框架的作用,能够针对需求进行框架的设计; 4.掌握各类HTML 表单元素标签,能够进行表单设计;
5.掌握各类HTML 多媒体元素标签,能够进行多媒体页面设计; 6.掌握CSS 样式的基本使用方法,能够应用CSS 样式表美化页面;7.掌握CSS 网页布局的方法,能够结合DIV 标签进行页面布局; 8.掌握JavaScript 的语法基础,能够编写简单的JavaScript 应用程序;9.掌握JavaScript 的函数、内置对象、事件等,能够实现表单的验证;10.掌握DOM 树形结构及其操作方法,能够控制DOM 对象。 2.职业技能目标 1.能独立进行资料收集与整理、具备用户需求的理解能力; 2.能根据项目需求,具备项目页面的设计与实现能力; 3.能根据静态页面设计原则与CSS 技术规范,实现页面美化与布局;4.具有使用JavaScript 技术进行页面事件处理与表单验证的能力; 5.能根据DOM 树形结构,进行页面DOM 的控制; 6.具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1.养成善于思考、深入研究的良好自主学习的习惯; 2.通过项目与案例教学,培养学习者的分析问题、解决问题的能力; 3.具有吃苦耐劳、团队协作精神,沟通交流和书面表达能力; 4.通过课外拓展训练,培养学习者的创新意识; 5.具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
《网页设计与制作》期末考试试题 一、单项选择题(本大题共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、