




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、 网页设计与制作综合实训课程标准一 课程定位本课程是软件技术专业“网页设计与制作”等相关软件核心课程的实践课,是完成网页设计与制作课程和培养网页设计与制作的基本操作技能的重要实训实践环节。总学时为40学时,共包括8个实践项目。实践地点为校计算机实训室。实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。二 设计思路(.whicu.)和自定义的网页,两个网页项目来实践div+CSS,在实际操作过程中会把之前的知识串联起来,深入div+CSS的学习,在动手练习操作过程中遇到问题,在实际中解决问题。三 课程目标通过div+CSS的实践学习,使学生掌握基本的网页设计风格定位、静态元素设计
2、、动态元素设计和网页合成的工作流程及方法。熟悉并熟练掌握photoshop和Dreamweaver等网页制作软件,并了解建站流程,最后,把做好网页发布到服务器上去,通过互联网访问页面。四 教学容与学时分配8 / 12网页设计与制作综合实训教学安排与学时分配实训模块知识分解实训要求学时实训一选框工具、移动工具、仿制图章工具、文字工具、默认前景和背景颜色DIV+CSS基础实训,回顾基础2实训二选中所需要的图层,新建、复制、粘贴图层Photoshop基础,切图,准备好网页制作素材2实训三新建web文件夹,在web文件夹下建立子文件夹,分别是css、flash、images文件夹将准备好的素材放进相对
3、应文件夹里面,打开软件Dreamweaver,新建html然后改html文件里的标题,并改名为index.html保存在web文件夹里制作网页的通常步骤和注意的一些细节要点2实训四首先拿到一个网页设计图不是直接去做,而是先得去观察,思考这个设计图应该怎样分层,应该分几层,应该分哪几层。一般网页大致可分三层,就是头部层top,中间层box,尾部层foot。开始制作网页,搭建好网页的框架2实训五HTML语法、<body>主体标签、标题 heading、文本格式、段落 paragraph、实体&、注释讲解制作网页的常用标签代码2实训六学校官网基本素材,box层,foot层等开始编
4、写网页代码,完成整体网页设计代码10实训七FLASH层的添加及编辑、层、标签命令的编辑网上搜索资料素材,寻找自己适合的网页制作2实训八综合上述全部知识点及之前学过的软件知识进行自主开发制作,结合学校主页的编辑效果及HTML编辑命令,将截图进行加工、上传。制作网页,完成整体自己独立设计的网页设计代码18合计40学时实训容说明实训一 DIV+CSS基础实训2学时(一)实训目的回顾之前学习的Photoshop的DIV+CSS相关知识,了解同学们之前所学知识的程度。(二)实训要求完成实训报告,在实训报告中要求记录如下容: 1.怎样运用Photoshop软件及常用的快捷键2.CSS基本用法及常用属性(三
5、)实训容1写出HTML语法的基本结构2编写包括文本和图像的两至三个简单网页3在网页之间建立文本、图像和书签超4编写一个带有表格的网页5编写一个带框架结构的网页实训二Photoshop基础 2学时(一)实训目的1.回顾Photoshop的界面及其操作2.使用Photoshop处理渐变图片上的文字,压缩图片大小(二)实训要求实训前认真预习,熟练掌握有关概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师,并保存设计结果供下一个实训使用。(三)实训容本实训的容主要是完成制作学校官网主页界面素材的各种控件图标,分类建立文件夹如:images、flash、css等以及各项素材截
6、图。实训三 创建简单网页实例 2学时(一)实训目的1.本节课主要讲解网页的通常步骤.2.在制作网页里面注意的细节问题(二)实训要求1.文件夹命名必须是英文的2.命名必须有意义的(例如:放图片的文件夹就可以命名为images)3.新建好html之后一定得记得立即保存并改名为index.html4.代码编写规(命名,格式等等)编写代码的好习惯(注释、随时保存等等)(三)实训容新建web文件夹,在web文件夹下建立子文件夹,将准备好的素材放进相对应文件夹里面打开软件Dreamweaver,新建html然后改html文件里的标题,并改名为index.html保存在web文件夹里。实训四 设计分层结构2
7、学时(一)实训目的1.掌握分层思想首先拿到一个网页设计图不是直接去做,而是先得去观察,思考这个设计图应该怎样分层,应该分几层,应该分哪几层。2.常用分层思想一般网页大致可分三层,就是头部层top,中间层box,尾部层foot。(二)实训要求1.观察网页设计图,思考怎样为其分层2.开始搭建网页框架(三)实训容本实训的容主要是利用上次实训的容分析主页结构如何进行分层处理,设计理想完善的结构为后续实训搭建框架。实训五 常用标签代码使用2学时(一)实训目的1.熟悉Dreamweaver中html常用标签代码有哪些2.HTML语法(二)实训要求实训前认真预习,熟练掌握有关表格布局的基础概念和知识。实训过
8、程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师,并保存设计结果供下一个实训使用。(三)实训容本实训的容主要是利用html常用标签代码进行主体标签的定义1.标题字2.文本基本标记3.文本格式化标记4.段落标记5.换行与不换行6.水平线7.实体8.注释9.其他定义实训六 框架网页的创建 10学时(一)实训目的掌握和了解框架网页的创建和编辑操作,熟悉目标框架的设定。(二)实训要求实训前认真预习,熟练掌握有关框架网页的基础概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师,并保存设计结果供下一个实训使用。(三)实训容本实训的容主要是利用框架结构来建立网页,并设
9、置目标框架。1.建立一个本地站点,包括2-3个网页2.制作两个框架网页其中一个为教师指定样式,另一个可以自由发挥。3.设置网页间的超,并设置目标框架.实训七自主设计2学时(一)实训目的1.选取适合发布和制作的主页并做好前期准备工作2.熟悉层面板,利用时间轴制作层动画。(二)实训要求实训前认真预习,熟悉知名或门户论坛的版面规划,并运用所学知识进行静态加工。实训过程中记录发生的问题并分析原因。实训完毕将所有文件打包交给老师。(三)实训容使用层和CSS编辑主页:1.建立一个本地站点,包括2-3个网页2.在网页上添加动画及控件(1)FLASH层的添加及编辑(2)层、标签命令的编辑3.设置超将站点中的网
10、页起来。实训八 表单网页的创建 3学时(一)实训目的1.熟悉和掌握表单的各元素的基本操作2.能够独立创建表单网页实例(二)实训要求实训前认真预习,熟练掌握有关表单网页的基础概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师,并保存设计结果考评使用。(三)实训容本实训的容主要是熟练表单的基本操作,并制作表单网页。1.建立一个本地站点,包括2-3个网页2.其中一个网页为表单网为老师指定,其他含表单项目网页自由发挥制作。3.设置超将站点中的网页起来。五 实训要求1.考勤:实训期间不迟到,不早退,不旷课,不无故请假。2.纪律:实训课不大声喧哗,不讨论实训无关话题;不随意接听。3.严禁上网做与实训无关的事情。4.实训期间注意维护实验室卫生,不得在实验室乱丢垃圾,不得在实验室吃东西。5.按照实训进度及时完成实训报告。六 课程考核任课教师根据实训要求拟定出具体考核细则,由学生动手操作完成相关实训实践项目,按统一
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- GB/T 45575-2025工业产品表面缺陷自动检测系统技术要求
- 2025年计算机:IT.程序员职业技能资格知识考试题与答案
- 主题婚礼策划与流程
- 全科医学转岗培训课件
- 宣传信息工作培训
- 个人能力培训教程课件
- 物业安全人员岗前培训
- 园林景观设计与施工培训课件
- 车辆维修报账合同协议
- 《金融投资机构介绍》课件
- GA/T 1556-2019道路交通执法人体血液采集技术规范
- 作业现场安全监督检查卡(配电)
- 幼儿园绘本故事:《小熊不刷牙》
- 安全生产会议记录(12个月)
- 旅行管家实务全套ppt课件最全电子教案完整版教学教程整套全书课件ppt
- 做好孩子的引路人课件
- 丽声北极星分级绘本第一级上My Noisy Schoolbag教学设计
- (完整版)管理经济学题库
- 毕业设计粗饲料粉碎机的设计全套CAD图纸
- 植物基酸奶项目说明(范文模板)
- 钣金报价计算表(强)
评论
0/150
提交评论