华南理工网页设计与制作
《网页设计与制作》课程简介

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

《网页设计与制作》教课纲领(114 学时)一、课程性质和任务本课程是中等职业学校的计算机专业的一门专业课。
其主要任务是学习相关网页设计与制作的基础知识和基本技术,使学生可以娴熟地制作出一般企事业单位所需的中高级水平的网页。
二、课程教课目的本课程的教课目的是使学生掌握网页制作的基本知识和基本技能,掌握网页内容对象的制作方法及技术,拥有对网页内容多个对象进行合理布局与设计的初步能力。
(一)课程目标要求1、掌握制作简单网页的基本方法。
2、掌握 HTML 常用标志及其功能格式。
3、掌握向网页中输入对象的方法。
4、会制作网页中各样超链接。
5、掌握网页内容多个对象的布局方法。
6、能给网页适合增添动向成效。
7、认识高级网页制作技巧。
8、能进行站点管理和保护。
(二)能力培育目标1 、掌握 FrontPage基本操作及技术。
2 、会用 HTML 编写改正简单网页。
3、掌握在网页中输入标题、文本、插入图片、表格、表单等对象的方法。
4、站点创立及站点内超链接的制作技巧。
5、能绝对定位和相对定位,表格,框架对网页合理布局。
6、会用模板、主题、款式制作高质量网页。
7、利用各样插件,控件脚本程序制作高级网页。
(三)思想教育目标1、培育学生网上分辨是非,合理运用网络资源的能力。
2、培育学生踊跃长进的修业态度和较强的自控能力。
三、教课内容和要求(一)理论教课摸块1 、FrontPage基本观点1)新增功能、工作界面构成。
2、制作简单网页1)网页文件基本操作方法。
2)输入文本、制作超链接的基本方法。
3、HTML 语言基础1 )HTML 基本法与构造。
2)常用标志的功能、格式。
4、增添网页元素1)输入标题、文本并对其进行格式化。
2)编写列表。
3)插入图片及图片办理。
4)制作站点内超链接的方法介绍。
5)制作表格及用表格定位。
6)制作表单。
7)制作网页内动向成效。
5、网页元素合理布局1)相对定位和绝对定位。
2)表格定位。
3)框架定位。
网页设计与制作实践教学大纲讲解

