网页设计与制作

张泉 老师

目录

  • 1 《网页设计与制作》概要
    • 1.1 课程标准
    • 1.2 课程考核方案
    • 1.3 课程任务汇总
  • 2 项目一  HTML语言
    • 2.1 网站和网页
    • 2.2 网站策划书
    • 2.3 HTML标识语言1--标签格式
    • 2.4 HTML标识语言2--属性和标题
    • 2.5 HTML标识语言3-段落排版和图片
    • 2.6 HTML标识语言4--链接和表格
    • 2.7 HTML标识语言5--样式和css
    • 2.8 HTML标识制作页面-简单排版
    • 2.9 HTML标识制作页面-链接及多页面
    • 2.10 HTML复习题
  • 3 项目二 DM软件制作页面和站点
    • 3.1 Dreamweaver  工作流程和工作区
    • 3.2 Dreamweaver  工作区2 --工具栏
    • 3.3 Dreamweaver  站点
    • 3.4 Dreamweaver  创建页面
    • 3.5 Dreamweaver  管理资源库
    • 3.6 Dreamweaver  CSS样式
    • 3.7 Dreamweaver  表格
课程标准

滁州职业技术学院经济贸易系

《网页设计制作》课程标准



一、学时数和适用专业     

学时数:56课时      适用专业:电子商务专业

二、课程性质和任务

 课程性质:本课程是电子商务专业的一门基础专业课程,通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和Html语言综合应用,能够设计制作一些基础的静态网站,并对ASP动态网站技术有一定的了解,具备网站的建立和维护能力通过完成学习情境的学习,学生不但能够掌握网页制作与网站设计的专业知识和专业技能,还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质,使学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。

课程任务:本课程的总体任务是:基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法,使学生在认知和实际操作上,对网络媒体内容的主要承载物——网页,有一个整体认识。使学生掌握网页设计和制作的基本职业技能,能够制作社会企事业单位的静态网站,具备网站的策划、设计和制作能力。倡导学生积极参与真实项目制作,实践学真知,积累优秀作品,为就业打下必要基础。培养学生具有诚实、守信,善于沟通和合作的团队合作能力,为从事网络媒体网页制作工作奠定良好的基础。

三、前导课程和后续课程

 前导课程:本课程应该在《电子商务概论》、《多媒体技术应用》等专业基础课后开设,学生基本了解了电子商务的基本模式并具备了一定的计算机应用能力的基础上开设。

后续课程:本门课程的开设可以对后续课程《网站建设》、《ASP动态网页制作》等专业课程打下基础

四、课程基本要求

 1 知识要求

(1)了解网站策划的过程步骤与文档要求;

(2)了解网页布局进行、网页美术设计理念;

(3)掌握应用Photoshop绘制网页导航要素的能力;

(4)掌握应用Photoshop绘制网页信息区块的能力;

(5)掌握应用Photoshop绘制网页美术文字效果的能力;

(6)掌握应用Photoshop处理网页插图的能力;

(7)掌握应用Photoshop绘制网站整体效果图的能力;

(8)掌握应用Photoshop合理切片输出网页图片的能力;

(9)掌握应用Dreamweaver进行网站站点管理的能力;

(10)掌握应用Dreamweaver编排页面总体布局的能力和页面细节效果的能力;

(12)掌握应用Dreamweaver进行模板与子页面制作的能力;

(13)掌握应用Dreamweaver链接网页与测试网站的能力;

(14)掌握发布网站的业务能力和维护网页的能力。

 2 技能要求

(1)能合理的规划商业网站;

(2)能合理设计网页的布局方案和美术设计方案;

(3)能规范的编写网页策划书;

(4)能熟练应用Photoshop绘制网页导航要素;

(5)能熟练应用Photoshop绘制网页信息区块;

(6)能熟练应用Photoshop绘制网页美术文字效果;

(7)能熟练应用Photoshop处理网页插图;

(8)能熟练应用Photoshop绘制网页整体效果图;

(9)能熟练应用Photoshop正确的对网页效果图进行切片和优化;

(10)能熟练应用Dreamweaver进行网站站点管理和初始化页面;

(11)能熟练应用Dreamweaver对网页的总体结构进行排版;

(12)能熟练应用Dreamweaver对网页插片和文字进行编排;

(13)能熟练应用Dreamweaver制作网页的细节效果;

(14)能熟练应用Dreamweaver制作模板与网站子页;

(15)能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能;

16)能熟练应用Dreamweaver链接网页与测试网站;

(17)能应用互联网资源发布网站和维护网页。

3 素质要求

(1)培养良好的劳动纪律观念、培养认真做事、细心做事的态度;

(2) 培养团队协作精神、 培养表述、回答等语言表达能力;

(3) 培养交流、沟通的能力

(4)具有参加国家电子商务师职业资格认证考试技能部分考试的能力

 

 

 

1.课程概述

