网页设计与制作教学大纲

合集下载

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

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

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

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

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

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

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

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

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

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

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

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

了解网站制作的流程。

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

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

网页设计与网站建设课程教学大纲[大全五篇]

网页设计与网站建设课程教学大纲[大全五篇]

网页设计与网站建设课程教学大纲[大全五篇]第一篇:网页设计与网站建设课程教学大纲网页设计与网站建设课程教学大纲一、课程编号 B040378二、课程名称(1)中文名:网页设计与网站建设(2)英文名:Web Page Design and Website Establish三、课程类型:理论含实践课四、开课系(部)信息技术系专业教研室五、大纲说明1、学时、学分数、课程性质、考试方式、成绩评定修业年总学时学分课程性质考核方式成绩评定数 64数 4专业基础上机课专业基础上机课等级制百分制专业名称限计算机信2 息管理计算机应2 用技术2、课程开设目的本课程是一门实用性较强,面向动态网页设计与维护技术性的课程。

通过本课程的学习,使学生具有制作动态网页的能力,同时了解网站的技术发展趋势、最新的技术动态及网页/网站制作软件平台。

本课程将结合Dreamweaver 8来进行教学,介绍了Internet的基础知识、数据库的基础知识以及Dreamweaver 8的新特点,进而全面讲述了网页/网站制作的基础知识和高级应用、网页/网站制作开发环境的配置以及利用Dreamweaver 8进行动态网页设计的方法和技巧等内容。

六、教学内容第一章体验Dreamweaver8梦幻境界【教学目的和要求】了解Internet与Web基础、常用的网页设计软件和编程语言。

掌握Dreamweaver8网页制作工作环境,面板操作,以及制作简单网页的方法。

【教学重点与难点】重点:网站开发有关知识、Dreamweaver8制作网页的基本方法难点:自定义工作环境【教学时数】2学时【教学方法与手段】讲授【教学内容】1.Internet与Web基础知识2.网站开发技术简介3.Dreamweaver 8新增功能4.Dreamweaver 8工作环境5.自定义工作环境【实践教学时数】 2 学时【教学方法与手段】演示法、实验法【实践教学内容】1 熟悉Dreamweaver 8运行环境2 初步认识Dreamweaver 8工作环境及面板3 制作简单网页第二章编辑网页元素使用表格布局页面【教学目的和要求】了解网页的基本组成和基本操作,理解链接的概念、控制和管理,掌握同网页的内容、格式和链接关系,表格布局方法。

网页设计与制作教学大纲

网页设计与制作教学大纲

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

内容主要涵盖了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操作环境。

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

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

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

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

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

《网页设计与制作》课程教学大纲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脚本第七周:网页编辑器使用第八周:网页调试与测试第九周:网页发布和维护第十周:课程总结和复习,期末考试。

(完整版)《网页设计与制作》课程教学大纲.docx

(完整版)《网页设计与制作》课程教学大纲.docx

(完整版)《网页设计与制作》课程教学大纲.docx《网页设计与制作》课程教学大纲课程名称:网页设计与制作学分及学时: 4 学分总学时72学时,理论36 学时适用专业:网络工程开课学期:第四学期开课部门:计算机与互联网学院先修课程:计算机文化基础计算机网络考核要求:考试使用教材及主要参考书:向知礼主编:《网页设计与制作》航空工业出版社2017 年杨松主编:《网页设计案例教程》航空工业出版社2015 年一·课程性质和任务:本课程全面地介绍网页制作技术的基本理论和实际应用。

全书共10 章,分为 3 大部分。

前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash,Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页制作技术,包括CSS技术、客户端脚本技术(DHTML)以及XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际应用的角度进一步巩固所学知识。

课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。

二·课程教学目的与要求以Dreamweaver 的使用为主线,介绍网页制作的相关技术。

使学生理解网页制作的基本概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框架、表单、多媒体对象的使用; 理解行为、模板、库、CSS布局的概念和使用 ;理解 HTML 语言、网站的测试与的发布;要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。

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

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

《网页设计与制作》课程教学大纲课程编号:课程名称:网页设计与制作课程类型:专业基础课总学时: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章文本和图像处理教学内容:文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求:掌握:设置文本属性和格式;编号与项目符号的使用;插入、编辑和排版图像。

网页设计与制作教学大纲