《网页设计及制作》实践教学大纲本实践教学大纲是电子商务专业“网页设计及制作”等相关基础课程的实践教学大纲,是完成“网页设计及制作”课程和培养网页设计及制作的基本操作技能的重要实习实践环节。
总学时为48学时,共包括14个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计及制作的技术及网页制作软件的使用。
一、适用专业范围本实践教学大纲适用于高职广告设计及制作专业、电子商务等计算机应用类专业。
二、实践前期准备知识1.计算机基础及网络基础理论知识;2.电脑图形制作软件的使用技巧。
三、学时分配本实践教学为48学时。
四、实践条件及要求1.硬件要求:使用计算机,512M 内存、40G 硬盘2.软件要求:(1)Windows98以上版本(2)Dream weaver8 中文版;(3)Flash8 中文版五、实践内容实验一 HTML基础实验 7学时(一)实验目的1.掌握HTML 语法基本的基本结构。
2.熟悉HTML 编写网页的方法。
(二)实验要求完成实验报告,在实验报告中要求记录如下内容:⑴.HTML 语法基本结构⑵.HTML 各标记的使用(三)学时分配本实践项目为7学时(四)实验内容1.写出HTML 语法的基本结构2.编写包括文本和图像的两至三个简单网页3.在网页之间建立文本、图像和书签超链接4.编写一个带有表格的网页5.编写一个带框架结构的网页实验二 Dreamweaver基础 2学时(一)实验目的(1熟悉DreamWeaver 的界面及其操作(2熟悉使用DreamWeaver 建立站点,理解本地站点和远程站点的概念(二)实验要求实验前认真预习,熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师,并保存设计结果供下一个实验使用。
(三)学时分配本实践项目为2学时。
(四)实验内容本实验的内容主要是制作一个“长春悠游网”的站点,分类建立文件夹和2-3个网页。
《网页设计与制作》课程标准

营销型网站建设实训课程标准课程编号:适用专业:电子商务课程类别:专业基础课程修课方式:必修教学时数:64学时总学分数:4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体,辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程,是计算机专业的专业基础课程,也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标,该课程的定位为:.懂专业:掌握Web国际标准基础知识;基于W3C网页设计标准,熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能:掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能,熟练掌握DIV+CSS网页布局设计方法,能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发,熟悉Web国际标准,掌握小型网站策划、分析、设计、布局、测试的职业能力;坚持手写代码,形成良好的代码规范编写习惯。
.高素质:在课程学习中培养学习和工作的方法能力,培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程,也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习,实现以下专业知识、职业能力、职业素质目标,为今后职业生涯发展打好基础。
知识目标:•熟悉和掌握静态网页设计与制作的基本知识;•掌握Web国际标准基础知识;•了解和熟悉HTML语言;•掌握静态网页设计与制作的知识;•掌握网页中DIV+CSS网页布局方法;•掌握网页中图片设计和处理、动画导入的知识;•掌握网站检查与发布的知识;•坚持手写代码,形成良好的代码规范编写习惯。
能力目标:•具备信息收集、处理、准备、加工的能力;•具备网页设计及网页中图形设计、动画导入的基本能力,能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站;•具备初步的网站开发、维护和管理能力;具备独立撰写网站制作说明等技术文档的基本能力。
网页设计与制作教案重点和难点

网页设计与制作教案重点和难点教案标题:网页设计与制作教案重点和难点教案目标:1. 了解网页设计与制作的基本概念和原理。
2. 掌握网页设计与制作的基本技能和工具。
3. 能够设计和制作简单的网页。
教案重点:1. 网页设计与制作的基本概念和原理:- 了解网页的结构和组成部分,包括HTML、CSS和JavaScript。
- 理解网页设计的原则,如布局、色彩搭配、字体选择等。
- 熟悉网页制作的工作流程,包括需求分析、界面设计、编码和测试等。
2. 网页设计与制作的基本技能和工具:- 掌握HTML的基本语法和标签,能够创建网页结构。
- 熟悉CSS的基本属性和选择器,能够实现网页的样式设计。
- 了解JavaScript的基本语法和常用功能,能够实现网页的交互效果。
- 掌握网页设计与制作的常用工具,如文本编辑器、图形编辑器和浏览器调试工具等。
教案难点:1. 网页设计与制作的复杂性:- 网页设计与制作涉及多个技术领域,需要学生综合运用HTML、CSS和JavaScript等知识。
- 网页制作过程中可能遇到兼容性、布局调整和浏览器兼容性等问题,需要学生具备解决问题的能力。
2. 网页设计与制作的创意与实践结合:- 网页设计与制作需要学生具备一定的创意和审美能力,能够设计出符合用户需求和美观的网页界面。
- 学生需要通过实践来巩固所学知识,将理论应用到实际项目中,提升实际操作能力。
教学策略:1. 理论与实践相结合:- 在讲解基本概念和原理的同时,引导学生进行实际的网页设计与制作实践,加深理解和掌握。
- 提供一些实际案例和练习题,让学生通过实际操作来解决问题和巩固知识。
2. 分步教学:- 将网页设计与制作的过程分为多个步骤,逐步引导学生完成每个步骤的任务,帮助学生建立起完整的制作流程和思维模式。
3. 引导学生思考和解决问题:- 在遇到问题时,引导学生主动思考和解决问题的方法,培养学生的问题解决能力和自主学习能力。
评估方法:1. 课堂练习:- 设计一些小型练习题,考察学生对网页设计与制作基本概念和技能的掌握情况。
完整版)网页设计与制作课程标准

完整版)网页设计与制作课程标准网页设计与制作》是一门理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。
该课程定位于WEB技术开发工作岗位,是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用。
通过本课程的研究,学生将了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。
该课程旨在为今后从事网页设计与制作、网站开发和管理奠定基础,并在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主研究能力和探索创新能力。
该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:1.网页基本概念(第1章)2.基本开发工具的使用DW CS6软件介绍(第2章)3.建立与管理站点(第3章)4.制作主要内容为文本的网页(第4章)5.插入与编辑图像(第5章)6.插入多媒体元素(第6章)7.创建超级链接(第7章)8.HTML基础(第13章)9.表格处理与网页布局(第6章)10.网页布局AP Div的应用(第9章)11.使用CSS+DIV布局网页(第11章)12.网页美化CSS样式表(第10章)13.行为(第12章)14.动态网页基础(第15章)15.创建和使用模板(第9章)16.创建和使用库(第10章)该课程的教学目标为:1.掌握使用Photoshop进行图像处理的基本方法及操作技能;2.掌握DreamweaverCS5的基本知识及操作技能;3.掌握建立与管理站点的方法;4.掌握制作主要内容为文本的网页的方法;5.掌握在网页中插入与编辑图像的方法;6.掌握在网页中插入多媒体元素的方法;7.掌握表格处理与网页布局的方法;8.掌握创建超级链接的方法;9.掌握使用框架制作旅游网站的方法;10.掌握创建和使用模板的方法;11.掌握创建和使用库的方法;12.掌握在网页中添加AP Div的方法;13.掌握在网页中使用行为的方法;14.掌握HTML基础知识及通过代码修饰网页的方法。
《网页设计与制作》课程实验(上机)教学大纲

