基于工作过程的网页设计与制作教程

出版时间：2010-4  出版社：机械工业出版社  作者：张洪斌，季春光，刘万辉 编  页数：264  
Tag标签：无  

前言

　　网站是信息交流的重要平台，是一个单位形象的重要标志。明确网站的建设目标，掌握网站的规划和设计、网页设计与制作的具体技术是十分必要的。　　本书是“江苏省省级精品课程”的配套教材；它以培养职业能力为核心，以工作实践为主线，以项目为导向，建立以工作过程为框架的现代职业教育课程结构，面向网页设计师岗位设置课程内容。　　本书教学内容同时采用模块化的编写思路，主要有网页制作基础、网站规划与制作流程、网页效果图设计、网站的色彩与布局、网页动画的快速设计与制作、网页的基本编辑、HTML语言的编写、层叠样式表的应用、框架与表格网页布局设计、DIV十CSS布局网站、使用模板与库制作静态网站、静态网站的动态化、ASP动态网页编程、基于工作过程的英语专题学习网站教学案例、项目开发综合实训等教学模块，构成了系统的课程教学内容体系，所有教学内容符合岗位需求。同时，本书以“书法家庄辉个人网站”项目贯穿始终，并以综合教学案例巩固了课程内容。初级网页设计师通过本书的学习，辅助项目实训的系统训练，将胜任网页设计师的岗位。　　本书基于工作过程的教学思想，所有教学情境都经过了精挑细选.具有非常好的代表性，同时这些项目又包含了当前流行的创意与技术。

内容概要

　　《基于工作过程的网页设计与制作教程》以培养职业能力为核心，以工作实践为主线，以项目为导向，采用情境教学，建立以工作过程为框架的现代职业教育课程结构，面向网页设计师岗位设置课程内容。　　《基于工作过程的网页设计与制作教程》教学内容同时采用模块化的编写思路，主要有网页制作基础、网站规划与制作流程、网页效果图设计、网站的色彩与布局、网页动画的快速设计与制作、网页的基本编辑、HTML语言的编写、层叠样式表的应用、框架与表格网页布局设计、DIV+CSS布局网站、使用模板与库制作静态网站、静态网站的动态化、ASP动态网页编程、基于工作过程的英语专题学习网站教学案例、项目开发综合实训等教学模块，构成了系统的课程教学内容体系，所有教学内容符合岗位需求。同时《基于工作过程的网页设计与制作教程》以“书法家庄辉个人网站”项目贯穿始终，同时又以综合教学案例巩固了课程内容。初级网页设计师通过《基于工作过程的网页设计与制作教程》的学习，辅助项目实训的系统训练，将胜任网页设计师的岗位。　　《基于工作过程的网页设计与制作教程》内容丰富，实用性强，可用做高职高专计算机网络工程、软件技术、计算机维护、计算机应用技术、信息管理、电子商务等专业的“网页设计与制作”课程的教材，也可作为网站设计爱好者的学习参考书。

书籍目录

