003 《新闻网页设计与制作》教学大纲(2014)

合集下载

网页设计与制作-教学大纲

网页设计与制作-教学大纲

《网页设计与制作》教学大纲适用专业:计算机相关专业一、大纲说明(一)课程的性质和特点本课程使用的设计工具是 Dreamweaver 8,它是一个十分专业化、完全可视化的网页设计工具,无论对于专业还是业余的Web设计师,它都是一个完美的设计工具。

本课程还使用了Firework 8和Flash 8。

在页面修饰、图形处理方面,Firework 可以与任何一套专业级图形处理软件相媲美。

在页面交互性和可视化效果方面,Flash更是无人能及。

它是一个专业的矢量编辑和动画创作专业软件,专门用于制作Web页中的电影动画和交互动画。

Dreamweaver 、Firework、Flash在网页及Web应用的设计上配合的天衣无缝;同时又由于它们出自同一个公司,它们之间存在着许多相似的地方,只要熟悉其中之一,其他两个也就触类旁通,很适合本校学生学习和使用。

本课程是一门专业实践课,通过本课程的学习, 要求学生能够理解网页制作的基本概念和基本原理,能够掌握网页制作的方法与技巧,能够利用设计工具完成网页制作和网站管理, 能够了解最新的网页制作技术的应用。

(二)课程设置的目的“网页设计与制作”是为培养网站管理与开发的应用型人才所设置的专业课,它使学生能够了解和掌握网站与网页的建立过程和开发技巧。

二、教学内容及要求(一)理论教学内容及要求第一章网站与网页设计基础内容:网站的目录结构和链接结构,确定网站的整体风格和创意设计,关于网页的各种基础知识、网页的设计原则和网站的主题风格等内容。

要求:理解网页和网站的基本概念,了解网站的目录结构、网站的创意和布局等网页设计基本知识。

了解网站制作的流程。

第二章网站的建立与页面文档的创建内容:Dreamweaver 8的新特性, Dreamweaver 8工作界面,简单的页面操作,网页元素的运用,网页链接。

要求:通过本章的学习,用户应学会在创建站点之前如何对站点进行规划,如何创建本地站点,如何编辑管理站点,如何创建HTML文档,以及如何设置文档的属性。

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲一、说明1、课程的性质与内容《网页设计与制作》课程就是计算机应用技术、电子商务等专业的一门核心课程,也就是其她计算机专业的普及型课程。

内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性,、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识,全面介绍WEB站点设计的基本操作技术与使用技巧。

2、课程的任务与要求通过本课程的学习,要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传与维护并能够独立解决网页编辑中遇到的一般问题,能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识,能实现网页的交互与特殊效果;能维护、管理与设计WEB应用程序;能独立设计小型WEB站点。

3、教学中应注意的问题在教学过程中要注重Dreamweaver、Firework或Photoshop与Flash软件的主要功能,其中Dreamweaver主要就是完成网页设计与网站管理;Firework或Photoshop主要进行图像的设计与编辑;Flash主要开发适应网络传输的流媒体电脑规划。

并且要培养学生综合使用这些软件的能力,注重学生动手能力的培养与上机试验。

教学过程中应该以Dreamweaver为主。

在讲授理论的同时加入具体的设计项目实验,力求达到实战的效果避免空洞的理论学习。

二、学时分配三、课程内容及要求模块一、初识网站与网页教学要求:1、使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣2、了解网页中的常用元素类型3、了解常用网站管理与制作软件4、了解网站建设流程5、理解HTML与CSS基本知识教学内容:1-1 认识网站与网页1-2 网页中的元素类型1-3 常用网站管理与制作软件1-4 网站建设流程1-5 HTML与CSS入门模块二、初识Dreamweaver 教学要求:1、熟悉Dreamweaver操作环境2、了解网站规划与管理3、掌握页面属性的设置教学内容:1-1 熟悉Dreamweaver操作环境1-2 网站规划与管理1-3 设置页面属性模块三、网页布局方法教学要求:1、掌握使用表格来布局来定位网页2、掌握使用使用框架布局网页教学内容:1-1 使用表格布局网页1-2 使用框架布局网页模块四、编辑网页元素教学要求:1、掌握文本输入与编辑2、掌握在网页使用图像3、掌握使用Flash动画4、了解使用其她媒体元素教学内容:1-1 文本输入与编辑1-2 使用图像1-3 使用Flash动画1-4 使用其她媒体元素模块五、使用超链接教学要求:1、掌握超链接的设置2、掌握如何管理超链接教学内容:1-1 设置超链接1-2 管理超链接模块六、HTML样式与CSS样式教学要求:1、掌握编辑基本HTML代码标记2、掌握创建与使用CSS样式表教学内容:1-1 编辑HTML代码1-2 创建与使用CSS样式表模块七、Dreamweaver高级应用教学要求:1、熟悉行为的使用2、掌握时间轴的基本应用3、掌握表单及其应用4、了解模板与库5、熟练掌握CSS样式的应用教学内容:1-1 使用行为1-2 时间轴的应用1-3 表单及其应用1-4 模板与库1-5 CSS样式的应用模块八、网站的优化教学要求:1、掌握网站的基本优化技巧2、掌握页面的美化与工具的使用3、掌握站点的整体优化教学内容:1-1 页面的美化1-3 站点的优化模块九、站点的发布教学要求:1、掌握发站点发布前的工作与程序2、掌握发布站点与站点的后续维护与更新教学内容:1-1 发布前的工作1-2 发布站点与站点的后续维护与更新。