《网页设计与制作》课程实验(上机)教学大纲一、实验教学目标与基本要求本实验课程是信息管理专业和财务管理专业的专业任选课程。
通过本实验课程的学习,要求学生掌握Web的基本概念,学会使用常用的网页设计工具,网站的建立维护能力。
通过发布属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。
因此,精通Web的应用基础,掌握Web网页的制作和Web 站点的管理等内容已经成为现代人必备的一种技能。
该课程强调基础知识的教学和实践技能的培养。
在“虚拟企业”教学实践平台上,大力开展技能教学,专门设计电子商务网站构架平台,辅助学生自行动手创建个性化的商务网站。
并编写实训手册,训练学生帮助企业解决企业电子商务问题的能力,形成了以案例教学为主线的理论教学和以项目驱动为特点的实践教学相结合的课程特色。
本课程内容以网站建设的实践为线索来确定课程的知识结构。
根据课程具有的实用性的特点,实践环节在教学过程中应占有重要地位,为此,教学中一定要加强实际动手能力的培养。
具体通过本课程的学习,要求学生掌握一、两种常用的网页设计工具,熟练运用多种网页设计技术,具备Web页设计、制作及站点管理的基本知识和基本技能;了解一种绘制图形和加工图像的图像处理工具。
二'基本理论与实验技术知识1.了解网站开发的基本知识。
2.掌握网页文本操作、插入图象、表格应用、超级链接、层的使用、网页布局、框架与框架集。
3.掌握加强网页显示效果的CSS样式、资源、模板和库。
4.掌握交互的表单应用和插入媒体对象。
5.掌握行为的应用、动画创建等实际内容。
6.学习搭建服务器平台,测试和发布站点。
7.掌握在Macromedia Dreamweaver CS4中使用数据库、ASP对象、服务器行为制作动态网页。
三' 实验方法' 特点与基本要求本实验开设对象为《网页设计与制作》课程的学习者(经济管理类信管专业学生),实验为必修内容。
《网页设计与制作》学习指南

