职业教育教学改革系列教材（项目实战类）网站前台设计综合实训电子教学参考资料韩宝玉刘改主编祝海英雷亚玲李东生副主编PublishingHouseofElectronicsIndustry北京·BEIJING前言为了配合《网站前台设计综合实训》课程的教学，更好地体现技能教材的编写特色，更好地为读者服务，编写了此教学资料。教学资料内容有三个部分。第一部分是教学指南，包括了课程性质与任务、课程内容和要求、教学建议、教学时间分配等。第二部分是电子教案，采用PowerPoint课件形式。教师可以根据不同的教学要求按需选取和重新组合。第三部分是电子网站，给出了与教材配套的每个项目对应的电子网站。第四部分是项目实训素材，给出了每个项目实训的文字素材。限于编著者水平有限，教学资料中有错误或不妥之处，请读者给予批评指正。编者2010年3月《网站前台设计综合实训》教学指南1.课程的性质与任务本课程是计算机应用技术专业、网站规划与开发技术专业的核心课程、专业必修课。主要培养学生网站前台设计制作能力，培养学生学会使用Dreamweaver、Photoshop及Flash等软件开发或建设各种类型的网站的能力。在保证课程内容体系的相对完整和系统的基础上，按掌握知识的思维规律，对原理性内容的叙述不作烦琐的理论介绍，将重点放在应用技能的介绍上，教学内容以实践教学的方式引出。本课程以企业的真实案例为驱动，以工作过程为导向，在完成工作任务的过程中实现教学指导“能力化”。通过本课程的学习和实训，使学生掌握网站前台设计的基础知识，并很好的掌握网站前台设计的操作技能。2.教学时间分配项目课程内容课时项目1教育类网站的设计与制作16项目2商业类网站的设计与制作14项目3旅游休闲类网站的设计与制作14项目4体育健身类网站的设计与制作14项目5政府机关类网站的设计与制作12项目6企业类网站的设计与制作10合计80注：以上课时分配仅供参考，教学中可根据教学的安排再做调整。3.教学提要、课程内容、教学要求项目一教育类网站的设计与制作本项目教学提要教学重点：教育类网站的客户需求分析；教育类网站的网站风格定位；教育类网站的网站建设方案；教育类网站的网站设计方案报价明细；制作抚州职业技术学校网站效果图；制作抚州职业技术学校网站的横幅广告动画抚州职业技术学校网站的搭建。教学难点：客户需求分析；网站风格定位；设计网站的建设方案。本项目教学内容校园网站的建设中，前期准备工作是至关重要的，要有明确的做网站的根本目的。校园网站是学校对外宣传、交流，进行形象展示的一个窗口和平台。一、客户需求分析客户需求，是指学校创建门户网站的目的和对网站提出的特定要求。了解客户需求，是建好学校门户网站的前提。抚州职业技术学校对其拟建的门户网站提出的主要要求有以下几点。（1）宣传学校办学理念，展示办学设施、教师队伍、专业设置、就业情况，提高学校的社会知名度；（2）适时发布学校管理、教学、招生等相关信息，为求学者提供相关咨询服务；（3）获取社会各界对学校教育教学情况的评价和意见、建议；（4）建立与兄弟院校进行交流学习的平台；（5）向社会各界推荐毕业生，为毕业生提供就业信息。二、网站风格定位校园网站就是学校的网上形象，每一所学校都有自己的特色，每一个院系或班级都会有自己的强项。对于本项目介绍的校园网站以抚州职业技术学校为例，从以下三个方面来学习该网站的风格定位。1．色彩：本项目中采用一种色彩，先选定主色调为橙色，这是令人激奋的色彩，具有明亮、健康、热烈、温暖、欢乐、辉煌、庄严，以及尊贵的色感，然后通过调整透明度或者饱和度就是色彩进行变淡、加深或渐变的处理，产生新的橙色的近似色彩，使网页看起来色彩统一，富有层次感。在页面中借助浅灰色的背景图像，采用了留白艺术给人一个遐想的空间让人感觉心情舒适、畅快。同时，也对于协调页面的均衡起到相当大的作用。2．排版本项目就是采用骨骼型排版形式，网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合...