网页设计与制作教学大纲

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

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

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

二、课程的基本要求:了解网页制作和网站建设所需的基本知识,理解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.个人主页设计举例要求:综合所学知识,制作精美,合理,科学个人网站。

网页设计教学大纲(共3篇)

网页设计教学大纲(共3篇)

网页设计教学大纲〔共3篇〕第1篇:网页设计教学大纲网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课,是计算机类专业的一门理论环节课程,也可以作为其他相关专业的理论课程或选修课,它是一门操作性和理论性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3,通过这种有代表性的网页制作软件的使用,掌握网站设计的全过程,并能纯熟地制作出有专业水准的网站。

2、课程任务本门课程在专业教学方案中起着非常重要的作用,通过这门课程,学生可以掌握以下技能和知识:* 掌握网站的开发流程,如建站规划、效果图制作、建立站点等相关知识。

* 掌握各种网页元素在Dreamweaver cs3中的使用。

例如表格、文本、图像、超级链接、层和表单等。

* 熟悉一些网页设计辅助软件的功能和使用方法。

例如Flash、Fireworks、Photoshop等。

* 掌握测试和发布网站的方法。

包括网站测试的内容和方法。

* 可以解决一些网页设计中的常见问题。

* 理解ASP开发平台的搭建,Dreamweaver cs3在动态网页制作方面的应用。

二、课程教学目的与要求1、本课程的根本目的〔1〕使学生通过本课程的学习,掌握Dreamweaver cs3的使用方法,学会使用Dreamweaver cs3制作Web网页的技术。

〔2〕本课程学习完毕后,学生应能自行设计各种网页、开发一定规模的网站,使学生通过本课程的学习,纯熟掌握其根本制作方法和技巧,并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。

2、课程在知识、素质方面的根本要求〔1〕知识要求深化理解Inter,理解、、HTML等概念及作用;掌握网站设计和发布的1 流程。

理解网站维护管理的意义及重要性,理解效劳器、客户端、阅读器的概念和作用;理解多种网页制作软件和图像处理软件相结合设计网站的好处。

理解Dreamweaver cs3在动态网站上的应用。

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

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

网页设计与制作》教学大纲网页设计与制作》教学大纲一、说明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网站和网页。

2网页中的元素类型。

2常用网站管理与制作软件。

2网站建设流程。

2HTML与CSS入门。

30模块2.初识Dreamweaver。

2熟悉Dreamweaver操作环境。

6网站规划与管理。

网页设计与制作大纲

网页设计与制作大纲

《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程,重点讲述网页设计与制作的基础知识、基本理论和基本技能,是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。

“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。

二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识,熟练运用网页制作的工具软件,使学生具有网页、网站制作的知识与能力,具备应用电脑独立开发网页、网站并将网站上传并测试的技能,具备解决网页设计、网站开发中出现各种问题的能力。

本课程培养学生的职业素养和创新能力,为日后走向工作岗位打下理论与实践基础。

通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。

三、课程总体结构、教学环节和课时分配四、教学内容第一章概述 2学时教学目的:了解网页及网站基本概念及网页的基本要素分析教学重点与难点:网页、网站设计流程,网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的:了解HTML文件的基本结构,掌握HTML中文本的编辑及图像的语法,掌握HTML中各种设置超级链接的语法,掌握HTML中表格和框架的基本语法。

教学重点与难点:HTML的语法结构、超级链接的语法、表格和框架的基本语法。

第一节 HTML概述一、HTML简介二、HTML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的:了解DW8的操作界面及常用命令,掌握规划和创建站点的操作,掌握基本的网页操。

网页制作与设计教学大纲

网页制作与设计教学大纲

网页制作与设计教学大纲一、课程介绍1.1 课程背景网络技术的迅速发展和互联网的普及,为网页制作与设计带来了巨大的需求。

本课程旨在培养学生掌握基本的网页制作与设计技能,以满足市场对于专业人才的需求。

1.2 课程目标通过本课程的学习和实践,学生将能够掌握网页制作与设计的基本原理、技术和工具,能够独立完成简单的网页制作与设计工作,并具备进一步深入学习与研究的基础。