学习指南《网页设计与制作》网络资源共享课程由网上学习、教学互动等部分组成,由于该课程是一门实践性和应用性很强的技术专门课程,因此还要求学习者参与每个任务所规定的实验及实训等实践性教学环节的训练。
网上学习部分的内容充分利用了计算机、INTERNET、多媒体等技术手段, 采用文本图片、音频、视频、动画、案例、网站等多种表现形式,全面系统介绍网页设计与制作的知识。
实践性教学环节含实验和实训等内容,由每个任务具体给出,学生应认真按照具体指导及要求完成实验和实训的训练,着重培养理论联系实际的能力,培养实际动手能力及实验技能,培养分析问题与解决问题的能力。
本课程是一门“教、学、做”一体化的学习领域课程,在学习本课程时,不仅要重视知识技能的学习,还应重视实践性教学环节、团队协作等,要完成一定数量的实践和实训课题,在反复运用中加深理解和巩固所学的知识。
经过与企业工程师反复讨论,根据网站的一般开发流程,我们设计四个真实的网站建设项目作为教学素材,根据教学规律进行优化,形成了本课程的教学项目。
这四个项目分别是:项目一:“银帝矿业”企业网站建设(第一版)。
这是一个导引项目,定位于“我教---你学”。
主要用于教师教学示范和学生技术体验,是“边学边做”的教学过程,项目二:“银帝矿业”企业网站建设(第二版)。
这是一个是训练项目,定位于“你做---我导”,主要用于巩固提高,训练学生操作能力,以学生自己动手做为主,教师的作用是解决学生在做的过程中出现的问题,是“做中学”的训练过程。
项目三:工学结合项目。
这是一个强化项目,定位于“你做---我评”,主要用于强化学生网页设计与制作的综合能力,教师的作用是从用户的角度对网页设计效果进行评价,是“技能提升”的过程。
项目四:岗位工作项目。
这是一个综合项目,定位于“你做---用户评”,这个项目安排在企业进行,由企业兼职指导教师带领学生参加真实项目的设计与制作,学生参与用户需求分析、项目规划、设计与制作全过程,作品将直接由用户评价,是“工学结合”的过程。
《网页设计与制作》课程说明书

计算机图像处理 专业核心课
学时 /学分 56 /3 授课范围
2010 级本科 1 班、2 班、3 班
授课时间 和地点
周三 1-2 节,11-A507 室(2 班、3 班) 周五 5-6 节,11-A507 室(1 班)
人数 限制 90
课 程 本课程全面讲授使用 HTML 和 CSS 进行网页设计和制作的方法和技巧,包括网页设计基础、网页 简 制作工具、XHTML 基础、CSS 基础、CSS 布局技术和 CSS 高级技术等内容。 介
实验、实习、作业、课外 阅读及参考文献等 内容及时间、地点
实验(一)网页基本元素 周三 3、4 节 计算机基础教学实验室 B-103
实验(二)XHTML 语言 周三 3、4 节 计算机基础教学实验室 B-103
实验(三)CSS 选择器 周三 3、4 节 计算机基础教学实验室 B-103
实验(四)CSS 盒模型 周三 3、4 节 计算机基础教学实验室 B-103
缺席 1/3 学时者,取消考试资格,重修;总成绩不及格者,补考;补考不及格者, 重修;补考或重修时,期末考试占 100%。
备注
1.开学一周内,班长或课代表将其姓名、联络电话、手机以 e-mail 传送给任课 老师。 2.若以 e-mail 与老师联络时,请于主题处注明您的班级、姓名及事由等。 3.修读本课程的同学均应准时到课,若无法准时前来,应有请假条。
第 14 章 表格布局(2 课时) 13.1 表格布局基础 13.2 表格布局实例
第 15 章 浏览器兼容问题(2 课时) 13.1 CSS 过滤器 13.2 IE 常见 bug 修复 网页制作综合训练(2 课时) 第 16 章 网页制作综合训练
实验(六)用 CSS 设置背景样 式 周三 3、4 节 计算机基础教学实验室 B-103
《网页设计与制作》教学大纲(2022版)