网页设计与制作课程标准教学大纲教案2

网页设计与制作课程标准教学大纲教案2

《网页设计与制作》课程标准教学大纲教案一、概述(一)课程性质本课程是五年制联大应用电子技术专业的选修课程,是一门实用性极强的课程。

课程以目前最常用的网页制作工具Dreamweaver为介绍对象,通过学习,要求学生掌握网页设计的基本概念,了解常用脚本语言,能够利用常见网页制作软件设计制作出常见的静态网页,了解动态网页设计方法,初步掌握动态网页的设计。

同时通过本课程的学习,提高学生的操作技能,培养学生踏实认真、精益求精、团结合作、创新的精神,培养良好的职业道德。

(二)课程基本理念《网页设计与制作》课程共分为九个项目,它们分别是:网页基础知识、制作图文并茂的网页(文本、图像、超链接)、页面布局设计(表格、层、框架)、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。

各项目之间既独立又相互联系:作为项目是独立的,但作为项目当中应用到的知识点,各项目之间又是有关联的。

在不同的项目之间有些知识点的应用是不断重复的,以强化学生对知识点的理解,也让学生能够接触到大量的不同类型网页的制作。

当然,每个项目的侧重点是不同的,教学中应当注意处理好各项目之间的关系,注意重、难点的把握。

《网页设计与制作》课程可以在《计算机基础》、《PhotoShop图像处理》、《计算机网络技术》、《数据库等课程》之后开设。

本课程作为计算机网络专业的一门主干专业课程,一般在2年级开设,此时学生已经具备一定的计算机基础知识和操作能力,能较快地掌握网页设计的各种知识,并运用所学知识做出具有特色的网站。

(三)课程设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,将网页设计职业岗位能力中用到的知识点融合在项目中。

学生通过各项目的系列练习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养。

它体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。

网页设计与制作课程教学大纲

网页设计与制作课程教学大纲

《网页设计与制作》课程教学大纲1000字一、课程名称:网页设计与制作二、课程性质:专业选修三、先修课程:计算机基础、HTML语言基础、CSS样式基础、JavaScript基础四、课程目的:本课程旨在培养学生熟练掌握网页设计和制作所需的技能和知识,包括从网站设计和规划到页面布局和导航、从图像和多媒体素材的处理到网页代码开发的全过程。

五、教学内容:1.网站设计和规划(1)需求分析与目标设定(2)信息架构设计(3)网站页面设计2.页面布局与导航(1)CSS样式技术(2)网页布局设计(3)导航设计3.视觉设计(1)颜色与图像设计(2)多媒体素材处理(3)响应式设计技术4.网页代码开发(1)HTML语言与标签(2)CSS样式(3)JavaScript脚本5.网页制作(1)网页编辑器使用(2)网页调试与测试(3)网页发布和维护六、教学方法:课堂讲授、案例分析、实践操作、课程论文七、成绩评定方式:平时成绩占30%,包括参与度、作业完成度等;考试成绩占70%。

八、教材:1.《Web页面设计基础》2.《HTML5与CSS3基础教程》3.《JavaScript权威指南》九、参考资料:1.《Web标准设计》2.《响应式Web设计》3.《图解CSS3》4.《实战Bootstrap》十、实验操作:实践操作是课程的重要组成部分。

通过实验操作,学生将掌握网页设计和制作的实际技能和经验。

实验操作包括:1.网站规划和设计2.网页布局与导航3.视觉设计和处理4.网页代码开发和调试5.网页发布和维护十一、教学进度安排:第一周:课程介绍和网站设计和规划第二周:网页布局与导航第三周:视觉设计和处理第四周:HTML语言与标签第五周:CSS样式第六周:JavaScript脚本第七周:网页编辑器使用第八周:网页调试与测试第九周:网页发布和维护第十周:课程总结和复习,期末考试。

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲一、课程基本信息:1.课程编号:2.课程名称:网页设计与制作3.英文名称:Design and Making of Webpages4.课程简介:《网页设计与制作》是新闻学专科的一门专业课程。

本课程综合讲述了网页设计与网站建设的基本原理、关键技术及其开发和应用,本课程注重实用性和操作性。