二、教学大纲2.1 基础知识2.1.1 网页制作与设计的概念及发展历程2.1.2 网页制作与设计的基本原理2.1.3 网页制作与设计的相关标准和规范2.2 网页制作技术2.2.1 HTML标记语言的基本语法和常用标签 2.2.2 CSS样式表的基本语法和属性2.2.3 JavaScript脚本语言的基本语法和常用函数 2.3 网页设计原理2.3.1 网页设计的基本原则和要素2.3.2 色彩搭配和配色原则2.3.3 网页布局设计的基本规则和技巧2.4 网页制作与设计工具2.4.1 Dreamweaver软件的基本使用和功能2.4.2 Photoshop软件的基本使用和功能2.4.3 Illustrator软件的基本使用和功能三、教学方法3.1 理论授课通过讲解基础知识和技术原理,帮助学生全面理解网页制作与设计的基本概念和流程。

3.2 实践操作给予学生实际的网页制作与设计任务,通过动手操作,巩固和应用所学知识。

3.3 学习讨论鼓励学生参与课堂讨论和分享,提高学生的思维能力和创造力。

四、教学评估4.1 平时成绩占比出勤情况、课堂表现、作业完成情况,占总评成绩的30%。

4.2 期末考试占比考察学生对于网页制作与设计知识的理解和应用能力,占总评成绩的70%。

五、参考教材5.1 《网页制作与设计教程》作者:李晓华出版社:清华大学出版社5.2 《网页设计与制作技术教程》作者:韩雪晴出版社:人民邮电出版社六、教学进度安排第一周:课程介绍,基础知识概述第二周:HTML标记语言基础第三周:CSS样式表基础第四周:JavaScript脚本语言基础第五周:网页设计的基本原则和要素第六周:色彩搭配和配色原则第七周:网页布局设计规则和技巧第八周:Dreamweaver软件基本使用和功能第九周:Photoshop软件基本使用和功能第十周:Illustrator软件基本使用和功能第十一周:复习和总结以上为《网页制作与设计教学大纲》的内容,本课程将以理论与实践相结合的方式进行,帮助学生全面掌握网页制作与设计的基本原理、技术和工具,为学生今后从事相关工作或深入研究提供必要的基础。

网页设计与制作教学大纲

网页设计与制作教学大纲

《网页设计与制作》教学大纲第一部分大纲说明一、课程的性质和任务:《网页设计与制作》是一门操作性和实践性很强的课程,为网络专业和计算机相关专业的必修课。

本课程的主要内容包括了网页编辑与制作软件Dreamweaver MX建站的全过程。

教材体现网页制作技术的的特点,注重实用性和操作性,综合讲述了网页制作中的网页编辑、Web图像制作以及网页中动画设计的基本概念和基本操作技能。

书中文字叙述简单明了、通俗易懂。

按照Macromidia公司出品的网页制作系列软件的系统内容,由浅入深、循序渐进,符合学习者的认知规律。

书中列举了部分实例,各章都编排了适量的习题、思考题,以使学生更好地理解和掌握书中所讲述的内容。

二、培养目标:结业后能独立完成公司或个人主页的制作、维护、站点管理、设计制作精美的网页,能够更好地把企业通过互联网推向全球,并通过考试可获得网页设计师相关证书。

三、授课对象:高职高专类网络专业和计算机相关专业四、课程的特点和教学基本要求课程在重点介绍网页设计软件Dreamweaver MX的操作与应用的基础上,通过大量实例和光盘教学素材,详细地阐述了网页设计软件的应用技巧,使学生在学习过程中得以融会贯通,掌握网页设计软件的高级应用。

同时,授课过程中将始终遵循“用户界面感受第一”的基本原则,教导学生在策划、设计过程中设身处地为用户着想,让创意为用户服务,培养学生独立思考、独立创作的良好学习习惯,为学生成为一名优秀的网页设计师打下坚实的基础。

课程设置的根本思路是为使学生能够最大程度满足企业对于网页设计人员的需求,达到学以致用的目的,从而为企业培养优秀的网页设计实用人才。

五、课程教学要求的层次1、掌握:在网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性等操作方法。

在Dreamweaver MX中使用的图像格式、在网页文档中插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、设置图像的缩略图的操作方法,会使用图像编辑器,会在网页中插入翻转图像和导航条的操作、表格的组成和基本操作方法及创建表格、表格操作、表格编辑的方法、表格和单元格的属性设置,会用表格组织网页的总体布局,掌握使用布局视图布局页面的总体布局。