出版说明前言第1章 网页制作基础1.1 情境：俞晨视觉传奇个人主页1.1.1 网页项目的制作过程1.1.2 网页的基本要素1.2 网络基本概念1.2.1 Internet1.2.2 万维网介绍1.2.3 Web浏览器1.2.4 网页与网站1.3 网站的分类与赏析1.3.1 网站的分类1.3.2 优秀网站欣赏1.4 习题第2章 网站规划与制作流程2.1 情境1：淮安旅行社网站项目规划2.1.1 项目资讯2.1.2 淮安旅行社网站的项目规划2.2 情境2：淮安旅行社网站的制作流程2.2.1 前期策划和内容组织2.2.2 网站效果图的设计制作2.2.3 网站页面的设计制作2.2.4 静态页面的动态化2.2.5 网站测试与发布2.2.6 网站维护2.3 习题第3章 网页效果图设计3.1 情境1：淮安信息职业技术学院网站欢迎页设计3.1.1 项目展示与项目目标3.1.2 项目资讯3.1.3 项目计划与决策3.1.4 项目实施3.1.5 项目检查与评估3.1.6 强化拓展实训：图像的抠取3.2 情境2：商业网站Logo设计与制作3.2.1 项目展示与项目目标3.2.2 项目资讯3.2.3 项目计划与决策3.2.4 项目实施3.2.5 项目检查与评估3.2.6 强化拓展实训：企业Logo设计3.3 情境3：书法家庄辉个人网站主页效果图设计与制作3.3.1 项目展示与项目目标3.3.2 项目资讯3.3.3 项目计划与决策3.3.4 项目实施3.3.5 项目检查与评估3.3.6 强化拓展实训：混合模式合成图像3.4 情境4：淮安信息职业技术学院网站页眉设计3.4.1 项目展示与项目目标3.4.2 项目资讯3.4.3 项目计划与决策3.4.4 项目实施3.4.5 项目检查与评估3.5 习题第4章 网站的色彩与布局4.1 情境：书法家庄辉个人网站模板效果图的设计与制作4.1.1 项目展示与项目目标4.1.2 项目资讯4.1.3 项目计划与决策4.1.4 项目实施4.1.5 项目检查与评估4.1.6 强化拓展实训：画笔的使用技巧4.2 习题第5章 网页动画的快速设计与制作5.1 情境1：高职高专教学工作水平评估评建网GIF动画5.1.1 项目展示与项目目标5.1.2 项目资讯5.1.3 项目计划与决策5.1.4 项目实施5.1.5 项目检查与评估5.1.6 强化拓展实训：广告Banner的制作5.2 情境2：书法家庄辉个人网站动画的设计5.2.1 项目展示与项目目标5.2.2 项目资讯5.2.3 项目计划与决策5.2.4 项目实施5.2.5 项目检查与评估5.2.6 强化拓展实训：制作Flash动画5.3 习题第6章 网页的基本编辑6.1 情境：书法家庄辉个人介绍页面的制作6.1.1 项目展示与项目目标6.1.2 项目资讯6.1.3 项目计划与决策6.1.4 项目实施6.1.5 项目检查与评估6.1.6 强化拓展实训：制作鼠标滑过图像的翻转效果6.2 习题第7章 HTML语言的编写7.1 情境：高职高专教学工作评建网HTML代码的编写7.1.1 项目展示与项目目标7.1.2 项目资讯7.1.3 项目计划与决策7.1.4 项目实施7.1.5 项目检查与评估7.1.6 强化拓展实训：计算机系迎评网主页HTML代码的编写7.2 习题第8章 层叠样式表的应用8.1 情境：计算机科学与工程系迎评网CSS设计8.1.1 项目展示与项目目标8.1.2 项目资讯8.1.3 项目计划与决策8.1.4 项目实施8.1.5 项目检查与评估8.1.6 强化拓展实训：庄辉个人网站样式表设计8.2 习题第9章 框架与表格网页布局设计9.1 情境1：图形图像专题学习网站主页设计9.1.1 项目展示与项目目标9.1.2 项目资讯9.1.3 项目计划与决策9.1.4 项目实施9.1.5 项目检查与评估9.1.6 强化拓展实训：框架中超链接的使用9.2 情境2：表格布局淮信科技有限公司培训中心网站9.2.1 项目展示与项目目标9.2.2 项目资讯9.2.3 项目计划与决策9.2.4 项目实施9.2.5 项目检查与评估9.2.6 强化拓展实训：评建网的表格布局9.3 习题第10章 DIV+CSS布局网站10.1 情境：DIV+CSS布局软件项目化综合实训精品课程网站10.1.1 项目展示与项目目标10.1.2 项目资讯10.1.3 项目计划与决策10.1.4 项目实施10.1.5 项目检查与评估10.1.6 强化拓展实训：CSS代码的优化10.2 习题第11章 使用模板与库制作静态网站11.1 情境：软件项目化综合实训精品课程网站静态站点设计11.1.1 项目展示与项目目标11.1.2 项目资讯11.1.3 项目计划与决策11.1.4 项目实施11.1.5 项目检查与评估11.1.6 强化拓展实训：网页设计中的界面的借鉴与创新实例11.2 习题第12章 静态网站的动态化12.1 情境：书法家庄辉动态网站建设12.1.1 项目展示与项目目标12.1.2 项目资讯12.1.3 项目计划与决策12.1.4 项目实施12.1.5 项目检查与评估12.1.6 强化拓展实训：项目后期完善12.2 习题第13章 ASP动态网页编程13.1 情境1：新生录取查询系统的实现13.1.1 项目展示与项目目标13.1.2 项目资讯13.1.3 项目计划与决策13.1.4 项目实施13.1.5 项目检查与评估13.1.6 强化拓展实训：模糊查询的制作13.2 情境2：班级通讯录管理系统的实现13.2.1 项目展示与项目目标13.2.2 项目资讯13.2.3 项目计划与决策13.2.4 项目实施13.2.5 项目检查与评估13.2.6 强化拓展实训：简易计数器的制作13.3 习题第14章 基于工作过程的英语专题学习网站教学案例14.1 项目目标与项目展示14.1.1 项目展示14.1.2 项目目标14.2 项目资讯14.2.1 网站需求分析14.2.2 网站风格定位14.2.3 规划草图14.3 项目计划与决策14.4 项目实施14.4.1 效果图设计14.4.2 效果图切片导出网页14.4.3 后期网页编辑14.4.4 动画制作14.4.5 动画的使用14.4.6 代码融合14.5 项目检查与评估14.6 强化拓展实训：开发音频设备专题学习网站第15章 项目开发综合实训15.1 网站开发规范15.1.1 组建开发团队15.1.2 开发工具15.1.3 网站开发流程15.1.4 文件夹和文件的命名规范15.1.5 网站首页head区代码规范15.1.6 网站建设尺寸规范15.2 实训任务安排15.3 项目进展计划15.4 实训报告书参考文献

