网页设计_张元国主编.pdf

书书书工学结合新视野高职高专“十二五”规划教材总主编王宗湖网 页 设 计主编张元国副主编李艳刘信杰对外经济贸易大学出版社中国北京图书在版编目(CIP)数据网页设计/张元国主编 北京:对外经济贸易大学出版社，2012工学结合新视野高职高专“十二五”规划教材ISBN 978-7-5663-0293-9.网.张.主页制作 高等职业教育 教材.TP393.092中国版本图书馆 CIP 数据核字(2012)第 027897 号2013 年对外经济贸易大学出版社出版发行版权所有翻印必究网 页 设 计张元国主编责任编辑:马荷高卓对 外 经 济 贸 易 大 学 出 版 社北京市朝阳区惠新东街 10 号邮政编码:100029邮购电话:010 64492338发行部电话:010 64492342网址:http:/www uibep comE-mail:uibep126 com唐山市润丰印务有限公司印装新华书店北京发行所发行成品尺寸:185mm 260mm16.25 印张376 千字2013 年 7 月北京第 1 版2013 年 7 月第 1 次印刷ISBN 978-7-5663-0293-9印数:0 001 2 000 册定价:29.00 元工学结合新视野高职高专“十二五”规划教材编委会总主编:王宗湖副主编:史纪元编委:(按姓氏笔画为序)王波涛王宗湖史纪元李光华刘晓军郑安苗成栋郐军董贵胜总 序 经过十几年的跨越式发展，我国高职教育取得了长足进步，无论是办学数量还是招生规模都占了我国高等教育的半壁江山。但是，我们必须清醒地看到，目前我国经济的飞速发展及结构重大调整，已经对高职教育提出更高的要求。为使高职教育尽快适应新形势，2006 年教育部、财政部联合启动了国家示范性高等职业院校建设计划，建设了百余所示范院校。2010 年 7 月教育部再度发布教育部、财政部关于进一步推进“国家示范性高等职业院校建设计划”实施工作的通知，新增 100 所左右骨干高职建设院校。两次示范校建设计划的实施，主要目的就是通过示范性建设工程，引领、带动所有高职校，不断提高办学适应能力，提升办学质量和育人水平，增强服务区域经济和社会发展的功能。最近，国务院颁布的国家中长期教育改革和发展规划纲要（2010-2020 年）（以下简称“规划纲要”）指出：“职业教育要面向人人、面向社会，着力培养学生的职业道德、职业技能和就业创业能力”，提出“要把提高质量作为重点。以服务为宗旨，以就业为导向，推进教育教学改革。实行工学结合、校企合作、顶岗实习的人才培养模式”。可见，国家已将提高教育质量作为今后一段时间高职教育教学改革的重点，并将“工学结合、校企合作、顶岗实习”列为人才模式改革的方向，明确提出高等职业教育主要培养具有“职业道德、职业技能和就业创业能力”的人。教材作为“整个教育系统的软件”，是培养人才的蓝本。客观地讲，经过十几年的探索，我们已经认识到高职教育的培养目标、课程体系、教学模式与普通本科实施的学科教育之间的差异，并进行了多方面的教学改革研究与实践，也试图引进国外先进的课程模式以推动课程改革。但职业教育毕竟与其他高等教育不同，其中，“就业”和“高技能”是其主要的目标指向。因此，职业教育的课程设计应以满足产业发展为宗旨，以新的职业能力内涵为目标构建系统化的课程，突出体现“就业导向”的职业能力培养。但目前，我国职业教育教学和管理模式受传统教育思想和教育模式的影响较深，以能力为本位的教育观还未完全形成，课程改革和教材开发还远远满足不了形势发展对高职教育的要求。因此，为更好地适应我国走新型工业化道路，实现经济发展方式转变、产业结构优化升级需要，高等职业教育必须加快课程体系改革和教材建设的步伐，建立符合时代特征和具有我国特色的职业教育新思维、新模式、新课程体系。有鉴于此，对外经济贸易大学出版社为适应教育发展的新形势，并努力推动高职高专院校的教材建设，委托我们组织全国职业院校的教师及具有企业工作经验的业务骨干，编写这套工学结合的新视野高职高专“十二五”规划教材。本系列教材暂包括基础课程、国际经贸、工商管理、财会金融、物流管理、连锁经营、电子商务、旅游与酒店管理等八大专业。为使教材编写尽量适应高职教育的特点及时代发展的新要求，我们在编写教材的过网页设计 2 程中，尽可能把最新的研究成果吸收到教材中来，在内容安排、教法选择、编写体例等方面也进行了较多的改革，甚至是新尝试。本套丛书具有以下特点：1.以“能力培养”和“创新教育”为主线，架构教材总体框架 本套丛书各册教材，在讲授基础理论之后，每篇均加列“技能训练”专章，通过典型案例分析、模拟操作等形式，引导学生对本篇的重点、难点内容进行分析、讨论、练习和模拟训练；每章结束后针对本章重点内容设计了“个案分析、学以致用、讨论思考”等项目，以达到强化学生对基础理论和业务环节处理技巧的掌握。这些新增加的关于“能力培养”和“技能训练”等新内容，约占整本教材篇幅的 1/3，体现了国家对职业教育课程改革的诉求。这种编写体例的运用在目前经济类课程的教材中还较少见，希望这种新的尝试能经日后的教学实践验证，是一种“能力培养”和“创新教育”的有效方法。2.改革人才培养模式，尝试教学模式与教法创新 规划纲要要求各高职院校不断创新人才培养模式，“深化教育教学改革，创新教育教学方法，探索多种培养方式”，“倡导启发式、探究式、讨论式、参与式教学，帮助学生学会学习。激发学生的好奇心，培养学生的兴趣爱好，营造独立思考、自由探索的良好环境”。为此，在本套教材的编写过程中，我们注意到国家对高职院校的这种改革要求，在编写方法上尽量运用提示、启发、引导、讨论和模拟等方法，其目的是使学生运用所学知识在进行初步的分析、综合、比较、分类后，达到将知识、技能抽象概括具体化，提高学生灵活分析和解决问题的能力。这样，既与国家对高职教育培养的目标相吻合，又适合学生的学习思维特点，并容易激发学生的学习兴趣，所以，较之传统的教学方法有了较大的改革与突破。3.建立综合性、实践性新课程，提高人才培养的针对性、实效性 江泽民同志在第三次全国教育工作会议上指出：“职业教育和成人教育要使学生在掌握必要的文化知识的同时，具有熟练的职业技能和适应职业变化的能力”。可见，现代职业教育呼唤综合型、应用型、技能型的新课程。为反映这些要求，我们在每个专业都增设了综合技能课程，以此作为经济管理类各专业实践课的应用教材。该科目在内容上以各专业的主要业务为线索，将骨干核心课程的知识高度浓缩，有机串联。将主干课中没有系统讲授而实际工作中必然牵涉到的知识纳入其中，弥补了原来系列教材的欠缺与不足。同时，该系列教材大量采用模拟教学和案例教学，让学生以“业务员、经济师、总经理”的身份参与学习与训练，独自策划交易，进行经济活动等，刻意营造一种仿真情境，让学生在“训练”中学习，在“情景”中增长才干和积累经验，有效地将知识转变为专业性的技能技巧，提高其解决和处理实际问题的综合能力。总之，各专业综合技能的设立，是按照国家对教育学科的设置“要多增加综合课”的要求而设立的新型试验科目，其主要目的是通过运用灵活有趣的模拟训练及案例教学等手法，启发诱导学生的立体思维，全面提高其独立操作经济业务的综合实践能力。由于是初次尝试，所以希望大家多加以关注，并提出指导性的建议。本套丛书的编写，得到了有关院校领导和学者、教授的大力支持，并引用了有关作者的部分资料，在此一并表示谢意。总 序 3 本套丛书无论从体例安排到内容设置，从知识点的归纳到教法的运用，都进行了大胆探索和尝试，意欲为我国财经类高职高专教材的编写与探索尽微薄之力，但由于时间和水平有限，疏漏和不足甚至是错误在所难免。希望广大教师、读者多提宝贵意见，以便日后充实与完善。工学结合新视野高职高专“十二五”规划教材编委会 2010 年 8 月 前 言 Macromedia 公司在图形图像及多媒体开发领域是世界顶级公司之一，它的产品一向以优良的设计、良好的用户界面和强大的功能著称。其产品 Dreamweaver 8 是一款优秀的、成熟的所见即所得的网页编辑器，它不但能完成一般的网页编辑工作，而且能够方便地制作出许多需要编程才能达到的效果，功能非常强大。另外，它还支持数据库技术，可以快速地创建动态网页。本书以网页编辑软件 Dreamweaver 8 为主，并辅以 ASP.NET，结合实例逐步讲述了如何利用它们来创建静态及动态网页，让读者能循序渐进地了解其基本功能并掌握其基本操作。本书共分为 7 章，具体内容如下：第 1 章主要介绍网页设计的一些基础知识，包括网页的有关概念、网站开发的基本流程及网页设计的常用工具。使读者理解网页的有关概念，熟悉网站开发的一般流程，了解一些常用工具及简单用法。第 2 章主要介绍 HTML 语言。HTML 语言是网页的基本描述语言，任何网页都是由 HTML 代码构成的文本文件，该语言是网页设计人员必须掌握的基本知识，也是网页设计和制作的基础。本章从一个简单的 HTML 文件开始，结合一些具体的示例，对HTML 语言的基础知识进行了介绍，包括 HTML 文档的基本结构和常用标记的使用方法。第 3 章主要介绍 Dreamweaver 8 的操作界面及各组成部分的功能，创建和管理站点的方法，创建、保存和打开文档的方法，输入文本、特殊字符和使用水平线的方法，在网页中插入和编辑图像的方法，插入多媒体元素的方法及超链接的基本操作等。第 4 章主要介绍网页设计的一些高级操作，包括表格、框架、表单、样式、层、行为、模板及库的使用，应用表格进行布局、利用框架创建风格不同的页面、创建一个交互性表单、应用层进行布局、通过行为产生动态效果、通过模板和库使整个网站风格整齐划一。第 5 章简要介绍在 HTML 文档中 DOM 文档对象的使用、客户端脚本语言JavaScript 的语法及应用以及在 HTML 文档中插入 JavaSript 脚本的几种方式，以实现用户与网页之间的一些交互。第 6 章主要介绍利用 Access 数据库管理系统创建数据库的主要步骤及 SQL 语言中最常用命令的使用。通过 SQL 命令完成对数据库中数据的增、删、改等操作。第 7 章主要介绍 ASP.NET 开发环境的使用、服务器端控件、内置对象的使用，以及通过 ADO.NET 访问后台数据库中的数据，如何利用 ASP.NET 开发环境进行动态网站的设计。本书由张元国主编，李艳和刘信杰任副主编。本书第 2、3 章由张元国编写，第网页设计 2 1、5、6 章由李艳编写，第 4、7 章由刘信杰编写。全书的统稿、定稿由张元国负责完成。在此感谢史纪元教授和在本书编写过程中给予我们帮助的其他人，是他们的热心帮助和鼓励，才使本书尽早出版。由于编者水平有限，加之时间仓促，书中错误之处在所难免，敬请读者批评指正。2013 年 3 月 26 日 目 录 第 1 章 网页设计基础 1.1 网页设计的基本概念1.2 网站设计的基本步骤1.3 网页设计常用工具习题 1 第 2 章 HTML 基础 2.1 HTML 文档的基本结构2.2 HTML 的结构标记2.3 文本与段落格式标记2.4 多媒体标记2.5 超链接标记2.6 列表标记 2.7 表格标记 2.8 框架标记 2.9 表单标记 2.10 其他常用标记习题 2 第 3 章 Dreamweaver 8 快速入门3.1 Dreamweaver 8 的工作环境3.2 站点的建立及管理3.3 网页的基本操作3.4 网页元素的基本操作3.5 网页超链接习题 3 第 4 章 Dreamweaver 8 高级操作4.1 表格 4.2 框架 4.3 表单 4.4 CSS 样式网页设计 2 4.5 使用层4.6 行为 4.7 模板和库习题 4 第 5 章 JavaScript 脚本语言基础 5.1 DOM 文档对象模型5.2 JavaScript 基本语法5.3 在网页中插入 JavaScript 脚本的方式习题 5 第 6 章 数据库操作6.1 利用 Access 创建数据库及数据表6.2 Access 中 SQL 语