网页设计与制作教学大纲

网页设计与制作教学大纲

《网页设计与制作》教学大纲课程编号代码:04064 学分:3总学时:54理论学时:30 实践学时:22 机动学时:2一、课程描述本课程是计算机应用技术专业的一门职业技术课。

本课程的教学任务是讲授在网页设计中较为流行Dreamweaver。

主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识,Dreamweaver网页制作集成工具使用方法等内容。

通过本课程的学习,使学生掌握构建网站的基本知识,熟悉网页开发平台的使用,能够独立的创建个人网站。

二、课程教学目标学生学完本课程之后能够:1、掌握构建网站的基本知识;2、能够熟练使用Dreamweaver MX 2004的操作环境,掌握HTML的常用语法规则正确而快速绘制二维机械图纸;3、并能够利用Dreamweaver的强大功能制作出精美的网页,同时能独立创建并管理网站。

三、单元(章)教学目标(一) 认识WEB站点与WEB页学生学完本章之后能够:1、描述Internet相关的名词术语;2、正确描述Dreamweaver MX的工作界面新建、打开、保存等文件的基本操作。

(二)网站框架的创建学生学完本章之后能够:1、描述网站建设的工作流程;2、正确叙述在Dreamweaver中定义站点、创建站点的目录结构的方法。

(三) 网页元素的添加——文字、图像和超级链接学生学完本章之后能够:1、正确描述在网页中添加文本对象如特殊字符、水平线和日期组件等;2、正确描述如何设置文本属性,重点了解制作网页时的断行方法;3、描述使用CSS样式和HTML 样式控制文本块或段落的外观;4、正确描述在网页中插入、调整图像的方法;5、正确描述利用图像映射,在一幅图像中创建多个热点,从而实现多个超级链接;6、描述在Dreamweaver中直接插入Flash动画;熟练掌握制作超级链接、E-mail链接、书签等形式的超级链接。

(四) 网页元素的定位——表格、框架、层学生学完本章之后能够:1、叙述表格的创建、结构调整与美化方法;2、正确描述表格与单元格的主要属性及其设置方法;3、正确描述通过表格来进行网页页面的布局方法;4、描述框架网页与普通网页之间的区别与联系;5、正确描述框架网页在创建、选择、设置、存储与应用方面的特点;6、正确描述框架结构网页的制作方法;7、描述层的概念、层的创建和编辑方法、层与表格的转换方法。

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

《网页制作与设计》课程教学大纲(Designing and propagation of website)课程性质及类型:专业必修课学时数: 72 ;其中,课堂学时:36;实验学时:36学分数:适用专业:信息管理与信息系统、电子商务一、课程的地位、作用与任务《网页设计与制作》是一门综合性、应用性很强的课程,是教育技术学专业的一门专业必修课程。

通过学习本课程,能利用DreamweaverCS6来开发出有实用价值的网站来。

熟练掌握DreamweaverCS6的基本界面环境和HTML语法,了解当前常用数据库的基础知识,能利用数据库来为网站服务。

本课程以《DreamweaverCS6网页设计与制作案例教程》作为教材,该教材采用项目教学法。

项目教学法是通过实施一个完整的项目而进行的教学活动,其目的是在课堂教学中把理论与实践教学有机地结合起来,充分发掘学生的创造潜能,提高学生解决实际问题的综合能力。

这也充分体现了我校的培养应用型人才的路线。

二、课程教学内容及要求第一章[为网页设计做准备]教学目的与要求:1、理解网页基础的知识。

2、让学生对网页设计有一定的认识。

教学重点与难点:网页基础知识一、网页定义;二、URI;三、网站和首页;•网页合成体称为网站•网站的开始页称为首页;四、网页常见元素;•文字资料•图像档案•超链接五、编辑网页;•可以使用普通的文本编辑器(记事本、Notepad++等)编辑•使用所见即所得网页编辑工具;六、本课程主讲的软件;第二章[初识DreamweaverCS6]教学目的与要求:1、熟练掌握建站流程、网站的定位;2、熟练掌握使用Dreamweaver在网页中添加常用元素。

