《Web应用开发》课件-03 旅游休闲网页VIP

本章简介：旅游业蓬勃发展，旅游网站也随之变得颇为火热。根据旅游公司的市场定位和产品特点，旅游休闲网站也表现出了不同的类型和特色。本章以多个主题的旅游休闲网页为例，讲解了旅游休闲网页的设计方法和制作技巧。15旅游休闲网页课堂学习目标了解旅游休闲网页的功能和特色了解旅游休闲网页的类别和内容掌握旅游休闲网页的设计流程掌握旅游休闲网页的布局构思掌握旅游休闲网页的制作方法15.1旅游休闲网页概述随着居民生活水平的日益提高，业余生活的丰富多彩，旅游已成为人们休闲、娱乐的首选方式。此起彼伏的旅游热潮，使旅游行业的生意蒸蒸日上。而通过互联网来宣传自已又成为旅游行业的一项重要举措。因此，越来越多的旅游网站建立起来，丰富多彩的内容不仅为旅游者提供了了解外界及旅行社情况的窗口，而且也为旅行社提供了网上报名、网上预定平台。良好的交流环境使得旅游行业获取更多的用户需求成为可能，也为寻找更好的旅游产品提供了良好的契机。15.2滑雪运动网页案例分析案例设计案例制作案例分析滑雪是一项既浪漫又刺激的体育运动。旅游健身滑雪是适应现代人们生活、文化需求而发展起来的大众性健身运动。旅游健身滑雪是出于娱乐、健身的目的，男女老幼均可在雪场上轻松、愉快地滑行，饱享滑雪运动的无穷乐趣。本例是为滑雪运动装备公司设计制作的网页，目的是宣传滑雪运动、展示和销售滑雪装备。在网页设计中要体现出健身滑雪运动的惊险和优美。在设计制作过程中，将导航条放在页面的最上方，方便滑雪爱好者浏览信息。用图片将上方的导航条与中心的信息联系在一起，在突出页面宣传主体的同时，起到承上启下的作用。下方文字和图片巧妙编排，讲解了一些滑雪常识和最新资讯。整个页面设计体现出了滑雪运动的健康、动感、时尚的特质。本例将使用表格按钮布局网页，使用CSS样式设置表格、单元格的背景图像和边线效果。使用属性面板改变文字的颜色、大小和字体。使用属性面板设置单元格的高度和图像的边距。效果图案例设计15.3户外运动网页案例分析案例设计案例制作户外休闲运动可以拥抱自然，同时因其多数带有探险性，属于极限和亚极限运动，所以具有挑战自我，培养个人毅力、团队合作精神，提高野外生存能力的运动。因此，户外休闲运动已经成为人们娱乐、休闲和提升生活质量的一种新的生活方式。本例是为户外休闲运动俱乐部设计的网页界面。该网页主要的功能是宣传户外休闲运动，并不定期地组织网友活动。网页的设计要体现出户外休闲运动的挑战性和刺激性。在设计制作过程中，将户外山地车运动作为背景，表现出了自然的美丽和运动的魅力。导航栏放在页面的最上方，爱好者可以方便地浏览户外休闲运动的各种出行方式和相关知识。中央是户外休闲运动的简单介绍和一些论坛活动、户外兴趣，能加深人们的印象；底部是不同的户外休闲运动和简单介绍，方便人们对其进行了解和参与。整个页面设计简洁直观，使浏览者有希望参与其中的冲动。案例分析本例将使用页面属性设置页面文字大小、颜色、页面边距和页面标题。使用表格按钮布局网页。使用图像按钮插入图像，制作导航条效果。使用属性面板改变单元格的对齐方式、宽度和高度。使用CSS样式制作单元格背景效果、单元格边框、文字的大小、颜色及文字的行距。效果图案例设计15.4瑜珈休闲网页案例分析案例设计案例制作瑜伽运用了一个古老而易于掌握的方法来提高人们生理、心理、情感和精神方面的能力，是一种达到身体、心灵与精神和谐统一的运动形式。本例是为瑜珈休闲健身俱乐部设计制作的网页，本俱乐部主要针对的客户是热衷于健身、减肥、减压，改变亚健康状态的人群。网页设计上希望能体现出瑜伽运动的健康与活力。在设计制作过程上，整个页面以雅致甜美的粉红色为基调，表现出柔和、温馨的氛围。清晰明确的导航栏设计与人物图片相结合，体现出瑜伽这项古老运动的现代气息，令浏览者的视觉和身心感受到健康自然的安定，体现出在练习瑜珈时的优美空间与环境。中心与右下方的内容区域对俱乐部的活动和安排进行了详细的介绍，使浏览更加便捷、快速。整个页面的设计充分体现出了瑜伽运动心灵与精神的和谐统一。案例分析本例将使用页面属性命令改变背景颜色、页面文字大小、颜色、页边距和页面标题效果。使用鼠标经过图像按钮制作导航条效果。使用属性面板改变单元格的高度、宽度、对齐方式及背景颜色。使用CSS样式命令制作单元格背景图像、文字的颜色、大小及行距的显示效果。效果图案例设计课堂练习—休闲生活网页使用“页面属性”命令，改变页面字体、大小、颜色、背景图像和页边距效果；使用“CSS样式”面板，制作单元格背景、文字颜色和行距效果；使用“属性”面板，改变单元格的高度和宽度。效果图课后习题—橄榄球运动网页使用“页面属性”