综合介绍Dreamweacer、Fireworks、Flash在设计网站及网页方面的应用。

主要内容包括:Dreamweacer简介;创建Web网站和Web页面,在页面中添回各种元素;网页超链接;表格、层、框架的灵活使用;css样式表,创建动态交互式网页: Fireworks概述;文本、图片的创建及特效;图像处理优化;动画制作;制作网页的交互性;flash基本界面和操作图形、文本处理编辑;动画制作;符号和图层的创建使用动画中添加声音;交互式动画制作等。

二、课程说明:1.教学目的和要求:通过本课程的学习,了解网页网站的基础知识;掌握网页三剑客的使用方法;学会综合使用多种工具,来创建和优化网站网页,为学生自学图形设计、多媒体制作及广告设计,今后进行网站的设计和开发打下良好的基础。

2.与相关课程衔接:大学计算机基础3.周课时、总学时:4课时;总学时:72课时,理论课36课时,实践实验课36课时。

4.开课学期:第四学期5.教学方法:讲授与实践相结合。

6.考试方法:平时占30%,期中考试占20%,期末考试占50%。

平时成绩中包括上机实训报告(30%)。

7.实验、实习、作业:5次实训,课堂讨论、作业8.教材:暂用《Dreamweacer+Photoshop+Flash+Fireworke8网站建设与网页设计详解(cs3版)》电子工业出版社孙东海编著9.教学参考资料:《Dreamweaver Photoshop Flash Fireworks JavaScript网页制作实例大讲堂》人民邮电出版社孙宇等编著2008年版《网页制作与网站建设从入门到精通》人民邮电出版社宇帆,王方,何翠平编著2008年版《Flash基础教程》曾顺编著清华大学出版社2008年版《中文Flash MX 教程》成昊编著北京科海电子出版社2008年版《中文photoshop教程》图灵编浦东电子出版社008年版《Flash基础教程》曾顺编著清华大学出版社008年版三、课程内容与教学要求第一章Fireworks 基本操作一、教学要求:掌握Fireworks 的基础操作方法(新建、打开、导入、导出Fireworks 文档),以及“首选参数”对话框的设置方法。

《新闻网页设计与制作实验》课程实验大纲

《新闻网页设计与制作实验》课程实验大纲

《新闻网页设计与制作实验》课程实验大纲课程名称:新闻网页设计与制作实验实验学时:72适用专业:新闻学专业(本科)课程类别:必修一、实验实验任务与目的:本课程面向新闻学的学生设立,通过本课程的学习,使学生在了解网页设计一般概念的基础上,了解网页设计的一般程序与步骤,掌握合理有效的制作方法,培养起一定的动手能力,熟悉一个网站或一个网页完成的具体过程,并能进行一定的创作。

二、实验项目内容、基本要求与学时分配注:1、实验类别:基础、专业基础、专业、其它。

2、实验类型:演示、验证、综合、设计研究、其它。

3、实验要求:必做、选做。

三、实验项目的目的及要求新闻网页设计与制作实验(1)一、教学目的了解Fireworks操作环境、熟悉界面二、教学要求通过Fireworks入门课能够了解本软件的操作环境,了解最基本的的一些软件工具和菜单三、教学时数4课时四、教学内容Fireworks是流行的一体化We b设计工具的最新版本。

但是,它的We b创作特性比任何优秀的软件都有了明显的提高,特别是自从它用一种非常有用的H T M L显示(超级链接标记语言)加入了丰富的W Y S I W Y G (所见即所得)显示功能,并且可以通过单击在Fireworks屏幕底部的标签在两种模式之间进行切换。

换句话说,可以用以前的H T M L标记和包容器进行很好的工作,也可以在完全图形化的环境中进行工作,或者在两种环境下进行工作。

所以,灵活性是这个软件的特征之一。

Fireworks的设计特性是很丰富的。

可以开发基本的H T M L文档,可以添加表、框架和多媒体,可以使用样式表,可以使用数据库,可以开发J a v a S c r i p t和Active Server Pages组件,并且可以添加动态的H T M L。

但是,对许多用户来说,Fireworks真正的闪光点在于它的We b维护和管理功能。

开始,在你试图建立自己开始的几个We b页的时候,这些功能可能看起来没有那么重要。

网页设计与制作教学大纲

网页设计与制作教学大纲

《网页设计与制作》课程教学大纲一、说明(一)课程定义:《网页设计与制作》课程是网络与新媒体专业的一门核心课程,也是其他计算机专业的普及型课程。

内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性,、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop 等相关知识,全面介绍WEB站点设计的基本操作技术和使用技巧。

(二)编写依据:本课程根据武汉体育学院体育科技学院人文社科系网络与新媒体专业人才培养方案编写。

(三)目的任务:通过本课程的学习,要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题,能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识,能实现网页的交互和特殊效果;能维护、管理和设计WEB应用程序;能独立设计小型WEB站点。