教学重点与难点:【教学重点】 1 、建站流程 2 、网站的定位 3 、熟练掌握在网页中添加文字等元素【教学难点】 1 、网站的定位 2 、网站风格的设计向学生演示多个项目:成品站点,分阶段演示和分析此网页的设计流程和过程,在每个阶段演示完毕后,让学生对此阶段进行巩固。

第一步:讲解建站的流程;第二步:讲解市场调查与分析;第三步:讲解建站内容;第四步:讲解功能框架;第五步:讲解界面设计;第六步:演示站点框图;第七步:演示网站截图;第八步:讲解并演示使用Dreamweaver在网页中添加元素;第九步:课程小结。

第三章[表格的应用]教学目的与要求:1、掌握表格的插入;2、掌握单元格的相关操作、表格嵌套与叠加;3、掌握表格和框架的使用方法以及利用表格和框架对网页进行布局的方法。

教学重点与难点:【教学重点】 1 、表格的插入 2 、单元格的相关操作【教学难点】 1 、表格的插入 2 、单元格的相关操作 3 、用表格布局制作一个网页向学生演示多个项目:成品站点,分阶段演示和分析此网页的设计流程和过程,在每个阶段演示完毕后,让学生对此阶段进行巩固。

第一步:演示并讲解用表格布局制作的网页。

第二步:分步演示并讲解、制作网页。

第三步:学生分析并制作网页,教师实施指导。

第四步:课程小结。

第四章[文本与图像的应用]教学目的与要求:1 、掌握插入图像的相关操作。

2 、掌握文本的相关操作。

教学重点与难点:【教学重点】1、图像的插入 2、文本的相关操作【教学难点】1、表格的插入 2、文本的相关操作3、用表格布局修饰一个网页向学生演示多个项目:成品站点,分阶段演示和分析此网页的设计流程和过程,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:演示并讲解插入图像,插入文本;第二步:分步演示并讲解、制作图像、文本;第三步:通过插入鼠标经过图像制作导航条并完成网页制作;第四步:课程小结。

第五章[模板与库的应用]教学目的与要求:1 、掌握模板的基本概念及其相关应用。

2 、掌握库的基本概念及其相关应用。

教学重点与难点:【教学重点】1、模板的相关操作 2、库的相关操作【教学难点】1、模板的相关操作2、库的相关操做3、创建模板与库更新网站,批量制作网页向学生演示多个项目:建立完成网页,分阶段演示和分析此网页创建模板的操作,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:演示并讲解模板的概念;第二步:分步演示并讲解、使用模板创建网页;第三步:分步演示使用库项目创建网页并利用库项目更新网站;第四步:课程小结。

第六章[多媒体的应用]教学目的与要求:1、掌握SWF,FLV视频,Java Applets程序,Shockwave影片的基本概念并会用其进行网页修饰。

教学重点与难点:【教学重点】SWF,FLV视频,Java Applets程序,Shockwave影片的插入【教学难点】插入SWF,FLV视频,Java Applets程序,Shockwave影片来修改已有网页向学生演示多个项目:建立完成网页,分阶段演示和分析此网页的SWF,FLV视频,Java Applets程序,Shockwave影片插入步骤,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:演示并讲解SWF,FLV视频,Java Applets程序,Shockwave影片的概念;第二步:分步演示并讲解、使用SWF,FLV视频,Java Applets程序,Shockwave影片元素;第三步:分别分析网页SWF,FLV视频,Java Applets程序,Shockwave影片的效果;第四步:课程小结。

第七章[超级链接的应用]教学目的与要求:1 、掌握各种超级链接基本概念。

2 、掌握并熟练使用各种超级链接的。

教学重点与难点:【教学重点】掌握各种超级链接的基本概念【教学难点】掌握网页中的各种类型的超级链接基础知识向学生演示多个项目:建立完成网页,分阶段加入、演示和分析此网页的超级链接,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:演示并讲解超级链接;第二步:分步演示并讲解、使用超级链接元素;第三步:分析网页超级链接元素;第四步:课程小结。

第八章[CSS样式表的应用]教学目的与要求:1、掌握 CSS的基本概念。

2、掌握网页、文字、表格等常用元素CSS属性的定义用标签。