《网页设计与制作》教学大纲英文名称:Web Design and Production课程代码:221001005课程类别:专业基础课课程性质:必修开课学期:大一第2学期总学时:36(讲课:36)总学分:2考核方式:平时考勤、作业、课堂表现、期末大作业先修课程:计算机基础适用专业:网络与新媒体专业一、课程简介课程是网络与新媒体专业专业基础课,授课学期为大一第二学期,先修课程为《计算机基础》、《计算机网络技术》,后续课程有《动态网页设计》、《新媒体产品设计与管理》、《搜索引擎优化》等。
本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力,参照计算机高新技术网页制作员4级标准,以互联网上具体企业网站为工作任务,重点培养学生解决实际问题的能力,充分体现“职业性”的特点。
每个模块包含“知识拓展”和“能力拓展”部分,给学生留出足够的拓展空间,引导学生提出自己独特的设计思路,符合高职课程“开放性”的要求。
本课程以学生实践操作为主,要求课程全部在实训室完成,体现高职教育的“实践性”特点。
本课程主要通过理论授课的方式完成教学,授课课时为36学时,考核方式由平时考勤、作业、课堂表现和期末大作业构成。
二、课程目标及其对毕业要求的支撑本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力,以及计算机高新技术网页制作员(DreamWeaver平台)4级标准,培养学生网页设计与制作的职业能力、认真负责的工作态度、创新进取的学习态度、团结合作的团队精神,培养学生胜任工作岗位的基本技能和综合素质。
三、课程教学要求第一章HTML基础教学内容:第一节 Web技术简介第二节 HTML是什么第三节 HTML入门简介第四节本章总结学生学习预期成果:了解HTML基本概念、web前端技术。
教学重点:无教学难点:无第二章前端开发工具教学内容:第一节前端开发工具第二节新建HTML页面学生学习预期成果:了解前端开发工具,会搭建一个简单的HTML页面。
《网页设计与制作》课程教案

《网页设计与制作》课程教案一、教学目标1. 了解网页设计与制作的基本概念和流程。
2. 掌握HTML、CSS和JavaScript的基本语法和应用。
3. 学会使用网页设计软件进行网页布局和美观设计。
4. 能够独立设计并制作一个简单的网页。
二、教学内容1. 网页设计与制作的基本概念和流程。
2. HTML的基本语法和使用方法。
3. CSS的基本语法和使用方法。
4. JavaScript的基本语法和使用方法。
5. 网页设计软件的使用方法和技巧。
三、教学方法1. 讲授法:讲解网页设计与制作的基本概念和流程,HTML、CSS和JavaScript 的基本语法和使用方法。
2. 示范法:通过实际操作演示如何使用网页设计软件进行网页布局和美观设计。
3. 练习法:学生跟随教师的步骤进行实际操作练习,巩固所学知识。
4. 互助法:学生之间相互讨论和帮助,解决学习中遇到的问题。
四、教学准备1. 教室环境:安装有网页设计软件的计算机。
2. 教学材料:教案、PPT、网页设计软件教程。
3. 网络环境:学生可以访问互联网,查找相关资料。
五、教学过程1. 导入:通过展示一些精美的网页,引起学生对网页设计与制作的兴趣。
2. 讲解:讲解网页设计与制作的基本概念和流程,HTML、CSS和JavaScript 的基本语法和使用方法。
3. 示范:教师使用网页设计软件进行网页布局和美观设计的实际操作演示。
4. 练习:学生跟随教师的步骤进行实际操作练习,巩固所学知识。
5. 讨论:学生之间相互讨论和帮助,解决学习中遇到的问题。
7. 作业:布置相关的练习题目,让学生课后巩固所学知识。
六、教学评估1. 课堂参与度:观察学生在课堂上的积极参与程度,提问和回答问题的积极性。
2. 练习完成情况:检查学生完成练习的情况,包括正确性和完整性。
3. 作业质量:评估学生作业的质量,包括对知识的掌握程度和创意性。
4. 同伴评价:学生之间相互评价对方的作品,提供反馈和建议。
《网页设计与制作》实训项目大纲及实训方案