(四)学时数与学分数:本课程教学总学时为72课时,4学分,理论48学时,实践/实验24学时。

具体学时分配参照下表。

(五)适用对象:网络与新媒体专业。

(六)课程编码:二、教学内容与学时分配三、教学内容与知识点第一章初识网站和网页第一节网站和网页知识点:网站和网页的概念。

第二节网页中的元素类型知识点:行元素、块元素。

第三节常用网站管理制作软件知识点: Dreamweaver、flash。

第四节网站建设流程知识点:网站建设流程。

第五节 Html与CSS入门知识点:html概念、css概念。

第二章初识Dreamweaver第一节熟悉Dreamweaver操作环境知识点:Dreamweaver操作环境。

第二节网站规划与管理知识点:网站规划原则、管理方法。

第三章网页布局方法第一节使用表格布局网页知识点:表格布局方法。

第二节使用框架布局网页知识点:框架布局网页方法。

(完整版)网页设计与制作教学大纲

(完整版)网页设计与制作教学大纲

《网页设计与制作》课程教学大纲课程编号:课程名称:网页设计与制作课程类型:专业基础课总学时:64 讲课学时:32 实验学时:32适用班级:一、课程性质、目的和任务:(加粗,以下同)1、目的本课程要求学生掌握基本的HTML语言。

学会使用Dreamweaver开发工具进行网页设计。

这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。

2、任务本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。

目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。

二、教学基本要求:(分三级:掌握、理解、了解)1.掌握:要求学生能够全面掌握所学内容,并能够用其分析、应用与Dreamweaver网页设计相关的问题,能够举一反三。

2.理解:要求学生能够较好地理解与Dreamweaver网页设计相关的问题,并且能够进行简单分析和判断。

3.了解:要求学生能够一般地了解的所学内容。

三、教学内容及要求:第1章Dreamweaver基础教学内容:Dreamweaver 的历史和简介Dreamweaver 的安装过程Dreamweaver 的全新界面改进的设计与开发环境主菜单介绍对象控制面板介绍教学要求:掌握:Dreamweaver的基本特点、新增功能及界面组成。

基本操作,如安装、新建、打开、导入、保存、关闭等。

理解:新增功能、界面组成的优点。

了解:Dreamweaver可以为我们做些什么。

第2章网页设计语言基础教学内容:HTML及XHTML语言介绍常用的网页语法标记教学要求:理解:HTML及XHTML语言介绍,常用的网页语法标记第3章文本和图像处理教学内容:文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求:掌握:设置文本属性和格式;编号与项目符号的使用;插入、编辑和排版图像。

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲

学习领域课程标准目录一、课程性质 (1)二、课程目标 (1)(一)典型工作任务 (1)(二)专业能力与知识目标 (2)三、课程内容安排、课程任务 (10)(一)课程结构、课程任务、课程内容 (10)(二)实践教学体系 (17)(三)认证培训 (18)四、教学方法、教学活动与作业 (18)(一)课程范型 (18)(二)问题中心课程 (18)(三)项目中心课程 (18)(四)证书培训中心课程 (20)(五)主要教学方法 (20)五、专业素质和职业素养教育 (21)六、课时安排 (21)(一)考核评价模式 (22)(二)考核评价类型与分值 (24)(三)考核评分点及评分标准 (25)七、教材及教参 (25)(一)教材 (25)(二)教参 (26)一、课程性质本课程是为本院计算机网络技术专业的学生所开设的一门专业技术课程,本课程的目的是让学生在已学完计算机基础、计算机网络等课程的基础上进一步掌握网页设计的基本技能。

为今后网站艺术设计、设计动态网页奠定基础。

对今后从事网页设计的学生,为深入掌握DIV+CSS 奠定基础。

职业面向:从事网页设计与制作、网页美工职业拓展:网站建设、搜索引擎优化二、课程目标通过本课程的学习,使学生具备手工编写HTML 代码的能力,能够使用Dreamweaver及photoshop工具设计一个完整的静态网站的能力并具有建立站点、管理站点、测试网站与发布网站的能力,具有良好的团队合作精神、获取知识能力、网页设计创意思维能力、色彩感悟能力等素质,达到职业技能鉴定网页制作(Dreamweaver 平台)中高级水平。

(一)典型工作任务根据“计算机网络技术专业培养方案”和职业岗位工作任务分析,确定《网页设计与制作》学习领域,如表1 所示。

表 1 学习领域设计表(二)专业能力与知识目标根据表1 学习领域设计表,确定专业能力与知识目标见如下表2 所示。