章节摘录

　　1.3.1 网站的分类　　网页设计者在设计网页时，要根据站点的性质和客户的要求，实现不同的功能和表达不同的主题，从这个任务类别上可以将网站分为以下3类：　　1.资讯类网站　　如新浪、网易、搜狐等门户网站。这类网站一般会为访问者提供大量的信息，而且访问量较大。因此，应对这些信息进行合理地分类，将页面划分为多个栏目，页面结构要合理、美观，便于浏览者浏览。　　2.形象类网站　　如一些中小型公司或单位的网站。这类网站一般较小，有的只有几页，需要实现的功能也比较简单，网页设计的主要任务是宣传企业形象。对于这类网站来说，版式、色彩、动画设计等是项目重点，一般对美编的要求较高。　　3.资讯与形象相结合的网站　　如大型公司或高校的网站。这类网站在设计上要求较高，既要考虑到资讯类网站的各项功能，伺肘又要突出企业、单位的形象。　　当然根据网站功能也可以分为门户类、娱乐类、电子商务类、交易类、企业类、政府类、个人主页类等类别。　　1.3.2 优秀网站欣赏　　1.门户网站　　门户网站主要是为上网用户提供信息搜索、网站注册、索引、网上导航、网上社区、个人邮箱等服务并进行分类及整合服务的站点，网站信息服务往往涵盖多个领域，依托拥有海量用户群体的优势来盈利。　　目前不少门户网站正在朝着专业门户网站的方向调整，只针对某一类特定用户群提供相应的专业信息，即逐渐演变为垂直门户。垂直的意思就是将某一类信息做深，这也是众多门户网站所追求的，在强调“垂直”的同时加强“门户”的概念。它不是简单地追求内容的垂直深度。而是同时追求在某一专业领域内如IT、娱乐、体育等信息的全面和精确，形成在某一领域内有了定深度的专业门户。