《网页设计与制作》课程标准前言:
《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用,
一、课程的说明:
通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。
二、课程内容与基本要求:
该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:
三、教学目标
1、职业关键能力目标
(1) 掌握使用Photoshop进行图像处理的基本方法及操作技能
(2) 掌握DreamweaverCS5的基本知识及操作技能
(3) 掌握建立与管理站点的方法
(4) 掌握制作主要内容为文本的网页的方法
(5) 掌握在网页中插入与编辑图像的方法
(6) 掌握在网页中插入多媒体元素的方法
(7) 掌握表格处理与网页布局的方法
(8) 掌握创建超级链接的方法
(9) 掌握使用框架制作旅游网站的方法
(10) 掌握创建和使用模板的方法
(11) 掌握创建和使用库的方法
(12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法
(14) 掌握HTML基础知识及通过代码修饰网页的方法
(15) 掌握使用CSS样式表修饰网页的方法
(16) 掌握动态网页的概念及简单动态网页的制作方法
2、职业专门能力目标
(1) 通过完成相关的项目,掌握网页设计的基本工作流程。
(2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。
(3) 通过完成相关的项目,掌握网页布局及美化的基本方法。
(4) 通过完成相关的项目,掌握简单网页交互的制作方法。
3、方法能力目标
形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。
四、教学内容
第一章网页制作基础知识(4学时)
教学目标:
网页与网站基本概念、网页基本组成元素、常用网页制作软件
主要教学内容:
网页制作基础知识
网页的基本构成元素
网页制作常用软件和技术
第二章 Dreamweaver CS6轻松入门(2学时)
教学目标:
DW CS6软件的安装、用DW建立网页的方法、打开和保存网页的方法主要教学内容:
Dreamweaver CS6工作环境
[插入]栏
Dreamweaver CS6新功能
第三章站点的搭建与管理(4学时)
教学目标:
本地站点与远程站点的概念、站点文件夹的管理
主要教学内容:
创建本地站点
管理点站
管理站点中的文件
使用站点地图
第四章网站建设规范和基本流程(2学时)
教学目标:
IIS信息服务器的搭建与管理、建立、发布主页、建立和管理站点主要教学内容:
网站建设规范
网站建设的基本流程
第五章创建结构清晰的文本网页(6学时)
教学目标:
1. 在网页中添加文字和字符
2. 使用背景、列表美化文本网页
主要教学内容:
设置文本属性
插入其他元素
创建项目列表和编号列表
插入网页头部内容
综合案例-创建基本文本网页
第六章创建绚丽多彩的图像和多媒体网页(6学时)教学目标:
1. 了解网页中常用的图像格式
2. 网页中插入图像的方法
3. 网页中插入多媒体的方法
主要教学内容:
网页中常用的图像格式
编辑图像
插入多媒体
综合案例-创建图文混排网页
第七章创建超级链接(6学时)
教学目标:
超级链接的概念、文字与网页间的链接、图片热点和锚记
主要教学内容:
超级链接的基本概念
创建超级链接的方法
创建各种类型的链接
管理超链接
综合实例
第八章使用表格排版网页(6学时)
教学目标:
1. 表格的编辑处理
2. 用表格制作网页元素
主要教学内容:
创建表格
设置表格及其元素属性
表格的基础操作
表格的基本应用
综合实例-利用表格排版网页
第九章使用DIV和Spry灵活布局网页(4学时)教学目标:
1. AP Div的创建
2. 在AP Div中插入网页元素
3. 设置AP Div的属性
主要教学内容:
插入AP Div
设置AP Div属性
使用 Spry布局对象
第十章使用CSS修饰美化网页(6学时)
教学目标:
1、CSS样式表的类型
2、CSS样式表的创建
3、不同样式表的样式应用
主要教学内容:
CSS简介
使用CSS
设置CSS样式
CSS滤镜设计特效文字
综合实例
第11章 CSS+DIV布局方法(6学时)
教学目标:
盒子模型概念、CSS布局理念、常见布局类型
主要教学内容:
初识DIV
CSS定位
CSS布局理念
常见的布局类型
第12章使用模板和库提高网页制作效率(6学)
了解模型的库的概念,会使用库创建项目
主要教学内容:
创建模板
使用模板
管理模板
创建和应用库项目
第13章使用行为和动作为网页添加活力(6学时)教学目标:
重点区分行为、触发事件、动作、对象等概念和区别
主要教学内容:
行为的概念
行为的动作和事件
使用Dreamweaver内置行为
第14章网站页面布局设计与色彩搭配(2学时)教学目标:
网页色彩搭配知识、常见页面版式
主要教学内容:
网页版面布局设计
常见版面布局形式
网页色彩搭配知识
第15章用表单创建交互式网页(6学时)
表单的基本概念、常用表单元素的插入方法
主要教学内容:
表单概述
创建表单域
插入文本域
复选框和单选按钮
列表和菜单
跳转菜单的使用
使用按钮激活表单
使用隐藏域和文件域
综合案例
五、课程实施条件
本课程需要一间高性能联网的计算机实训室,需满足每位学生一台电脑。配备液晶投影仪、多媒体教学软件、Photoshop 、Dreamweaver 及以上版本等。
六、教学组织与方法
1、教学方法
结合软件与信息服务专业学生特点,基于行动导向,根据每个任务的内容特点,以真实项目进行引导开展教学。整个课程以项目任务实训为主线,以技能培养为核心来组织教学。学生在完成项目分解的任务中学习相关知识,并利用这些知识解决项目中的问题。
(1)项目教学法
课程将网页设计的知识点分解为多个小的任务,每个任务的学习过程以工作过
程为导向,最终形成学生的职业行动能力。
(2)小组教学法
以6人为一个单位,成立教学小组。单人完成的项目,组内可以互相学习,督促和评价。大型复杂的项目,小组成员共同完成。
(3)视频展示法
教师对讲授内容充分提炼,将复杂的操作录制下来,方便学生反复观看和模仿,形象生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握;提高了教学效率;便于学生自主学习。
2、教学手段
(1)充分利用多媒体实训室和多媒体课件
本课程的课堂讲授全部在实训室进行,便于使用投影设备,采用多媒体教学手段。开发和使用的多媒体课件制作精美并含有动态演示,其有效地增强了学生的学习兴趣。
(2)鼓励自主学习
制作网络课件,并将教学大纲、教案、习题等同时上网开放,激发学生学习兴趣,鼓励学生自主学习,同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。
(3)严格考评制度
设计了内容丰富、形式多样的习题作业,以利于学生理解和掌握所学知识。严格检查平时作业完成情况,及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度,以促进学生的学习积极性和自我学习的动力。
(4)充分利用网络环境和资源
充分利用互联网资源、本课程网站资源,在网上开展教学活动,包括网络课程
学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等,使学生可以不受时间、地点的限制,方便地进行学习。
七、教学材料
1、学材与教材
(1)选用教材
《巧学巧用DreamweaverCS6制作网页》人民邮电出版社主编:刘西杰。
(2)参考书目
《HTML5+CSS3从入门到精通》,中国水利出版社,主编:未来科技。
《ASP网络编程自学手册》,人民邮电出版社,庞娅娟孙明丽吕继迪编着。
2、软件与网络
多媒体教学软件、Photoshop 、Dreamweaver 及以上版本等.
八、教学评价
1、教学评价
强调评价对教学的激励、诊断和促进作用,发挥教师在评价中的主导作用,创造条件实现评价主体的多元化,要关注学生的个别差异,鼓励学生的创造实践。综合运用各种形成性评价方式,全面考察学生的程序设计能力的养成过程,评价与教学过程相结合,动态把握,及时引导学生情感、态度和价值观的形成。采用纸笔测试和上机测试相结合的方式开展总结性教学评价。要根据课程标准的要求和具体考试内容选择合适的题型和考试方式,创造条件全面考察学生解决实际问题的能力,避免只重视知识记忆。要注意结合学生平时学习表现和过程性评价结果,改变单纯一次测验或考试为依据,评定学生一学期或整个学段学习情况的局面,适度加大过程性评价在期末成绩评定中的比重。
2、考核内容
3、考核方式
本课程实施综合考评,注重考核学生掌握技能的水平,同时注重学习态度和最终成绩的关联,以全面综合地评定学生的能力。
(1)平时技能考核:布置课堂作业以及拓展实训项目,使学生能独立完成大部分的技能训练,小项目及活动的技能,均以个人为考核单位,在平时考核和记录。成绩包括学习态度及项目技能完成情况。占总成绩20%。
(2)阶段考核:复杂的大项目,对学生进行分组,任务由各小组成员共同完成。根据每个任务的完成情况,要求小组成员分别给出自评(25%),组内互评(25%),同时教师对任务小组的整体完成情况给出评价(50%)作为每位成员的共同分数。占总成绩20%。
(3)期中考核和期末考核:在学生期中和期末课程学习结束后,统一参加技能考试。期中成绩占总成绩20%,期末成绩占总成绩40%。
九、课程资源开发与利用
组织课程教学相关教师在深入岗位调研和教学过程总结的基础上开发课程资
源,包括电子教案、课件、试题习题集、教学微课视频。建立教学资源库,上传所有相关课程资源供相关老师和学生下载学习;依托“3A”学习平台——“教学云课堂”APP,微课掌上通平台,让学生能随时、随地进行预习、自学和复习,也更加方面教师和学生的互动教学和辅导。
十、职业基本素养
(1)培养学生团队协作精神,树立诚信意识,锻炼学生沟通交流的能力;
(2)通过项目法教学模式,让学生亲身体验项目的设计、管理和实施;
(3)通过撰写方案设计报告,提高学生书面表达能力,培养学习常用专业英语词汇的兴趣;
(4)通过课外拓展训练,锻炼学生自我学习的能力。
《网页设计与制作》课程标准 课程代码: 502043 参考学时: 90 学分: 4 课程类型:专业课
2015年 1 月编 一、适用专业 计算机应用技术(3年制中职,5年制高职) 二、开课时间 第4学期 三、课程定位 1、课程性质 本课程是计算机应用技术(3年制中职,5年制高职)的专业课程。 2、教学任务 本课程主要以Dreamweaver软件为操作平台,针对职业教育网络技术专业中理论结合实践的特点,以培养高技能应用型人才为目标,重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识,学习HTML标记语言,在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧,锻炼学生网页的排版设计能力,最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中,选取紧密联系实际的项目并进行详细分解,重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。 四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质; 2)培养学生勤于思考、做事严谨的良好作风; 3)培养学生良好的职业道德; 4)培养学生事物美的观念; 2、社会能力目标 1)培养学生的团队协作精神; 2)培养学生分析问题、解决问题的能力; 3)培养学生勇于创新、敬业乐业的工作作风; 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计 与制作工具;
2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架; 3)掌握Dreamweaver软件的使用方法;学习文本、图像等多媒体元素在网页中的 使用技巧; 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆 分、表格嵌套来完成网页的排版; 5)掌握模板的使用方法;熟练应用模板来制作、修改、批量更新网页; 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧; 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果; 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原 理; 9)掌握网页中客户端行为的概念;能够使用常见的客户端行为来制作前台页面的 动态效果; 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练 书写样式; 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作 记录;能够使用服务器行为开发简单的动态网站。 五、课程衔接 在课程设置上,前导课程有《Photoshop高级应用》,后续课程有《网站建设》六、教学内容与学时分配 教学学时数分配见下表所示 表教学内容与学时分配
??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试 网页设计与制作试题 课程代码: 00900 一、单项选择题(本大题共 20 小题,每小题 1 分,共 20 分 )在每小题列出的四个备选项中只有一个 是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时,位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时,默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色,在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时,设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中,存储一首乐曲时,其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript,应该使用的标记是( ) A. B.
C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰,若使文本闪烁,text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中,最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中,用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.sodocs.net/doc/166829461.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.sodocs.net/doc/166829461.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.sodocs.net/doc/166829461.html,(此处也可输入IP地址); (3)http:如https://www.sodocs.net/doc/166829461.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.sodocs.net/doc/166829461.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.sodocs.net/doc/166829461.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.sodocs.net/doc/166829461.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.sodocs.net/doc/166829461.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.sodocs.net/doc/166829461.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。
《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时)
存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 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)设计五课程设计心得。
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程,该课程不仅实用性强、应用面广,而且与岗位的联系非常密切,仅仅就这一门课程的学习,学生毕业后就可以从事相关网页设计与制作的工作,考取相关的网页设计与制作员的资格证书,如果将此作为技能基础,继续学好后续基于网络编程的动态网页设计技术,学生还可以从事网络软件的设计与开发,进行商务网站的设计与制作,同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设,正好满足我校关于“高素质、技能型人才”培养目标的需求,通过该课程的教学,可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有:网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中,结合职业岗位对人才的需求(一线工作岗位上从事网页设计、制作、编辑,网站规划、维护和管理的人员)、我校对人才培养的目标(培养高素质、技能型、应用型人才)及本课程对人才培养的目标(能够独立完成一个网站的建设,毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才),我们将培养学生熟练的网页设计与制作操作技能作为培养重点,在具体课程教学设计中,应用“工学结合”的教育思路、实施“建构主义”的教学方法,采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下,主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下: 老师教学之前的教学设计:根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计:给学生布置一项工作(工作导向)——将工作转化为项目(项目导向)——将项目细化为每一个任务(任务驱动)——通过任务引出知识点(知识学习)
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.sodocs.net/doc/166829461.html,等)下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素,查看其源代码,收藏到收藏夹中,将其设 为主页。 4、制作一个简单的网页sy1-1.html,用记事本编辑,网页标题为“熟悉HTML文档的结构”, 内容为司空曙的《江村即事》,如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。(可参考第二章内容)
实验二 Dreamweaver基本操作(一) 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理; 2、熟悉网页文件的基本操作; 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统,Dreamweaver CS3软件,内部组成局域网,外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”,包含以下几 个文件和文件夹:图片文件夹(images);音乐文件夹(sound)等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件,从提供的网 页原始素材中把相关文字复制到该网页文件中,并进行适当的文字设置,结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html,效果如图所示。 ●标题文字大小用
标记; ●作者信息文字大小为24像素,字体为幼圆,颜色为红色; ●古诗文字大小为24像素,字体为隶书,颜色为蓝色; ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的30%,水平线的粗细为20 个像素,颜色为棕色;自考29942网页设计与制作
高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作(实践) 南京大学编 江苏省高等教育自学考试委员会办公室
Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课,是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能,要求学生在自学理论知识的基础上,培养动手能力,加强实践环节,并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一,是人们获取和发布信息的主要途径。本课程从实际应用出发,培养学生了解网页设计和制作基础知识,学习和初步掌握:网页设计和制作、网页编写语言及网站规划和管理的实际能力。经过课程实践考核,要求学生能上机实验验证相关理论知识,设计、制作、修改或完善指定内容的网页,初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题,具有一定的计算机网络信息发布常识。
经过本课程的学习,应达到以下目标: 1.理解Fireworks和Dreamweaver软件界面,并能熟练独立进行操作; 2.重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作; 3.重点掌握Fireworks图像切片、元件与实例的操作,并灵活运用; 4.重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作; 5.重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识,程序设计语言基础知识及计算机网络基础知识,因此,要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后,将来能够为“网络信息编辑”、“多媒体技术”等课程,或进行本科段的深造打下坚实基础。
《网页设计与制作》期末考试试题 一、单项选择题(本大题共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、