表 2 专业能力与知识目标(三)学习情境按照项目任务的编排方式,整合专业能力与知识目标对学习领域的教学内容进行序化,设计出如下图所示8 个网页设计与制作学习情境:(四)专业素质目标1.具有一定策划能力2.具有一定想象力3.色彩感悟能力4.结构布局能力(五)综合能力和职业素养培养目标1.团队协作精神2.自主学习能力3.沟通能力4.表达能力5.获取知识能力6.创新能力7.乐观精神8.敬业精神9.感悟能力10.知识应用能力11.自我发展能力12.责任感13.效率观念三、课程内容安排、课程任务(一)课程结构、课程任务、课程内容分析课程实施的内、外部环境如表3 所示,结合课程目标确定课程结构、课程任务、课程内容,课程分为八个学习情境,“东营培训网”网站制作项目分解到相应的教学单元,如表4 所示。

网页设计与制作教学大纲

网页设计与制作教学大纲

《网页设计与制作》教学大纲一、课程性质与目的:《网页设计与制作》是信息技术专业以及与信息技术有关的专业的基础课。

本课是集于理论与实践一体的综合应用课程。

通过学习本课程学生初步掌握制作网页和建立网站的技术。

二、课程的基本要求:了解网页制作和网站建设所需的基本知识,理解HTML语言和CSS样式个属性以及JavaScript语言的基本知识,掌握网页制作和网站建设所需的基本技能。

根据任务需求能够建立客户端的的静态网页和网站。

三、先修课程要求:先修《网络传播学》、《传播学》、《新媒体》等课程。

四、课程教学内容要点:(一)网页基本常识1.WWW网站以及相关知识2.网页基本元素3.HTML语言简介要求:了解www网站的相关知识;掌握HTML语言以及相关技术;(二)网站设计及其工具1.网站与网页2.规划网站设计流程3.设计工具选择4.远程站点的管理——FTP上传下载软件的使用要求:制作工具Frontpage的介绍;与dreamwear工具区别与联系了解web 站点的申请过程;掌握FTP上传下载软件的使用;(三)网站制作1.建立网站2.主页设计与制作]3.表格制作4.创建表单和框架页面5.发布网站及其维护要求:了解网站导航以及网页中超级链接的作用;掌握不同链接源(包括图片热点)链接各种文件的方法;掌握web站点的申请过程;建立本地站点的必要性、原理和原则掌握如何规划站点;掌握创建Web站点的基本方法与步骤,并能够管理站点(四)让网页美起来1.Web上的图形2.网页中色彩选择3.使用photoshop设计图形4.使用Flash创建动画等要求:了解网页艺术设计的必要性和原则;掌握网页布局、图片和动画的设计方法和原则,掌握综合应用photoshop设计图形使用Flash创建动画等(五)网页编程1.网页编程基础2.VBScript语言编程3.JavaScript语言编程4.网页编程实例要求:了解JavaScript语言基础知识,VBScript语言知识(六)设计个人主页1.个人主页制作的一般步骤2.个人主页设计举例要求:综合所学知识,制作精美,合理,科学个人网站。

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲《网页设计与制作》教学大纲一、课程基本信息:1.课程编号:2.课程名称:网页设计与制作3.英文名称:Design and Making of Webpages4.课程简介:《网页设计与制作》是新闻学专科的一门专业课程。

本课程综合讲述了网页设计与网站建设的基本原理、关键技术及其开发和应用,本课程注重实用性和操作性。

综合介绍Dreamweacer、Fireworks、Flash 在设计网站及网页方面的应用。

主要内容包括:Dreamweacer简介;创建Web网站和Web页面,在页面中添回各种元素;网页超链接;表格、层、框架的灵活使用;css样式表,创建动态交互式网页: Fireworks概述;文本、图片的创建及特效;图像处理优化;动画制作;制作网页的交互性;flash基本界面和操作图形、文本处理编辑;动画制作;符号和图层的创建使用动画中添加声音;交互式动画制作等。

二、课程说明:1.教学目的和要求:通过本课程的学习,了解网页网站的基础知识;掌握网页三剑客的使用方法;学会综合使用多种工具,来创建和优化网站网页,为学生自学图形设计、多媒体制作及广告设计,今后进行网站的设计和开发打下良好的基础。

2.与相关课程衔接:大学计算机基础3.周课时、总学时:4课时;总学时:72课时,理论课36课时,实践实验课36课时。

4.开课学期:第四学期5.教学方法:讲授与实践相结合。

6.考试方法:平时占30%,期中考试占20%,期末考试占50%。

平时成绩中包括上机实训报告(30%)。

7.实验、实习、作业:5次实训,课堂讨论、作业8.教材:暂用《Dreamweacer+Photoshop+Flash+Fireworke8网站建设与网页设计详解(cs3版)》电子工业出版社孙东海编著9.教学参考资料:《Dreamweaver Photoshop Flash Fireworks JavaScript网页制作实例大讲堂》人民邮电出版社孙宇等编著2008年版《网页制作与网站建设从入门到精通》人民邮电出版社宇帆,王方,何翠平编著 2008年版《Flash基础教程》曾顺编著清华大学出版社 2008年版《中文Flash MX 教程》成昊编著北京科海电子出版社 2008年版《中文photoshop教程》图灵编浦东电子出版社 008年版《Flash基础教程》曾顺编著清华大学出版社008年版三、课程内容与教学要求第一章 Fireworks 基本操作一、教学要求:掌握Fireworks 的基础操作方法(新建、打开、导入、导出Fireworks 文档),以及“首选参数”对话框的设置方法。

