《Web应用开发》课件——03 旅游休闲网页.pptxVIP

本章简介：

旅游业蓬勃发展，旅游网站也随之变得颇为火热。根据旅游公司的市场定位和产品特点，旅游休闲网站也表现出了不同的类型和特色。本章以多个主题的旅游休闲网页为例，讲解了旅游休闲网页的设计方法和制作技巧。;课堂学习目标;15.1旅游休闲网页概述;15.2滑雪运动网页;案例分析;本例将使用表格按钮布局网页，使用CSS样式设置表格、单元格的背景图像和边线效果。使用属性面板改变文字的颜色、大小和字体。使用属性面板设置单元格的高度和图像的边距。;15.3户外运动网页;户外休闲运动可以拥抱自然，同时因其多数带有探险性，属于极限和亚极限运动，所以具有挑战自我，培养个人毅力、团队合作精神，提高野外生存能力的运动。因此，户外休闲运动已经成为人们娱乐、休闲和提升生活质量的一种新的生活方式。本例是为户外休闲运动俱乐部设计的网页界面。该网页主要的功能是宣传户外休闲运动，并不定期地组织网友活动。网页的设计要体现出户外休闲运动的挑战性和刺激性。

在设计制作过程中，将户外山地车运动作为背景，表现出了自然的美丽和运动的魅力。导航栏放在页面的最上方，爱好者可以方便地浏览户外休闲运动的各种出行方式和相关知识。中央是户外休闲运动的简单介绍和一些论坛活动、户外兴趣，能加深人们的印象；底部是不同的户外休闲运动和简单介绍，方便人们对其进行了解和参与。整个页面设计简洁直观，使浏览者有希望参与其中的冲动。

;本例将使用页面属性设置页面文字大小、颜色、页面边距和页面标题。使用表格按钮布局网页。使用图像按钮插入图像，制作导航条效果。使用属性面板改变单元格的对齐方式、宽度和高度。使用CSS样式制作单元格背景效果、单元格边框、文字的大小、颜色及文字的行距。;15.4瑜珈休闲网页;瑜伽运用了一个古老而易于掌握的方法来提高人们生理、心理、情感和精神方面的能力，是一种达到身体、心灵与精神和谐统一的运动形式。本例是为瑜珈休闲健身俱乐部设计制作的网页，本俱乐部主要针对的客户是热衷于健身、减肥、减压，改变亚健康状态的人群。网页设计上希望能体现出瑜伽运动的健康与活力。

在设计制作过程上，整个页面以雅致甜美的粉红色为基调，表现出柔和、温馨的氛围。清晰明确的导航栏设计与人物图片相结合，体现出瑜伽这项古老运动的现代气息，令浏览者的视觉和身心感受到健康自然的安定，体现出在练习瑜珈时的优美空间与环境。中心与右下方的内容区域对俱乐部的活动和安排进行了详细的介绍，使浏览更加便捷、快速。整个页面的设计充分体现出了瑜伽运动心灵与精神的和谐统一。

;本例将使用页面属性命令改变背景颜色、页面文字大小、颜色、页边距和页面标题效果。使用鼠标经过图像按钮制作导航条效果。使用属性面板改变单元格的高度、宽度、对齐方式及背景颜色。使用CSS样式命令制作单元格背景图像、文字的颜色、大小及行距的显示效果。;课堂练习—休闲生活网页;课后习题—橄榄球运动网页