本课程是高职计算机系各专业的一门基础专业课程,通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和Html语言综合应用,能够设计制作一些综合的静态网站,并对ASP动态网站技术有一定的了解,具备网站的建立和维护能力通过完成学习情境的学习,学生不但能够掌握网页制作与网站设计的专业知识和专业技能,还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质,使学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。

本课程的后续课程为动态网站开发,是后续课程的一个基础。

2.课程目

本课程的总体目标是:基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法,使学生在认知和实际操作上,对网络媒体内容的主要承载物——网页,有一个整体认识。使学生掌握网页设计和制作的基本职业技能,能够制作社会企事业单位的静态网站,具备网站的策划、设计和制作能力。倡导学生积极参与真实项目制作,实践学真知,积累优秀作品,为就业打下必要基础。培养学生具有诚实、守信,善于沟通和合作的团队合作能力,为从事网络媒体网页制作工作奠定良好的基础。

具体如下:

2.1 知识目标

(1)了解网站策划的过程步骤与文档要求;

(2)了解网页布局进行、网页美术设计理念;

(3)掌握应用Photoshop绘制网页导航要素的能力;

(4)掌握应用Photoshop绘制网页信息区块的能力;

(5)掌握应用Photoshop绘制网页美术文字效果的能力;

(6)掌握应用Photoshop处理网页插图的能力;

(7)掌握应用Photoshop绘制网站整体效果图的能力;

(8)掌握应用Photoshop合理切片输出网页图片的能力;

(9)掌握应用Dreamweaver进行网站站点管理的能力;

(10)掌握应用Dreamweaver编排页面总体布局的能力和页面细节效果的能力;

(12)掌握应用Dreamweaver进行模板与子页面制作的能力;

(13)掌握应用Dreamweaver链接网页与测试网站的能力;

(14)掌握发布网站的业务能力和维护网页的能力。

 2.2 技能目标

(1)能合理的规划商业网站;

(2)能合理设计网页的布局方案和美术设计方案;

(3)能规范的编写网页策划书;

(4)能熟练应用Photoshop绘制网页导航要素;

(5)能熟练应用Photoshop绘制网页信息区块;

(6)能熟练应用Photoshop绘制网页美术文字效果;

(7)能熟练应用Photoshop处理网页插图;

(8)能熟练应用Photoshop绘制网页整体效果图;

(9)能熟练应用Photoshop正确的对网页效果图进行切片和优化;

(10)能熟练应用Dreamweaver进行网站站点管理和初始化页面;

(11)能熟练应用Dreamweaver对网页的总体结构进行排版;

(12)能熟练应用Dreamweaver对网页插片和文字进行编排;

(13)能熟练应用Dreamweaver制作网页的细节效果;

(14)能熟练应用Dreamweaver制作模板与网站子页;

(15)能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能;

 

2.3 素质目标

(1)培养良好的劳动纪律观念、培养认真做事、细心做事的态度;

(2) 培养团队协作精神、 培养表述、回答等语言表达能力;

(3) 培养交流、沟通的能力

(4)具有参加国家电子商务师职业资格认证考试技能部分考试的能力

课程内容设计和教学要求

网页设计课程针对滁州地区的网络媒体设计行业和网络信息提供商企业。主要培养学生具备良好的美术审美基础,具备静态网页设计能力和制作能力。这些能力是计算机网络媒体内容制作岗位的重要基础能力。

网页设计课程建设小组同泛达科技、华晨软件等行业企业一直保持着紧密的业务合作联系。课程建设小组教师在企业以项目主管和主持设计的身份,为行业企业提供技术服务,同时从行业企业引入大量真实网页制作项目,用于教学和学生实训。课程建设小组教师通过分析教学设计方案,分析实际工作过程、提炼典型工作任务、转化为学习领域、设计教学情境的思路,将整个教学设计成N个典型工作任务和综合实训项目。

                              


课程具有以下特点:
 

1.课程具有较强的职业性

这些学习情景,来源于行业企业网页设计相关岗位的工作过程,学生的学习过程和实训过程,就是将来在企业中的工作过程。教师在每个学习情景中,以真实项目的任务实施教学为重,相关理论知识够用的尺度为基础进行教学。

2.课程具有较强的实践性

在每个学习情景中,教师将学生分为若干个小组,形成虚拟的企业项目团队。教师作为“项目经理”为每个小组分配真实的网页设计项目,使每个小组在每个学习情景的学习阶段中都可以得到实践锻炼的机会。每完成一个学习情景任务,教师(项目经理)要对每个小组的实践进度和成果进行考核。使学生的实践效果能够得到有效的监督。

3.课程具有较广的开放性

一是请进来。课程组定期(每学期两次),将网页行业的技术专家或优秀毕业生代表请到《网页设计》的课堂当中。请他们为学生介绍新的技术技巧,介绍系统项目制作方法。

二是走出去,课程组教师将优秀的学生推荐到行业企业。让学生参与企业的项目制作。使学生直接学习到企业的一线制作技术,了解到企业对人才的需求,缩短学生毕业之后与企业的磨合期。