电大电子商务专业网页设计与制作课程
浅谈网页设计与制作课程在电子商务专业的作用
二、课程 与专业的关系
电子商务通 常是指是在全球各地广泛的商业贸易活动 中，在因特 网
开放的网络环境下 ， 基于浏览器／ 服务器应用方式 ， 买卖双方不谋面地进 行各种商贸活动 ， 实现消费者 的网上购物、商户之间的网上交易和在线 电子支付 以及各种商务活动 、交易活动 、金融活动和相关的综合服务活
痴 成。
兰 、小 结
我们现有的计算机网络， 从软件的角度看， 就是 由一个个网站构成 ， 而网站是 由众多的网页组成。电子商务是一个新型的交叉学科 ，这个专
如何让电子商务专业的学生迅速了解 网站呢？个人觉得通过学习 《 网页
设计与制作 》 课程是最快的途径。
业的学生需要掌握计算机信息技术、市场营销 、国际贸易、管理等相关 专业的基本理论和知识 。学习网页设计与制作课程是为他们以后 的主要
现在的很多职业学校都开设有电子商务专业 ， 作为一个新型 的 交叉学科 ， 该专业和计算机网站息息相关 ， 而作为 网站开发技术的基础课程 ， 《 网页
设计与制作》也在该专业逐渐展开 ， 通过本课程的学 习，不仅使学生掌
握基本的网页制作与设计 ，更要学生 了解常见网站后 台数据处理方式 ，
中图分类号：Ｔ Ｐ ３ １ １文献标识码 ：Ａ 文章编号：１ ０ ０ ９ － ４ ０ ６ ７ （ ２ ０ １ ３ ） １ ４ ． ０ ４ 一 Ｏ １
一
、
课 程现状
广泛应用，
的购买力 ，网页设计与制作的结果将直接影响你的交易成功与否 。
所谓 电子支付 ， 是指从事电子商务交易的当事人 ， 包括消费者 、厂
工作平台—— 网站而服务 ，熟悉 了这门课程 的相关内容 ，可以让他们 了
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案第一章：电子商务网页设计基础1.1 教学目标1. 了解电子商务网页设计的概念与意义。
2. 掌握电子商务网页设计的基本原则与要求。
3. 熟悉常用的网页设计工具与技术。
1.2 教学内容1. 电子商务网页设计的概念与意义。
2. 电子商务网页设计的基本原则与要求。
3. 常用的网页设计工具与技术。
1.3 教学方法1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
1.4 教学资源1. 教学PPT。
2. 网页设计案例素材。
3. 网页设计工具软件。
1.5 教学评估1. 课堂问答。
2. 学生实践作品展示。
第二章：网页布局与配色设计2.1 教学目标1. 掌握网页布局的设计方法与技巧。
2. 学习网页配色的基本原则与方法。
3. 了解色彩搭配对网页视觉效果的影响。
2.2 教学内容1. 网页布局的设计方法与技巧。
2. 网页配色的基本原则与方法。
3. 色彩搭配对网页视觉效果的影响。
2.3 教学方法1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
2.4 教学资源1. 教学PPT。
2. 网页布局与配色案例素材。
3. 网页设计工具软件。
2.5 教学评估1. 课堂问答。
2. 学生实践作品展示。
第三章：网页图像处理与动画制作3.1 教学目标1. 掌握网页图像处理的基本方法与技巧。
2. 学习动画制作的基本方法与技术。
3. 了解动画在网页设计中的应用与效果。
3.2 教学内容1. 网页图像处理的基本方法与技巧。
2. 动画制作的基本方法与技术。
3. 动画在网页设计中的应用与效果。
3.3 教学方法1. 讲授与案例分析相结合。
2. 实际操作演示与学生实践。
3.4 教学资源1. 教学PPT。
2. 网页图像处理与动画案例素材。
3. 网页设计工具软件。
3.5 教学评估1. 课堂问答。
2. 学生实践作品展示。
第四章：网页文字处理与排版4.1 教学目标1. 掌握网页文字处理的基本方法与技巧。
2. 学习网页排版的设计方法与原则。
电子商务专业网页设计与制作课程标准
网页设计与制作课程标准一、课程性质与任务网页设计与制作课程是电子商务专业商务网站维护方向的一门专业技能课程。
旨在于培养学生从事网页设计与制作的基本职业能力，为下一步网站建设的学习打好基础，是学生达到网页设计制作人员的基本职业能力要求。
二、课程教学目标通过任务引领和项目活动等形式，使学生能熟练制作简单网页，能熟练创建本地站点并能在网页中设置各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生专业方向的发展奠定基础。
职业能力目标：（1）能够熟练制作简单网页；（2）能够创建本地站点并能在网页中设置各种超链接；（3）能够对网页进行具有创意的美化；（4）能够制作有创意的网页动画；（5）能够掌握网页设计与制作的相关技巧；（6）能够根据企业需要制作商务网页；（7）能够跟踪和学习网页设计与制作的新知识和新技能。
三、参考学时108学时。
四、课程内容与培养目标五、教学建议（一）教学方法教师必须重视现代教学理论的学习，不断的更新观念，深刻领会和探究任务引领型的项目活动形式的教学方式。
1.项目教学在教师的指导下由学生亲自处理一个项目的全过程，让学生全部或部分独立组织、安排学习行为，解决在处理项目中遇到的困难。
加强网页制作技术与各课程整合的研究，充分运用项目教学法，探索在数字化学习环境下的新型教学模式，为学生提供自主发展的时间和空间，努力培养学生的创新精神和实践能力，自觉地成为学生学习的引导者和促进者。
2、任务驱动法在教学活动中，教师应当围绕特定的教学项目，设计出具体的，可操作的任务，以任务组织教学，在任务的履行过程中，以参与、体验、互动、交流、合作的学习方式，充分发挥学习者自身的认知能力，调动他们已有的知识与经验，在实践中感知、认识、应用所学知识，在“做”中学、“用”中学，不断提高学生的动手实践能力。
3，分组教学法教学中要培养学生自己解决问题的综合能力，提倡让学生张扬个性特长的同时，运用分组教学培养学生与他人合作的精神，帮助学生自觉成为问题的发现者和解决者，改善学生的学习方式，培养学生合作学习与研究探索的能力。
《dreamweaver网页设计与制作》课程标准
《Dream weav er网页设计与制作》课程标准一、课程定位和课程设计（一）课程性质与作用“网页设计与制作”是高职电子商务专业的职业技能课，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件dreamweaver中文版的使用以及网页制作的拓展内容（Flash、Firework）等诸多知识的操作性极强的技能型应用课程，是本专业的一门带有实践环节的专业基础课程，是电子商务专业学生的必修课程。
“网页设计与制作”是“电子商务网站规划与管理”和“动态网页设计与制作”等课程的前期基础课程。
通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
(二)课程基本理念本课程遵循职业性原则，以学生未来职业中可能用到的知识为中心，采用任务驱动的设计理念，以学生为主体，多元智力的学生观，突出课程的职业性，实践性和开放性，紧紧盯住产业需求，牢牢贴近一线服务，专业融入产业，规格服务岗位。
（三）课程设计思路主要指课程设计的总体思路：基于工作任务的结构模式，采取提出问题----介绍解决问题的方法----归纳总结，培养寻找答案的思维方法的模式。
以问题引导出相关原理和概念，在讲述实例的过程中融入，通过分析归纳，介绍解决工程实际问题的思想和方法，然后进行概括总结。
二、课程目标通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
《网页设计与制作》课程标准
《网页制作与网站设计》课程标准课程编码：020033 课程类别：专业课程适用专业：电子商务授课单位：国际商务系学时：18 编写执笔人及编写日期：张帆 2016年11月15日审定负责人及审定日期：1．课程定位和课程设计1.1 课程性质与作用本课程是电子商务专业的一门主干专业课程。
通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。
同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。
1.2 课程设计思路本课程标准的总体设计思路：以电子商务专业学生的就业为导向，根据行业专家对电子商务专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。
2．课程目标2.1 职业知识目标(1)熟悉HTML 语言的作用和开发环境，能够编写HTML 代码；(2)掌握常用的HTML 标签，能够实现基本的图文信息显示；(3)理解HTML 页面框架的作用，能够针对需求进行框架的设计；(4)掌握各类HTML 表单元素标签，能够进行表单设计；(5)掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计；(6)掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；(7)掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局；(8)掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；(9)掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；(10)掌握DOM 树形结构及其操作方法，能够控制DOM 对象。
2.2 职业技能目标(1)能独立进行资料收集与整理、具备用户需求的理解能力；(2)能根据项目需求，具备项目页面的设计与实现能力；(3)能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；(4)具有使用JavaScript 技术进行页面事件处理与表单验证的能力；(5)能根据DOM 树形结构，进行页面DOM 的控制；(6)具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。
《网页设计与制作》课程标准
网页设计与制作课程标准课程代码：建议课时数：学分：适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。
其任务是：该课程主要涉及到网站建设规划与管理、语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。
通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过创建动态网站的操作技能。
.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。
学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。
了解网站平面设计的概念和过程。
了解的基本概念、基本格式、能编写一个网页；了解的工作原理；知道启动服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：配置备份与恢复、网络监视、日志管理。
学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。
整体设计+单元设计汇报(电子商务网页设计与制作)
课程基础
课程定位 教学目标 教学内容 课程实施 考核方案 第一次课梗概
设计体会
2、就业岗位职责与教学内容对接
课程基础
课程定位 教学目标 教学内容 课程实施 考核方案 第一次课梗概
设计体会
3、项目任务表
课程基础
课程定位 教学目标 教学内容 课程实施 考核方案 第一次课梗概
设计体会
1、课程实施条件
课程名称：电子商务网页设计与制作 授课对象：电子商务专业大二学生
课程基础
课程定位 教学目标 教学内容 课程实施 考核方案 第一次课梗概
设计体会
课程基础
课程定位 教学目标 教学内容 课程实施 考核方案 第一次课梗概
设计体会
学习热情很高，求知欲强
对网页好奇心强，制作网页的兴趣高 专业软件操作能力较弱 网页制作零基础，对理论讲解不感兴趣 自主创作设计能力不足
总时间：110分钟
本单元任务题材：菲诗小铺樱桃洗面奶
温顾知新
引入
学生操练
成果展及教师点评
归纳
任务布置
流程： 1、搜集学生的任务成果 （提前发群共享） 2、选择两个优秀的展示
（教师点评）
3、选择一个较差的展示 （教师点评） 4、填写任务考核记录
总时间：15分钟
课堂完成较好的成果展示
课堂完成较差的成果展示
设计体会
将电子商务专业大赛引入教学工作中，进一步提升学生的专业技能及职业素养。 凡事在大赛中取得成绩的均作为附加分，该附加分值加上考核的分值记为该学生期末总 成绩。具体附加分值参照如下：
电子商务专业大赛奖项
角色
队长
一等奖
10 8
二等奖
8 6
三等奖
5 3
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案第一章：电子商务网页设计概述1.1 教学目标让学生了解电子商务网页设计的概念和意义。
让学生掌握电子商务网页设计的基本原则和流程。
1.2 教学内容电子商务网页设计的概念和意义。
电子商务网页设计的基本原则（如用户体验、界面设计等）。
电子商务网页设计的流程（如需求分析、设计稿制作等）。
1.3 教学方法讲授法：讲解电子商务网页设计的概念和意义，以及基本原则和流程。
案例分析法：分析电子商务网页设计的成功案例，让学生了解实际应用。
1.4 教学资源教材：电子商务网页设计相关书籍。
案例素材：电子商务网页设计成功案例。
1.5 教学评价学生能准确回答电子商务网页设计的概念和意义。
学生能理解并运用电子商务网页设计的基本原则和流程。
第二章：电子商务网页制作基础2.1 教学目标让学生掌握电子商务网页制作的基本技术。
让学生能够独立完成简单的电子商务网页制作。
HTML和CSS的基础知识。
电子商务网页制作的常用工具（如网页编辑器、图像处理软件等）。
电子商务网页制作的基本步骤。
2.3 教学方法讲授法：讲解HTML和CSS的基础知识，以及电子商务网页制作的常用工具和步骤。
实践操作法：让学生在电脑上进行实际操作，掌握电子商务网页制作技术。
2.4 教学资源教材：电子商务网页制作相关书籍。
实践素材：电子商务网页制作所需图片、样式文件等。
2.5 教学评价学生能掌握HTML和CSS的基础知识。
学生能够运用常用工具完成简单的电子商务网页制作。
第三章：电子商务网页布局与排版3.1 教学目标让学生掌握电子商务网页布局与排版的原则和方法。
让学生能够独立完成电子商务网页的布局与排版。
3.2 教学内容电子商务网页布局与排版的原则。
电子商务网页布局与排版的方法（如使用HTML和CSS进行布局和排版）。
电子商务网页布局与排版实例分析。
讲授法：讲解电子商务网页布局与排版的原则和方法。
实践操作法：让学生在电脑上进行实际操作，掌握电子商务网页布局与排版技术。
电子商务专业网页设计与制作
电子商务专业《网页设计与制作》第一章通过本章的学习，应该了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解。
对于网页的设计原则和所使用的工具应有一定的认识。
从而为继续深入学习网页制作技术打下知识基础。
知识点：1. 互联网主要提供的几种服务：Web、FTP、Telnet等的概念与功能；Web浏览器服务的基本原理；URL、HTTP、超级链接、域名系统等的概念。
2. 网页与主页之间的关系；网页的基本概念。
3. HTML的概念与功能;HTML的基本构成单位、标记。
4. Web浏览器的作用和工作原理。
5. 网页设计的基本目标。
6. 网页制作工具的分类及标准。
7. 如何快速地掌握网页的制作第一节关于互联网互联网(Internet)是由世界上各种各样的网络互联所形成的"网络的网络"，是一个网际网，有时音译为“因特网"。
一、什么是协议网络协议 (Protocol)是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部分内容。
协议的实质就是进行通信所使用的语言。
从大体上来说，网络协议可以分为硬件协议和软件协议两大类：1.硬件协议：定义了硬件设备如何运作以及如何协同工作。
2.软件协议：程序之间的通信是通过软件协议完成的。
二、互联网协议1. OSI七层模型OSI（Open System Interconnection，开放式系统互联）是由国际标准化组织 (International Organization for Standardization，ISO)发起制定的计算机网络通信标准。
OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。
2. TCP/IP协议TCP/IP(Transmission Control Protocol/Internet Protocol)是为连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。
《电子商务网页设计与制作》教学教案
《电子商务网页设计与制作》教学教案一、教学目标1. 了解电子商务网页设计的基本概念与原则。
2. 掌握网页设计与制作的基本技术，如HTML、CSS、JavaScript等。
3. 能够独立完成电子商务网页的设计与制作。
4. 理解电子商务网页设计的重要性，提高电子商务网站的吸引力和用户体验。
二、教学内容1. 电子商务网页设计基本概念与原则网页设计的定义与目的电子商务网页设计的特点与要求网页设计原则（如美观性、易用性、可访问性等）2. HTML与网页结构HTML基本语法常用HTML标签及其功能网页结构与布局3. CSS与网页样式CSS基本语法常用CSS选择器与属性网页样式设计（如字体、颜色、布局等）4. JavaScript与网页交互JavaScript基本语法常用JavaScript函数与对象网页交互设计（如动态效果、表单验证等）5. 电子商务网页设计实践网页设计流程与方法电子商务网页设计案例分析学生实践：独立完成一个简单的电子商务网页设计与制作三、教学方法1. 讲授法：讲解电子商务网页设计的基本概念、原则、技术与方法。
2. 案例分析法：分析电子商务网页设计案例，让学生了解实际应用。
3. 实践操作法：引导学生动手实践，提高网页设计与制作能力。
4. 讨论法：组织学生进行分组讨论，分享设计心得与经验。
四、教学资源1. 教材：《电子商务网页设计与制作》2. 课件：教师自制的PPT课件3. 案例素材：电子商务网页设计案例及相关素材4. 网络资源：在线教程、相关网站与素材库五、教学评价1. 课堂参与度：学生参与课堂讨论、提问与回答问题的积极性。
2. 实践操作能力：学生完成网页设计实践作业的质量与效率。
3. 作品展示：学生展示自己的电子商务网页设计作品，评价其设计思路与效果。
4. 期末考试：考查学生对电子商务网页设计基本概念、原则与技术的掌握程度。
六、教学安排1. 课时：共计32课时，每课时45分钟。
2. 授课方式：讲授+实践操作+讨论3. 教学计划：第1-4课时：讲解电子商务网页设计基本概念与原则第5-8课时：学习HTML与网页结构第9-12课时：学习CSS与网页样式第13-16课时：学习JavaScript与网页交互第17-20课时：实践电子商务网页设计案例第21-24课时：学生独立完成电子商务网页设计与制作第25-28课时：作品展示与评价第29-32课时：期末考试七、教学注意事项1. 关注学生的学习进度，针对不同学生的实际情况进行针对性指导。
电子商务网页设计与制作教学教案
《电子商务网页设计与制作）》配套教学教案第1章课时内容电子商务网页设计与网站建设基础授课时间45分钟课时 1教学目标A了解电子商务网站设计基础知识A认识Dreamweaver CS6工作界面。
A掌握创建电子商务网站的基本操作和流程。
教学重点A掌握电子商务网站设计的基础知识。
A掌握电子商务网站设计的基本流程。
A能够独立完成一个电子商务网站的规划。
教学难点掌握规划和设计电子商务网站的流程及方法。
教学设计1、教学思路：（1）了解网页设计的相关基础知识，如什么是网页、什么是电子商务网站、电子商务网站的主要内容和功能、网页的常见布局结构、网页中的常用术语、网页色彩搭配等，并浏览一些市场上非常好的网站进行赏析，从中学习经验；（2）了解网站设计的相关知识，并创建一个名为“宅家商城”的电子商务网站。
学员通过案例除了熟悉网站开发的基本流程外，还需要了解Dreamweaver网页制作软件、站点策划、创建本地站点、编辑站点、管理站点和站点文件等操作；（3）安排上机实训。
2、教学手段：（1））通过举例讲解网页设计的基础知识，讲解结束后进行上机练习和疑难提问；（2）对容易出错的误区进行提醒，并着重举例讲解。
3、教学资料及要求：除教材中的实例外，可浏览其他经典的网页，学习这类网站的设计思想。
教学内容讨论问题：1、网页设计师需要知道哪些网页设计内容？2、网页设计过程中需要遵循哪些原则？3、你所见的网页设计中哪些网站比较具有个性化，网页色彩给你带来了什么样的体验和感觉？内容大纲：具体可结合本章的PPT课件进行配合讲解。
1.1 电子商务网页设计基础知识1.1.1 认识网站与网页1.1.2 电子商务网站概述1.1.3 电子商务网站的主要内容和功能1.1.4 网页常见布局结构1.1.5 网页的基本构成元素1.1.6 网页常用术语1.1.7 网页色彩搭配1.1.8 HTML标记语言1.2 课堂案例：创建“宅家商城”网站1.2.1 电子商务网站开发流程1.2.2 网站制作流程1.2.3 Dreamweaver CS6工作界面1.2.4 创建本地站点1.2.5 编辑站点1.2.6 管理站点和站点文件夹1.3 项目实训1.3.1 赏析营销类电子商务网站1.3.2 规划并创建“婚纱网”站点1.4 课后练习1.5 技巧提升小结1、了解网页设计的基础知识。
电子商务网页设计与制作课件第十章
第三节 用户登录页面的制作
用户登录的界面已经在前面制作完成,这里主要实现它的动态性,即完成后台的验证和用户登录结果的提示。
(1)在“服务器行为”面板点击“+”按钮,从弹出的菜单中选择“用户身份验证/登录 用户”菜单项,打开“登录用户”对话框
(2)在弹出的对话框中进行如图10-50所示的设置。 这样就实现了登录页面的验证,至此完成了整个综合实例。
二、IIS属性设置
安装好IIS组件后就可以使用IIS服务了,此时的Web服务器还没有配置完成,因此还需要对IIS进行配 置,具体操作如下:
(1)依次选择“开始/控制面板/管理工具”,此时出现“Internet信息服务”图标,双击该图标,打开 “Internet信息服务”界面,如图10-1所示。
(2)在该界面左侧的列表中依次展开“Internet信息服务/本地计算机/网站/默认网站”,如图10-7所示。 在该列表下显示的是“C:\inetpub\wwwroot”下的文件和文件夹,也就是网站存放的路径,这是系统 的默认设置。
(1)打开“ODBC数据源管理器”。
一、数据库连接 1.建立数据库 2.建立系统的DSN
(2)选择“系统DSN”项,并点击“添加”按钮,弹出如图10-3所示对话框,让我们选 择驱动程序,因为我们使用Microsoft Access创建数据库,所以在这里选择 “Microsoft Access(*.mdb)”,点击“完成”按钮。
(2)在该对话框的左侧按钮面板中点击“添加/删除Windows组件”,打开“Windows 组件向导”对话框,如图10-3和图10-4所示。
(3)在图10-4所示对话框的“组件”列表中勾选“Internet信息服务(IIS)”复选框。此时可以点击“详细信息” 按钮,在打开的对话框中取消或选择相应服务,如图10-5所示。 (4)选定要安装的服务后,点击“确定”按钮,返回图10-4,再点击“下一步”按钮,就可以进行IIS的安装,然后 依照向导的提示进行安装,如图10-6所示。
网页设计与制作课程教学大纲
ࠄ 訲ࠄࠄᒜ 《网页设计与制作》课程教学大纲编写人：张玉华高等教育出版社（供用于电子商务专门化、3＋2大专班专门化72学时）一、课程性质和任务本课程为电子商务专业的专业必修课。
本实验课程在学生掌握计算机基础知识和网络应用基本知识的基础上进行。
学生通过本课程，让学生掌握基本的网页设计与制作知识，HTML语言、网页制作软件的操作与使用。
通过各个实验掌握各个环节知识，学生可以相互配合完成简单网站的制作。
二、课程教学目标(一) 知识教学目标1. 熟悉因特网。
2. 掌握网页设计软件FrontPage的使用方法。
3. 掌握看图软件ACD的使用。
4. 熟悉PhotoShop的使用。
(二) 能力培养目标1. 具有熟练使用FrontPage设计网页的初步能力。
2. 具有利用Internet收发电子邮件、使用浏览器检索并获取信息的能力。
3．能够设计简单的图案以及对图像进行简单的修饰。
(三) 思想教育目标1.通过初步学习分析和解决计算机应用过程中的实际问题，培养科学求实的态度和创新意识。
2.树立科学态度及知识产权意识，自觉依法进行信息技术活动。
三、教学内容和要求基础模块(一)理论教学第一章初识网页1．熟悉因特网提供的主要服务。
2．掌握网页的基本元素。
3．熟悉网页设计原则。
4．理解网页与网站的概念。
第二章认识FrontPage 20001．熟悉FrontPage 2000的界面。
2．掌握新建、保存网页的基本操作方法。
3．掌握预览、打开、关闭网页的方法。
第三章网页文本的操作1．掌握文本的一些基本操作。
2．掌握网页的美化的基本方法。
3．掌握文字的超链接的做法。
第四章图像1．掌握插入图像的方法。
2．掌握图像的修饰。
3．掌握图像的超链接的做法。
第五章表格操作１．掌握表格的创建。
２．理解表格的编辑。
３．掌握表格的一些属性。
４．掌握灵活利用表格组织网页的方法。
第六章动态网页1．掌握动态HTML效果的设置。
2．掌握活动元素的设置。
网页设计与制作
《网页设计与制作》课程教学大纲课程代码：课程类型：专业选修适用专业：计算机科学与技术总课时数： 70 学分： 4（注：课程类型是指通识教育、专业必修、专业选修、教师教育、实践课程、其它课程）一、课程教学的目的和任务1.课程介绍：《电子商务网页设计与制作》是电子商务专业的一门专业核心课程，也是一门综合性、交叉性课程。
通过该课程主要让学生掌握搭建电子商务网店的能力和构建电子商务网站的架构和前台模块并为后续的网站建设专业课程打好基础。
并按层次分设了四个核心项目，分别对应中小企业电子商务网站规划书、电子商务网店的设计与制作、中小企业形象网站的设计与制作和企业标准化网站的重构。
通过本课程学习，让学生掌握电子商务网页设计与制作的相关理论知识，能够完成网页设计中的图片进行处理、动画和特效的制作，网站设计方案编制和网页的基本设计与制作。
2.课程基本要求：通过该课程的讲解主要让学生掌握构建电子商务网站的轮廓和前台模块并为后续的网站建设专业课程打好基础。
该课程教学质量的高低，不仅关系到学生对电子商务专业的理解与把握、后续专业课程的学习效果，也直接影响到学生毕业后从事电子商务实际操作的主要动手能力。
因为有相当比例的电子商务的学生毕业后从事的工作会和相关的电子商务网页设计和网站开发管理有关。
3.课程展望：该项课程的掌握程度能很好的和学生就业技能相结合，是体现电子商务学生动手能力和核心技术的重要途径。
该课程教学质量的高低，不仅关系到学生对电子商务专业的理解与把握、后续专业课程的学习效果，也直接影响到学生毕业后从事电子商务实际操作的主要动手能力。
二、教学内容纲要1. 在学习这门课程中，要学会运用Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004 软件进行网页设计，内容包括网页设计的基础知识,，Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004软件的使用，网页布局和美化，网页特效的制作和网站的发布方法，通过学习除了能制作有技术含量、有动感的网页外，还能掌握电子商务网站的发布方法知识目标：（1）掌握Photoshop的基本操作（2）掌握HTML基本语法（3）掌握HTML常用标记及属性的用法（4）掌握HTML编辑工具的使用（5）掌握iis的设置（6）掌握Dreamweaver cs3的基本操作（7） DIV和CSS的基本概念技能目标：（1）能描述网站开发流程，规划版面，书写网站分析报告；（2）能熟练使用Dreamweaver制作网站；（3）能通过修改模版对已有网站进行二次开发；（4）能使用Dreamweaver设计网页布局；（5）能将脚本特效运用于所制作的网页上；（6）能把商品照片处理后运用于网页；（7）能使用firework制作网页动画、logo、图标；（8）能使用flash制作网页动画、图标。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.4.1 设置本地站点位置
首先应该先在硬盘内创建文件夹作为将要建立站点的存 储位置 。
1.4.2 建立Dreamweaver 8本地站点
在Dreamweaver中建立本地站点的方法很多，其中一个 是使用它提供的“新建站点向导”。
1.4.2 建立Dreamweaver 8本地站点
新建站点 ： (1)在D盘新建一个文件夹“Myweb+学号”作为站点文件夹。 (2)在文件夹“Myweb+学号”中再创建Images文件夹作为存放图 片的地方。 (3)单击“站点”—新建—站点，输入站点名称，如：web1，单击 “下一步”。 (4)选择“不使用服务器技术”，单击“下一步”。 (5)选择网页的存储位置为“D:\ Myweb+学号”，单击“下一步”。 (6)在“如何连接远程服务器”中选择“无”，单击“下一步”— “完成”，即可在右边的文件管理器中看见Web1站点。 (7)右键单击“站点—Web1“，选择”新建”—文件，即可建立网站 的第一个网页文件，通常命名为index.html，并作为主页。 (8)保存网页，并按F12预览即可看到效果。
一般来说，一个html文件应具有下面最基本的结构： <html> <head> <title>标题</title> </head> <body> 文件内容 </body> </html>
◎<html>和</html> 表示文件的开始与结束，被放置在整个文件的开始与结束 之处。
◎<head>和</head> 用来标示文件头。在这组标记里我们可以加入<title>和
</title>这组标记。
◎<title>和</title> 用来指定浏览器窗口的标题。
◎<body>和</body>
在这组标记里我们可以加入文件内容。另，我们可以利用<body>做一些设定： 【设定背景颜色】： 其设定方法为<body bgcolor=颜色名称>。 范例： <body bgcolor=yellow> 现在的背景颜色是黄色！ </body> 【设定背景图片】： 其设定方法为<body background=“背景图片路径”> 范例： <body background=“bg02.bmp”> 看看背景图案是否不一样了！注意：仅支持BMP跟gif格式的图片，且图片 bg02.bmp必须跟网页在同一个路径下。
超文本链接
1、由文字链接到别处： 格式：<a href=“链接地址”>文字</a> 如： <a href=“”>广西民族大学</a> 2、由图片链接到别处： 格式：<a href= “链接地址” ><img src=“图片存放位置"></a>
1.2 Dreamweaver 8的操作界面
1.4.3 网站框架和站点文件夹
建立站内文件夹 框架。新建立的 站点可以进行文 件夹的移动、修 改和删除。
Dreamweaver的文字插入
网页各元素的设计 1、文字：直接输入，通过属性设置其大小、颜色、字体、加粗等。 （与Word类似） 如果字体列表中没有想要的字体，则需添加，方法：单击“字 体”—“编辑字体列表”—在“可用字体”中将需要的字体 添加到右边的“选择字体”框中，单击确定，再次单击 “字体”，选择刚添加进来的字体即可。
Dreamweaver的图片插入
图片 2、图片 (1) 为使站点图片管理更规范，初学者最好将要插入的图片先复 制到网站的文件夹images中。，然后再单击“插入”—图调整图形的各种属性。 （3）单击“图像对象”—鼠标经过图像，确定“源图像”和“鼠 标经过图像”，可以插入动态的翻转图像。
浮动面板组
1.2.1 标题栏
1.2.2 菜单栏
1.2.3 插入栏面板
插入栏提供了把特定对象插入到网页中的一种简
易的方法。只要单击面板上的按钮就能把所需的 对象插入到指定的位置，
1.2.4 编辑窗口
1.2.5 文档工具栏
文档工具栏包含了对该网页文件的常用操 作
1.2.6 状态栏
位于文档窗口底部的是状态栏。状态栏由 标签选择器、窗口操作区、窗口大小设定区 、文档网络属性区4个区间组成。
</body>
构成网页的基本元素
1、分段元素与分行元素 html的分段完全依赖于分段元素<P>。回车 不能形成分段，而分行则用<br> 2、居中链接签<center>…</center> 3、字体大小、颜色： <font size=字号 color=颜色>文字</font> 4、横线：hr 线长和线宽用<hr size=n width=n>指定，width是指线长， size 指线宽，单位 是象素 5、空格的表示方法：直接写 。 6、插入图片： <img src=“图片路径”></img>
1.2.1 标题栏 1.2.2 菜单栏 1.2.3 插入栏面板 1.2.4 编辑窗口 1.2.5 文档工具栏 1.2.6 状态栏 1.2.7 属性面板 1.2.8 辅助设计工具
1.2 Dreamweaver 8的操作界面
插入面板栏 插入栏
文档工具栏
菜单栏
文档编辑窗口
标题栏
状态栏
属性面板
网页设计公开课
珠海电大电子商务工作室
邓同学
2015/12/21
网页的基本知识
1、网页制作常用知识简介。 (1)HTML语言的知识 (2)Dreamweaver软件：网页制作中构造框架的主要软件。 (3)Flash软件：动画制作软件。 (4)Photoshop软件：图片设计软件。
一个html文件最基本的结构：
1.2.7 属性面板
属性面板会根据对象的不同来显示相应的 对象属性。
1.2.8 辅助设计工具
标尺
1.2.8 辅助设计工具
辅助线用来辅助定位。
1.2.8 辅助设计工具
网格是一个有用的定位参考工具。
1.3 调整布局
1.3.1 显示和隐藏面板 1.3.2 调整面板布局
1.3.1 显示和隐藏面板
通过选择“窗口”菜单，可以显示 / 关闭各个面板。菜单中面板名称前的 “√”表示该面板已经显示在页面上。
1.3.2 调整面板布局
面板布局同样可以改变。用户可以收藏面 板，使页面编辑区扩大。
1.4 第一个站
1.4.1 设置本地站点位置 1.4.2 建立Dreamweaver 8本地站点 1.4.3 网站框架和站点文件夹 1.4.4 建立网页文件