本书以商务网页设计与制作业务流程为主线,通过对典型企业建站项目的剖析,构建了商务网页设计导引、商务网页布局设计、商务网页效果图制作、使用表格制作网页、使用DIV+CSS制作网页、商务网站发布六个教学项目,对商务网页设计与制作的基本原理及实现方法进行系统介绍及完整展示。本书是针对中等、高等职业院校及应用性本科商科、计算机等专业开发的“学.用.做”一体化教材,也可供网页设计类岗位员工培训使用,还可作社会相关从业人士的参考读物。
“商务网页设计与制作”一直是学生最期待、最向往的课程之一。令人遗憾的是,在具体的学习过程中,也被认为是最艰深、最难啃的课程。互联网时代,谁不想拥有并掌控自己的网络空间呢?以文科为主的商科学生,对“技术”的胆怯由来已久。商科学生对技术的隔膜和恐惧,传统教材、教法难辞其咎。侧重于“网页三剑客”软件操作的传统教材,让学生从“零”出发,从一行代码、一段文字、一张图片的编辑开始,制作属于自己的网站。这样的教学方式,往往让学生陷入“只见树木,不见森林”的误区,虽然耗费时日,却难修成正果,或者即使做出网站,也毫无商业价值。更为糟糕的是,一旦到了企业,碰到具体的网站开发问题,仍是一筹莫展、无从下手。而市场上真实的情况却是:一名合格的网页设计师,往往只需一两天,就能开发出一个让企业签单付费、价值几百或上千元的小网站。让网页制作轻松上手,既能切切实实地学到“技术”,又能创新性地解决具体而不是抽象的“商务”问题,是本书的重要使命。
拒绝网页设计“零”起点,让学生站在巨人肩膀上,以现有优秀企业网站为模板,从LOGO到Banner,从栏目到导航,从风格到定位,综合利用互联网上异常丰富的网页资源,先学习借鉴,再模仿超越!这样的学习模式,既引人入胜,又事半功倍;企业怎么做,我们怎么学!让《商务网页设计与制作》,不仅“易学”,并且“好用”,是本书的重要定位。
本书以典型企业网站为载体,安排了商务网页设计导引、商务网页布局设计、商务网页效果图制作、使用表格制作网页、使用DIV+CSS制作网页、商务网站发布六个学习型项目。项目一商务网页设计导引,介绍网页设计一般流程的同时,对商务网站的类型、网页结构、网页风格进行了简要描述,对客户需求分析方法及步骤、网站栏目规划的原理与方法进行了深入剖析,还介绍了网页首屏设计及网站公信力的打造。项目二以一个企业真实建站项目为载体,对网页版式设计、网页颜色搭配及文字和图片的编排、网页草图绘制的方法及流程进行了介绍。项目三以网页素材的选取为突破口,让学生快速掌握网页效果图制作的方法及关键技术。项目四以现有网页效果图为蓝本,介绍了最基本的网页布局方法,即用表格进行布局,并在介绍技术的同时,不断呈现相应的HTML代码,让学生在学习网页设计的同时轻松理解HTML标记语言。项目五介绍了目前流行的使用DIV+CSS制作网页,让学生掌握网页制作的最常用技术,以适应网页设计类岗位职业发展的需要。项目六围绕网站发布业务,对域名注册、主机(服务器空间)租用、网站备案、网站上传、域名解析等内容进行了系统介绍。让学生能在较短的时间内制作出既美观大方,又能体现企业商务诉求的网站。打破学术思维束缚,遵循企业建站逻辑—企业怎么做,我们怎么教,是本书的重要特色。
本书由长沙民政职业技术学院方玲玉教授负责统稿,方玲玉、刘娜两位老师担任主编,与张鸽、陈炜、刘杰三位老师共同完成全书编写。天津职业大学杨国良教授、广州番禺职业技术学院汤海洪老师、湖南竞网科技有限公司(百度湖南总代)聂磊总监、湖南省怡清源茶业有限公司电子商务部吴小琴经理等,全程参与了本书的开发和研讨,并提供了大量的网页素材及网站案例。在此,深表谢意!
由于编写时间和编者水平的限制,书中难免存在疏漏之处,恳请各位读者批评指正。
方玲玉
方玲玉,教授,长沙民政职业技术学院商学院院长,教育部全国高校教师网络培训中心特聘主讲教授,湖南高等职业教育电子商务专业带头人,湖南省职业技能鉴定专家委员会电子商务专业委员会秘书长,中国职业教育研究会电子商务与物流专业协作委员会副主任;主持课题《高职电子商务职院人才培养体系的创新研究与实践》获2005年国家教学成果二等奖。主持开发2008年国家精品课程《网络营销实务》、2010年国家精品课程《电子商务基础与应用》,其中《网络营销实务》已升级为2013年精品资源共享课。出版著作数部,其中《电子商务基础与应用――“学.用.做”一体化教程(第3版)》、《客户服务与管理――项目教程(第3版)》均被教育部评为“十二五”职业教育国家规划教材。
任务三 网页元素制作 (76)
任务四 网页效果图制作 (86)
任务五 网页效果图切片 (99)
实训三 企业网站首页效果图制作 (102)
思考与练习 (103)
项目四 使用表格制作网页 (105)
任务一 本地站点配置 (106)
任务二 使用表格制作网页 (113)
实训四 使用表格制作企业网站首页 (130)
思考与练习 (131)
项目五 使用DIV+CSS制作网页 (133)
任务一 首页DIV框架制作 (134)
任务二 内容制作 (150)
任务三 CSS特效导航栏制作 (168)
实训五 使用DIV+CSS制作企业网站首页 (172)
思考与练习 (173)
项目六 商务网站发布 (175)
任务一 域名注册 (176)
任务二 主机租用 (179)
任务三 网站备案 (182)
任务四 网站上传 (187)
任务五 域名绑定与解析 (193)
实训六 企业网站首页的发布 (198)
思考与练习 (199)
参考文献 (200)