本实训项目的目的与任务是使学生根据问题的要求,构思一个主题,并运用网页制作工具,制作和发布网页,并对此进行更新和维护,掌握网站发布的工作流程,了解域名申请、空间申请的方法,能在校园网及英特网上发布网页。
实训学时数:125 (5周)课外学时数:100适用方向:办公自动化、电子商务执笔者:王平露编写日期:2006年4月一、实训教学的目的与任务本实训项目的目的与任务是使学生根据问题的要求,构思一个主题,并运用网页制作工具,制作和发布网页,并对此进行更新和维护,掌握网站发布的工作流程,了解域名申请、空间申请的方法,能在校园网及英特网上发布网页。
通过设计、编辑和发布网页全过程的实际训练使学生对网页整体设计流程有一个深刻的认识,并且熟练掌握网页制作工具(Dreamweaver MX )的使用,初步掌握HTML、CSS语法格式,能借助手册看懂代码,能进行简单的代码改写工作,了解客户端脚本和服务端脚本区别,了解在网页上进行简单代码的嵌入与改写,会与其他工具结合使用以便实现更高效高质量的网页效果,进一步提高办公自动化效率和水平。
二、实训项目的基本要求及考核标准基本要求:(一)网页内容要求:1、主题内容:创意突出,体现校园园区精神文明建设体现本班级大学生风貌,学习气氛浓厚,作品内容健康。
严禁发布反对政府、宣传迷信、传播色情、系统破坏、黑客教程等违法信息。
2、具体内容:标徽、标题、各链接页具体内容,站内搜索、计数器、留言系统、电子邮件地址、弹出窗口、漂浮广告、背景音乐、网页特效、友情链接、版权信息等。
(二)制作基本要求:1、至少有10 个页面,链接结构应有三层,下一层必须有返回上层的按钮或链接。
有整体框架结构,导航栏,表格定位,布局合理,色彩搭配协调统一。
2、主页的文件名为:index.htm 。
文件名一般用英文小写字母。
3、网页中要有文本、图像、表格、交互与链接、层与动画、表单。
4、网页主要建立站内链接,尽量少建立外部链接,至少建立一个E-mail 链接至你的邮箱。
《网页设计与制作综合实训》教学大纲

《网页设计与制作综合实训》教学大纲课程名称:网页设计与制作综合实训实训学时:60学时适用专业:计算机软件技术课程类别:专业课编写大纲教研室/实训室:软件教研室一.实训教学的目的和要求在前一阶段,学生完成了《网页设计与制作》、《图形图像处理》、《CSS设计》、等专业课程的学习,为了让学生将前期的专业课程学以致用,融会贯通,特开设本系统化实训。
本次综合实训基于学生的兴趣,选取专业建设网站开发为主题,基于网页开发的流程,把实训周期当做是一个项目的开发周期,严格把握项目进度,最终要求学生完成网站的前台设计。
1.通过本次实训希望达到以下目的:(1)熟悉和掌握Dreamweaver软件的使用方法;(2)熟悉和掌握PS软件的使用方法;(3)熟悉FLASH软件应用的方法;(4)学会使用CSS+DIV做网页布局;(5)熟练掌握站点的规划与设计。
2.本次实训的具体要求如下:(1)应用css和html(div+css)技术完成至少4个页面,其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。
(2)显示环境:网页视觉效果应采用Internet Explorer 6.0以上版本浏览器,显示分辨率以1024×768状态为准。
(3)网页规模:网页总量原则上不应超过10M,且必须要是不连接互联网就可以进行展示的作品。
(4)网站结构:要求结构清晰,文件有清晰的分类,比如图片都放在images文件夹下等。
(5)要求页面美观大方、颜色搭配协调;(6)作品留存,下学期或下一阶段继续完善、开发。
二.实训方式该实训为校内模拟实训。
根据高等教育教学大纲规定和学院教学计划安排及培养学生职业技能的要求,软微班的学生于第一学期进行为期4周的校内实训,项目名称为《网页设计与制作综合实训》。
实训时间:2013-2014学年第一学期第15-18周实训班级:软件1301班、软件1302班实训地点:校内机房三.考核方式个人最终成绩 = 平时*30%+ 项目中期检查*20%+项目终期检查*50%。
《网页设计与制作》-实训指导书