教学重点与难点:【教学重点】 1、掌握CSS基本概念 2、掌握常用CSS基本用法【教学难点】 1、掌握html标签元素的常用CSS属性 2、能独立编写CSS简单代码向学生演示多个项目:建立完成网页,分阶段加入、演示和分析此网页的CSS代码,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:演示并讲解CSS标签;第二步:分步演示并讲解、使用CSS标签元素;第三步:分析网页CSS标签元素;第四步:课程小结。

第九章[框架的应用]教学目的与要求:1、理解网页框架。

2、网页框架的基础知识的理解。

3、掌握网页框架与框架集功能。

教学重点与难点:【教学重点】理解网页框架【教学难点】网页框架的基础知识的理解向学生演示多个项目:建立完成网页,分阶段加入、演示和分析此网页框架和框架集代码,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:创建和保存框架页面;第二步:制作框架页面;第三步:在框架中创建超级链接;第四步:使用超级链接控制框架和框架集的内容;第五步:为不能显示框架的浏览器定义内容;第二步:使用网页框架与框架集制作网页;第六步:网页中创建超级链控制框架内容;第七步:课程小结。

第十章[AP Div的应用]教学目的与要求:1、掌握AP Div的基本操作。

2、掌握AP Div与行为的关系3、掌握行为的基本知识与相关操作教学重点与难点:【教学重点】AP Div的基础知识【教学难点】掌握AP Div的基本操作,掌握AP Div与行为的关系,并理解行为的基础知识。

向学生演示多个项目:建立完成网页,分阶段加入、演示和分析网页的AP Div代码和AP Div的高级操作,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:创建页面,使用AP Div布局页面;第二步:AP Div的创建及属性设置;第三步:AP Div的基本操作;第四步:AP Div与表格的相互转换;第五步:使用Div + CSS布局网页;第六步:定义 CSS,设置Div显示样式并详解行为的基础知识;第七步:课程小结。

第十一章[表单的应用]教学目的与要求:1、掌握表单工具的基本用法教学重点与难点:【教学重点】表单的相关操作【教学难点】在一个已知的网页中插入表单向学生演示多个项目:建立完成网页,分阶段加入、演示和分析网页的表单基本操作,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:在“会员注册”页面插入表单;第二步:插入文本框;第三步:插入密码域;第四步:插入单选框;第五步:插入列表菜单;第六步:插入复选框;第七步:插入文本区域;第八步:插入提交按钮;第九步:课程小结。

第十二章[网站的测试与发布]教学目的与要求:1、掌握网站的测试与发布的步骤与方法教学重点与难点:【教学重点】1、网站的测试2、网站的发布【教学难点】1、网站的基本测试2、网站的发布步骤3、测试并发布制作好的网页向学生演示多个项目:建立完成网页,分阶段加入、演示和分析网站测试与发布的基本操作,在每个阶段演示完毕后,让学生对此阶段进行巩固。

讲解完毕后学生完成课后作业,教师实施指导。

第一步:详解如何进行网站测试;第二步:检查站点链接;第三步:检查浏览器的兼容性;第四步:使用站点报告测试站点;第五步:测试站点;第六步:发布站点;第七步:课程小结。

三、课程其它教学环节要求(一)、实验环节要求利用DreamweaverCS6实现各种网页元素应用的实际设计,解决具体问题,内容见本课程实验教学大纲。

(二)、作业基本要求本课程作业可参照课程配套题集酌情安排。

了解每节课的重点掌握的知识点,巩固学习知识点的内容。

(三)、其它环节要求:本课程拟采用随堂测试的方式来,计划至少进行10-12次随堂测试,每次测试题目为当堂课程内容,题量要求适度,以15分钟以内为宜。

四、学时分配五、本课程与其它课程的联系本课程为计算机科学与技术、信息管理与信息系统、电子商务专业的一门专业基础课,Java Web可以和本门课相辅相呈。

六、考核方式课程成绩考核包括平时考核、上机实验考核和期末考核。

平时考核以随堂测试成绩为主,兼顾平时作业、课堂讨论,试验成绩及出勤等,平时考核成绩占总成绩的20%;期中考试成绩占总成绩的10%;期末考核采取闭卷笔试,期末考核成绩占总成绩的70%。

要求学生掌握数据结构的基本概念,线性表,栈和队列,串,树,图结构的逻辑结构和存储结构及基本操作实现;对数据结构的操作应用排序和查找的方法;对数据结构应用问题进行综合设计与分析。

相关文档
最新文档