《网页设计与制作》课程教学大纲

《网页设计与制作》课程教学大纲

《网页设计与制作》教学大纲(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)框架定位。

6、快速制作网页1)网页模板。

《网页设计与制作》课程教学大纲(精)

《网页设计与制作》课程教学大纲(精)

《⽹页设计与制作》课程教学⼤纲(精)《⽹页设计与制作》课程教学⼤纲⼀、课程的性质和任务课程性质:《⽹页设计与制作》是现代汽车技术/计算机及应⽤专业的⼀门选修课程,是学习⽹页设计与制作的⼀门重要课程。

主要任务:向学⽣全⾯介绍与⽹页设计制作有关的知识,向学⽣阐明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动画;注意事项;使⽤⽹页图象的要点。

《网页设计与制作》课程大纲

《网页设计与制作》课程大纲

《网页设计与制作》课程大纲《网页设计与制作》课程教学大纲适用专业:计算机网络技术学时:64学时一、编写说明(一)本课程的性质、目的和任务《网页设计与制作》是计算机网络技术专业的一门专业基础课。

通过本课程的学习,使学生能够掌握网页设计制作的基本知识和技巧,同时熟悉网站建设的基本知识,达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。

在完成基本知识教学的同时,还要通过实践环节,强化对学生动手能力的培养与训练。

(二)课程教学的基本要求通过本课程的学习,要求学生掌握HTML语言的文档结构和基本标签使用,能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页;掌握规划、开发、发布和管理静态网站的专业知识和技能;能独立构建简单网站或通过协作方式完成较复杂网站的建设,培养学生将理论知识应用于实践并解决实际问题的能力,为今后的进一步学习打下坚实基础。

(三)实践环节(四)本课程与其它课程的关系先修课程:计算机应用基础、图像处理软件PhotoShop后续课程:动态网站开发、中小型网站设计与开发等(五)教学时数分配表(六)考核方式与要求1.该课程是考查课2.考核形式:上机操作3.成绩的计算方法:①平时成绩:40%(主要评估学生的现实表现)②试卷成绩:60%(七)教材与主要参考书1.教材:《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社,2013年1月2.主要参考书:《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社,2014年6月二、课程各章教学内容纲要第1章Dreamweaver CS6基础知识1.教学基本要求(1)了解Dreamweaver CS6的工作界面及新功能2.具体教学内容(1)Dreamweaver CS6 简介△(2)Dreamweaver CS6 的工作界面(3)Dreamweaver CS6 的新功能第2章文本的处理与控制1.教学基本要求(1)理解HTML文件的基本结构(2)掌握文本的基本设置和项目列表的使用方法2.具体教学内容(1)设置网页标题(2)HTML文件的基本结构△(3)文本的基本设置(4)项目列表○(5)使用外部文本第3章建立超级链接1.教学基本要求(1)理解超级链接的概念(2)掌握为文本添加链接的方法,以及制作电子邮件链接,添加锚链接的方法2.具体教学内容(1)超级链接的概念△(2)为文本添加链接(3)检查链接△(4)制作电子邮件链接(5)下载链接△(6)添加锚链接第4章在网页中使用图像1.教学基本要求(1)掌握在Dreamweaver中插入图片以及处理图片的方法(2)掌握添加背景图像和使用Photoshop文件的方法2.具体教学内容(1)网络图形格式(2)在Dreamweaver中插入图片△(3)在Dreamweaver中处理图片(4)使用热区(5)制作鼠标指针经过图像(6)插入图像占位符△(7)添加背景图像○(8)使用Photoshop文件第5章在网页中使用多媒体1.教学基本要求(1)掌握在网页中使用Flash的方法(2)熟悉在网页中添加其他插件的方法2.具体教学内容△(1)在网页中使用Flash(2)在网页中添加其他插件第6章使用表格布局页面1.教学基本要求(1)理解页面布局及表格的相关知识(2)掌握表格的使用方法和表格式数据的处理方法2.具体教学内容(1)页面的布局(2)认识表格△(3)使用表格(4)格式化表格△(5)导入表格式数据△(6)导出表格式数据○(7)扩展表格模式和标准模式第7章使用AP Div布局页面1.教学基本要求(1)掌握AP Div的创建方法以及基本操作(2)掌握AP Div的属性设置方法和使用“AP 元素”面板的方法(3)熟悉AP Div的常见使用技巧2.具体教学内容(1)创建AP Div△(2)AP Div的操作△(3)设置AP Div的属性(4)使用“AP 元素”面板○(5)AP Div的使用技巧第8章使用层叠样式表1.教学基本要求(1)掌握层叠样式表(CSS)的创建和CSS样式的使用方法(2)掌握Div标签的应用方法2.具体教学内容(1)层叠样式表基础(2)在Dreamweaver中创建层叠样式表△○(3)使用CSS 样式(4)ID(5)标签(6)复合内容△(7)使用Div标签○(8)CSS布局块可视化第9章使用流体网格布局1.教学基本要求(1)掌握流体网格布局创建的方法和使用流体网格布局网页的方法(2)熟悉使用媒体查询重置样式的方法2.具体教学内容(1)流体网格布局简介△○(2)使用流体网格布局(3)使用媒体查询重置样式第10章使用模板和库1.教学基本要求(1)掌握模板的创建、编辑和管理方法以及软件自带模板的使用方法(2)熟悉库的创建与管理方法2.具体教学内容△(1)使用软件自身提供的模板△(2)创建自定义模板(3)创建模板的可编辑区域(4)使用可选区域(5)使用重复区域(6)应用模板(7)编辑和更新模板(8)在基于模板的文档中编辑内容(9)管理模板○(10)库项目第11章使用行为1.教学基本要求(1)熟悉行为的应用、修改和设置方法2.具体教学内容(1)什么是行为△(2)应用行为(3)修改行为○(4)设置行为第12章使用表单1.教学基本要求(1)掌握表单的使用方法(2)熟悉spry构件的相关知识2.具体教学内容(1)表单的工作模式(2)在页面中插入表单△○(3)插入表单对象并设置其属性○(4)Spry构件第13章网站的创建与管理1.教学基本要求(1)掌握网站的创建与管理方法2.具体教学内容○(1)规划网站(2)使用“资源”面板△(3)创建Dreamweaver本地站点△(4)管理站点信息(5)创建和管理文件注:△-表示重点○-表示难点编写人:审核人:。

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲

《网页设计与制作》教学大纲一、课程说明1、课程代码:2、总学时数:64 ,其中理论环节学时数:32 ,实验实践环节学时数:323、学分: 44、适用专业:计算机媒体应用技术5、本课程的性质、地位和作用本课程是计算机相关专业的专业课程,同时也是网络营销、网络建设与维护等课程的基础,是一门实用性极强,面向网络建设,使用与维护的技术性课程。

与其它课程的关系本课程的先行课程为“计算机基础”,鉴于网页制作与设计的内容,建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。

二、教学基本要求1、本课程的目的、任务本课程以当前流行的网页制作工具为例,使学生掌握HTML语言及常用技巧。

鉴于网页设计是一个综合的艺术,除了基本页设代码外,还有图像、声音等综合运用,本课程除介绍流行软件DREAMWEAVER外,还将对FIREWORK、FLASH作详细讲述,使学生掌握网页制作方法。

2、本课程的教学要求(1)知识要求•掌握网页制作原则、方法及常用技术•熟悉一种主流软件,如DREAMWEAVER•了解一定图像制作及动画软件使用,如FLASH、FIREWORK(2)素质要求•敬业精神:树立敬业精神,网页设计与制作必须全身心投入。

•团队精神:大型网络建设及多人制作中,必须合理协调工作风格及分工•较强的自我知识及技术更新能力,快速跟踪网页制作技术新发展。

(3)能力与技能要求•HTML语言的运用与理解•三剑客的使用•设计一个静态网站主要教学方法与手段采用面授和自学相结合;课堂讲授与实习相结合;多媒体教学与传统教学相结合。

三、学时分配四、大纲具体内容(一)教学大纲内容第一章网页制作基础知识教学目的要求1、掌握:Internet的接入方法,IP地址、域名。

2、理解:Intranet的基本概念,TCP/IP分层模型、IP协议基本内容。

3、了解:Internet的产生、发展、现状、构成和功能。

教学重点:Internet的接入方法,IP地址。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

《新闻网页设计与制作》课程教学大纲
一、大纲说明
课程名称:《新闻网页设计与制作》
课程名称(英文):<News Webpage Design and Making>
适用专业:广播电视学
课程性质:专业限选课
总学时:54学时,其中理论课学时:36学时,实验课学时:18学时
学分:3
先修课程:新媒体概论、网络新闻学、计算机基础知识
二、本课程的地位、性质和任务
地位:本课程是网络与新媒体专业必修课程,是新闻传播学类专业选修课程。

性质:本课程是一门理论与实践结合紧密的课程。

任务:在掌握新闻网页基本的、与时俱进的设计理念和设计规范的基础上,学会利用网页制作软件(DW)制作新闻网页。

三、教学内容、教学要求
第一章网页设计与制作概述
教学内容
1.平面设计
2.网页设计
3.网页设计的程序
教学要求
了解:平面设计的特征与元素。

