本书根据教育部颁发的《中等职业学校专业教学标准(试行)信息技术类(第一辑)》中的相关教学内容和要求编写。本书共5章,系统介绍了网站Logo、导航栏、Banner、内容栏、版尾,网页版式设计原则、版式结构、版式设计方法,网页创意与规划设计,网页配色,网页设计与制作的全过程等内容。
为建立健全教育质量保障体系,提高职业教育质量,教育部于2014年颁布了中等职业学校专业教学标准(以下简称专业教学标准)。专业教学标准是指导和管理中等职业学校教学工作的主要依据,是保证教育教学质量和人才培养规格的纲领性教学文件。在“教育部办公厅关于公布首批《中等职业学校专业教学标准(试行)》目录的通知”(教职成厅〔2014〕11号文)中,强调“专业教学标准是开展专业教学的基本文件,是明确培养目标和规格、组织实施教学、规范教学管理、加强专业建设、开发教材和学习资源的基本依据,是评估教育教学质量的主要标尺,同时也是社会用人单位选用中等职业学校毕业生的重要参考。”
本书特色
本书根据教育部颁发的《中等职业学校专业教学标准(试行)信息技术类(第一辑)》中的相关教学内容和要求编写。
网页设计是现代艺术设计中具有广泛性和前沿性的新媒体艺术形式之一,它伴随着媒体技术与艺术的发展而发展。一个优秀的网站,在结构设计、导航设计、色彩设计、内容设计等方面都非常严谨。一个网站看上去可能很简单,但可以给人一种吸引力,让浏览者在观赏的同时,不知不觉地记住了企业的相关信息,感受到了企业的文化。从一定意义上来讲,网站代表了一个企业的精神面貌,是企业在网络媒体上的形象。如果网站不能反映企业的形象,反而因粗糙的文字、粗劣的图片及千篇一律的布局而影响企业在读者心目中的形象,则会对企业形象的传播起到反作用。
本书是一本专门针对网页设计的教材,第1章讲述了网站Logo、导航栏、Banner、内容栏、版尾5个方面的内容及所涉及的软件知识,并以案例的形式阐述了按钮的制作方法;第2章讲述了网页版式的设计方法,将网页版式设计原则、版式结构、版式设计方法一一呈现给读者,以静态网页界面设计案例作为补充,其中Webpage Design网页是一个三三式的网页模板,紧紧围绕第1章的5个方面展开,版式简洁,层次分明;第3章讲述了网页创意与规划设计,从发展的角度阐述了网站的项目规划、内容组织及网站建设的必要性,并以“小福屋”案例为主线,从策划、文案、草图、设计等方面一一展开,以静态的形式展现网页的设计理念,因为有了VI部分作为基础,所以“小福屋”的定位非常明确—一个商业网站。“小福屋”的网页设计也是对VI部分的补充;第4章讲述了网页配色的知识,从艺术的角度阐述了色彩及色彩搭配的原则;第5章则以案例的形式讲述网页设计与制作的全过程,包括前期策划书、网站建站目标及功能定位、网站整体风格、网站的结构和内容,涉及Photoshop、Flash、Dreamweaver等软件的综合应用。其中,“小5班”案例设计了两个版本,两种不同的版式体现出不同的网页风格。“小5班”网站是为艺术设计专业的班集体设计的。这个班集体具有典型的职业院校学生群体的个性特征,他们重视自我、勇于展现自己,迫切地希望个人和社会并重,追求个人能力和社会大环境的共同进步,存在自我实现的强烈愿望。“小5班”网站的存在目的是伴随着这个集体一起成长、成熟,一起走上社会,面对工作,面对各种专业问题。相对来说,“银时代”是一个商业网站,是实际存在的一个品牌,其品牌历史、品牌文化等资料都很完善,所以“银时代”的网页设计是根据“银时代”品牌定位策划完成的。页面版式、页面色彩、图片处理效果、Flash动画等都根据“银时代”的品牌重新定位并设定。在“银时代”案例部分,设计上主要侧重整体风格的体现,技术上使用Photoshop制作页面效果及处理图片效果。
总之,全书不仅介绍了网站设计所必须掌握的色彩理论、图像设计、动画设计、字体设计及总体版式设计等,而且以案例的形式完整地介绍了在实际制作过程中所应做到的方方面面。
特别声明:书中引用的图片及有关作品仅供教学分析使用,版权归原作者所有,由于获得渠道的问题,因此未能与作者一一联系,在此表示衷心感谢!
作者是青岛科技大学计算机专业的骨干教师,有丰富的教学及教研经验。为了提高学习效率和教学效果,方便教师教学,作者为本书配备了教学指南、案例素材及结果文件、习题答案、授课PPT讲义等丰富的教学辅助资源。
第1章 网页设计概述 001
1.1 网页界面的构成 002
1.2 网页艺术设计的相关软件 007
1.3 按钮小制作 009
1.3.1 制作特殊形状按钮 009
1.3.2 制作圆角矩形按钮 010
1.3.3 制作简单的矩形按钮 012
1.3.4 制作圆形按钮 015
1.3.5 制作透明效果按钮 018
实践与提高1 021
第2章 网页版式设计 023
2.1 网页版式设计应遵循的原则 024
2.2 网页版式设计的基本内容 026
2.2.1 网页的标题设计 026
2.2.2 文字的编排 027
2.2.3 图文的结合 029
2.2.4 页面的节奏韵律 030
2.3 网页版式的构成分类 031
2.4 网页界面设计案例制作 035
实践与提高2 045
第3章 网页创意与规划设计 047
3.1 为网站制定目标 048
3.1.1 对市场的预测和分析 048
3.1.2 网站的项目规划与组织 048
3.1.3 网站建设 054
3.1.4 改版案例制作 056
3.2 网页设计的创意方法 065
3.2.1 创意是网页的灵魂 066
3.2.2 网页创意方法 068
3.3 小福屋网页案例制作 075
3.3.1 建立小福屋网页的模板 076
3.3.2 小福屋―首页 080
3.3.3 小福屋―“关于HH”页 086
3.3.4 小福屋―“加盟HH”页 086
3.3.5 小福屋―“产品信息”页 088
3.3.6 小福屋―“全国门店”页 089
3.3.7 小福屋―“联系我们”页 090
实践与提高3 090
第4章 网页配色 091
4.1 认识色彩 092
4.1.1 何为色彩 092
4.1.2 色彩三要素 092
4.1.3 色彩对比 093
4.1.4 色调的变化 094
4.2 网页配色常见问题 096
4.3 网页配色原则 101
4.4 网页配色的几种固定搭配 102
4.5 网站类型与色彩的关系 104
4.6 商业网站 109
实践与提高4 113
第5章 综合案例制作 114
5.1 “小5班”网页设计 115
5.1.1 软件布局 117
5.1.2 制作首页 119
5.1.3 制作“团队成员”页面 132
5.1.4 “作品展示”页面设计 137
5.1.5 “小5班” Flash动画制作 141
5.2 “银时代”网页设计 162
5.2.1 银时代首页界面设计 162
5.2.2 银时代―“品牌故事”页 177
5.2.3 银时代―“产品展示”页 180
5.2.4 页面分割―切片 184
5.2.5 制作页面 187
5.2.6 优化和链接 196
实践与提高5 200