静态网页设计
分享
课程详情
课程评价
spContent=大家好!《静态网页设计》第二期开课了,热烈欢迎新同学老朋友!课程采用的是混合式翻转课堂的教学,力图用最简明的语言、最典型的实例及最通俗的解释将学习的趣味性挖掘出来,带给你全新的学习体验,和你一起欣赏网页设计之美,领悟网页设计之妙,体会学习网页设计之无穷乐趣。别在犹豫,果断选课吧!
—— 课程团队
课程概述

 为了适合在线学习和混合式教学,依据《静态网页设计》课程知识体系,开设了《静态网页设计》在线开放课程。

1.课程性质

  《静态网页设计》课程是高职计算机应用技术、计算机网络、软件技术等相关计算机专业的一门专业必修课程。

2.课程设计理念 

 本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,通过各项目的练习操作,熟练地掌握岗位所需知识和技能,并不断强化。项目特别强调对学生操作能力和解决问题能力的培养,充分体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。  

3.课程开发思路 

 本课程主要以当下典型的项目案例为主题,教材为参考,同时借鉴了一些企业网站,有利于学生的理解与学习。颠覆传统讲授风格,主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善,功能需求及其他功能的完善,进阶,使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来,因此学生实验课时约占到了总课时的三分之二。 让学生在职业实践活动的基础上掌握知识,增强课程内容与职业能力要求的相关性,提高学生的就业能力。  


授课目标
通过本课程的学习使学生具备网页制作、网站规划与网站维护的专业能力,培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为计算机相关专业的核心主干课程,使学生掌握商业网站的开发流程,并能独立进行操作。学生毕业后可胜任网站管理员、网页设计师等工作岗位。
课程大纲

本课程通过生活网网站页面的设计、酒店客房预订页面的设计、怡景田园农庄页面的设计,介绍了如何使用Dreamweaver CS6工具制作出美观大方、布局合理、实用性强的静态网页。内容包括:初识Dreamweaver CS6,站点管理和应用,文本网页的创建与编辑,表格化网页布局,使用图像美化网页,使用多媒体对象丰富网页,创建超链接,使用APDiv布局页面,使用CSS样式修饰页面,使用表单创建交互网页,使用框架制作网页,使用模板和库制作网页,网页制作中色彩的应用,网站的上传与维护以及综合应用。具体项目内容如下:


周次

项目名称

内容

1

项目一 创建生活网网站

子项目一.网页设计基础知识

任务1. 网站剖析

任务2.了解网站制作流程

任务3.Dreamweaver CS6安装及网站配色方案

2

子项目二.初识Dreamweaver CS6

任务1.面板基本操作

任务2.新建和管理站点

任务3.为首页设置头信息和页面属性

3

子项目三.网页结构的布局

任务1.使用表格布局页面

任务2.使用AP DIV布局页面

任务3.使用框架布局网页

4

子项目四.网站内容的编辑——输入和编辑网页元素

任务1.添加文本类网页元素

任务2.在网页中添加图像

任务3.在网页中添加FLASH对象

5

 

子项目五.网站内容的链接与特效网页的制作——应用链接和行为

任务1.设置网站中的超级链接

任务2.利用行为制作网站中的特效网页

任务3.制作页面中的弹出式菜单

任务4.使用CSS美化网页

6

项目二.利用模板和库制作网页

任务1.利用模板制作网页

任务2.利用库项目制作网页

任务3.综合实训

7

项目三.使用表单创建交互式网页(酒店客房预订页面设计)

任务1.使用表单创建酒店客房预订页面

1.插入表单域

2.插入文本域

3.插入密码域

4.插入多行文本区域

任务2.使用表单创建酒店客房预订页面

1.插入隐藏域

2.插入复选框

3.插入单选按钮

4.插入选择框

任务3.使用表单创建酒店客房预订页面

1.插入URL

2.插入图像域

3.插入文件域

4.插入按钮

8

项目四.企业综合门户网站实训:怡景田园网站设计

任务1.客户需求分析的撰写

任务2.网站建设方案的制订

任务3.页面风格定位

任务4.网站效果图的设计

任务5.素材的准备

9

项目四.企业综合门户网站实训:怡景田园网站设计

任务1.网站的创建

任务2.网站的主页设计

任务3.二级栏目网页和内容网页的制作

任务4.首页弹出式菜单的设置

任务5.网页的超级链接的设置

任务6.网站的测试与发布



预备知识

1、计算机应用基础

(1)计算机的基本概念知识;

(2)计算机基本操作能力;

(3)Internet基础知识;

2、PhotoShop基础应用

(1)版面设计知识

(2)配色相关知识

(3)平面图像处理基本技能


证书要求

1. 单元测验、单元作业占40%,

2. 课程讨论占10%。

3. 考试占50%。期终考试为客观测试题。

85分以下为合格,85分以上为优秀 


参考资料

Dreamweaver CS6实例教程  魏三强 李静 杨子燕主编  人民邮电出版社出版

网页设计与制作任务驱动式教程  陈承欢主编   高等教育出版社出版





常见问题

1.在线开放课程看不到老师,有问题谁来解答?

  《静态网页设计》采用的是混合式翻转课堂的教学,线上线下交互学习方式。同学们线上学习有什么问题都可以在线下交流,我们有一流的教学团队为大家答疑解惑与辅导。在线课程同步建设有课程论坛、在线答疑,学生互评等相关栏目,能及时解决与课程相关的各类问题。

  2.学习本门课程的时间安排?

  同学们要耐心认真地观看视频,每天保证足够的训练时间。平均每天坚持30至60分钟的固定学习时间,循序渐进、持之以恒地按本课程时间表进行学习,在10周内就可保质保量地完成本课程学习,最后参加课程考试并取得良好成绩。

   3.对网页设计的认识

   在对网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上。

  4.怎么报名,怎么选课?

   你需要先有爱课程网或者网易云课堂的账号(两者选一即可),然后从爱课程网首页进入点击“在线开放课程”,搜索“静态网页设计”,就可以找到我们的课程图标,登录选课即可。

    特别提醒:如果您是爱课程网或网易云课堂的新用户,注册成功后一定要“选课”,才能成为课程的学生。 请在本课程学习的过程中始终以同一个账号(爱课程网或者网易,每次等陆前请确认)登陆学习,本课程不再提供合并同一用户不同账户学习成绩的服务。

5. 怎样学习?

   在线开放课程本质上是完全网上课程,要求学员具有一定的上网条件,能够流畅的观看教学视频。课程的重要信息都会用公告的形式发布,同时抄送学员注册的邮箱。请及时查看。

    本课程不允许逾期补交作业。系统会在作业截止前1天给大家发提醒邮件。请网速有问题的学员提前提交作业,不要等到最后几分钟才交作业而造成提交不成功。