目录实训1 站点创建实训2 搜集素材实训3 用表格设计主页布局实训4 在主页制作中插入文本操作实训5 在主页制作中插入图像操作实训6 在主页制作中超级链接的设置实训7 制作动感网页实训8 表单制作实训9 CSS样式表的使用实训10 JavaScript技术实训11 应用行为实训12 利用框架制作“公司简介"网页实训13 利用布局表格制作“新书推介”网页实训14 模板和库的使用实训15 利用层的布局制作“技术支持”网页实训16 网页设计与网站管理实训17 网站开发综合实训实训1 站点创建实训目的为了让学生能熟练掌握创建站点的方法,掌握设置网页的页面属性,掌握创建网站目录结构、栏目文件夹、网页文件的基本操作方法。
实训环境硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。
操作系统:Windows95/98/me/2000/XP软件环境:Dreamweaver MX 2004特殊要求:必须将IIS配置好,能正常进行WEB浏览素材准备准备制作网页所需的文字素材.实训课时2学时实训内容创建站点:创建网站目录结构:创建栏目文件夹:创建网页文件:掌握设置网页的页面属性实训要求要求学生能掌握如何创建站点,正确创建网站目录结构及栏目文件夹,创建主页文件index。
htm,并正确命名,掌握设置网页的页面属性的方法.实训步骤1、在E盘中新建本地根文件夹,命名为bookman,并在该文件夹中新建image 文件夹以存放网站中所要用到的图片。
2、定义站点:设置”站点名称”,命名为 "博客人";设置本地根文件夹,指定为E盘下的bookman文件夹;设置 "HTTP地址"为localhost.3、创建网站目录结构及栏目文件夹(如下图):4、E盘下的bookman文件夹创建主页文件index。
htm5、设置网页的页面属性。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第一章网页基础知识·1.1 基本概念
第一章网页基础知识·1.2 网页设计
随堂练习提交截止时间:2020-06-14 23:59:59
当前页有2题,你已做2题,已提交2题,其中答对2题。
第一章网页基础知识· 1.3 网页制作
随堂练习提交截止时间:2020-06-14 23:59:59
第二章Dreamweaver入门·2.4 使用Dreamweaver
第三章HTML·3.1 基本概念
第三章HTML·3.2 基本组成部分——HTML元素属性
随堂练习提交截止时间:2020-06-14 23:59:59
当前页有3题,你已做3题,已提交3题,其中答对3题。
第四章编辑基本网页元素·4.1 文本输入与编辑
随堂练习提交截止时间:2020-06-14 23:59:59
第四章编辑基本网页元素·4.3 超级链接
第四章编辑基本网页元素·4.4 多媒体元素
随堂练习提交截止时间:2020-06-14 23:59:59
第五章表格·5.1 表格的基本操作
第五章表格·5.2 在表格中添加内容
第五章表格·5.3 表格属性
第六章APDiv及框架·6.1 APDiv
第六章APDiv及框架·6.2 框架
随堂练习提交截止时间:2020-06-14 23:59:59
第七章CSS及表单·7.1 表单
第七章CSS及表单·7.2 层叠样式表(CSS)
随堂练习提交截止时间:2020-06-14 23:59:59
第八章行为、模板及库· 8.1 行为
第八章行为、模板及库·8.2 使用模板
随堂练习提交截止时间:2020-06-14 23:59:59
第八章行为、模板及库·8.3 使用“库”项目
第九章平面图像处理基础·9.1 图像处理基础
第九章平面图像处理基础· 9.2 绘制和编辑选区
第十章画笔与绘画· 10.1 绘图工具的使用
第十章画笔与绘画·10.2 修图工具的使用
随堂练习提交截止时间:2020-06-14 23:59:59
第十一章调整图像的色彩和色调· 11.1 调整命令
第十二章图层、通道和蒙版· 12.1 图层
第十二章图层、通道和蒙版·12.2 通道
随堂练习提交截止时间:2020-06-14 23:59:59
第十二章图层、通道和蒙版·12.3 蒙板
随堂练习提交截止时间:2020-06-14 23:59:59
第十三章文字和滤镜·13.1 文字
随堂练习提交截止时间:2020-06-14 23:59:59
第十三章文字和滤镜·13.2 滤镜
第十四章Flash动画基础·14.1 图形绘制
第十四章Flash动画基础·14.2 图层与元件
随堂练习提交截止时间:2020-06-14 23:59:59
第十五章Flash动画制作·15.1 基础动画
第十五章Flash动画制作·15.2 高级动画。