理解:互联网与平面设计的关系。

掌握:网页设计的总体要求;网页设计的特殊因素;网页设计的总体性程序与技术性程序。

重点与难点
理解互联网与平面设计的关系。

第二章网页域名设计
教学内容
1.域名的基础知识
2.域名的分类
3.域名的评估
4.新闻网站域名的特征
教学要求
了解:域名的基础知识;域名的基本类型;域名的评估标准。

理解: 域名的分类标准与评估方法。

掌握: 新闻网站域名设计理念与设计规范。

重点与难点
掌握新闻网站域名的设计理念。

第三章网络LOGO设计
教学内容
1.LOGO的含义与作用
2.LOGO的形式
3.LOGO的设计原则与规范
4.新闻网站LOGO的特征
教学要求
了解:LOGO的含义、作用、形式。

理解: LOGO设计的原则与规范。

掌握: 新闻网站LOGO设计理念与设计规范。

重点与难点
掌握新闻网站LOGO的设计理念与设计规范。

第四章网页色彩设计
教学内容
1.色彩基础知识
2.网页的色彩搭配
3.新闻网页的色彩特点
教学要求
了解:色彩的基础知识。

理解: 网页色彩搭配的基本原则、基本技巧;色彩对网民的心理与情感的影响;页面的色彩分配原则。

掌握: 新闻网页的色彩设计理念与设计规范。

重点与难点
掌握新闻网页的色彩设计理念与设计规范。

第五章网页布局设计
教学内容
1.网页结构
2.网页版式和版式单元
3.网页字体
4.新闻网页的布局
教学要求
了解:页面的平面性特征;页面的结构性特征;网页基本版式;字体基础知识。

理解: 网页的版式和版式单元的内涵。

掌握: 新闻网页的两种布局方式。

重点与难点
掌握新闻网页的布局方式。

第六章HTML语言简介
教学内容
1.HTML文件简介
2.文本标识
3.链接标识
4.图像标识
5.表格标识
教学要求
了解:HTML文件的基本框架;HTML文件的四个基本标识。

理解: HTML文件的四个基本标识的内涵。

掌握: HTML文件的四个基本标识的写法。

重点与难点
掌握HTML文件的四个基本标识的写法。

第七章DW的基本操作
教学内容
1.DW的用户界面
2.建立站点与创建网页
3.编辑网页的基本元素
4.设置超链接
5.站点管理器
教学要求
了解:DW的工作界面。

理解: 网页的基本元素、超链接、站点管理器的内涵。

掌握: 如何建立新闻小站点;创建新闻网页;编辑网页元素;设置超链接;站点规划与管理。

重点与难点
编辑网页元素与设置超链接。

第八章DW中表格的应用
教学内容
1.表格的基本使用方法
2.表格与单元格的属性
3.用表格定位网页元素
教学要求
了解:表格的基本使用方法。

理解: 表格与单元格的属性。

掌握: 利用表格定位网页元素的编辑技术。

重点与难点
利用表格定位网页元素的实操技能。

第九章DW中图层的应用
教学内容
1.层的基本操作
2.使用层面板与设置层属性
3.利用图层制作下拉菜单
教学要求
了解:层的基本操作。

理解: 层的属性;显示/隐藏层的概念。

掌握: 利用图层制作下拉菜单的方法。

重点与难点
利用图层制作网页的特效。

第十章 DW中CSS样式表的应用
教学内容
1.样式与样式表
2.设置网页样式表
3.利用CSS样式表编辑网页统一网页样式
教学要求
了解:样式与样式表的基本内容。

理解:CSS样式的含义与作用。

掌握:利用CSS样式表编辑网页统一网页样式的方法。

重点与难点
培养CSS样式表编辑网页统一网页样式的实操技能。

第十一章 DW中模板的应用
教学内容
1.模板的含义
2.用模板创建新页面
3.用模板更新网页
教学要求
了解:模板的含义。

理解: 模板的功能。

掌握: 用模板创建新页面的方法;用模板更新网页的方法。

重点与难点
用模板创建新页面与更新网页的实操技能。

第十二章信息发布系统
教学内容
1.信息发布系统简介
2.发布系统的子系统
3.发布系统的选择
教学要求
了解:信息发布系统的工作原理与工作流程。

理解: 信息发布系统各子系统的作用。

掌握: 新闻网页的发布方法。

重点与难点
发布新闻网页的方法。

四、课程特色
本课程具有实践与理论相结合,艺术与技术相结合的特色
五、学时分配
课堂教学学时分配表
六、教材及相关教学网站
推荐教材:秦州.新闻网页设计与制作,福建人民出版社,2005年2月。

参考教材:彭兰.网络新闻学原理与应用,新华出版社,2004年6月。

相关教学网站:中华传媒网,紫金网。

相关文档
最新文档