《Web应用开发》课件-02 游戏娱乐网页

本章简介：游戏娱乐网页包含了游戏网页和娱乐网页两大主题。游戏娱乐网页是现在最热门的网页，主要针对的是喜欢游戏，追逐娱乐和流行文化的青年。本章以多个类型的游戏娱乐网页为例，讲解游戏娱乐网页的设计方法和制作技巧。14游戏娱乐网页课堂学习目标了解游戏娱乐网页的内容和服务掌握游戏娱乐网页的设计流程掌握游戏娱乐网页的设计布局掌握游戏娱乐网页的制作方法14.1游戏娱乐网页概述游戏网页以游戏服务和玩家互动娱乐为核心，整合多种信息传媒，提供游戏官网群、玩家圈子、图片中心、论坛等一系列优质的联动服务，满足游戏玩家个性展示和游戏娱乐的需求。娱乐网页提供了各类娱乐的相关信息，包括时尚、电影、电视、音乐、新闻、最新动态等在线内容。14.2锋芒游戏网页案例分析案例设计案例制作Flash游戏网站提供了大量各种各样的Flash游戏和配套的讲解说明，是喜爱Flash游戏的朋友们不可多得的好地方。本例是为锋芒游戏公司设计制作的Flash游戏网页界面，是一个典型的Flash游戏网站。在网页的设计布局上要清晰合理、设计风格上要活泼生动，体现出游戏的趣味性和玩家信息。在设计制作过程中，页面以简单的黑白灰为背景，营造出清爽舒适的页面环境。导航栏放在页面的上方，方便游戏玩家浏览。不同游戏的展示让人直观的了解游戏潮流，以更加快速的选择自己喜欢的游戏。案例分析本例将使用页面属性命令修改页面的页边距和页面标题，使用属性面板设置单元格宽度、高度及背景颜色，使用CSS样式设置文字的大小、字体及行距的显示效果。效果图案例设计14.3娱乐星闻网页案例分析案例设计案例制作娱乐星闻网页为浏览者提供了娱乐明星的相关信息，包括明星的电影、电视、音乐、演出、情报站、专题、资料库、最新动态等在线内容。在设计娱乐星闻网页时要注意界面的时尚美观、布局的合理搭配，并体现出娱乐的现代感和流行文化的魅力。在设计制作过程中，采用白色的背景并且使用红色作为点缀搭配，是画面观看起来清爽舒适；导航栏放在页面上方，方便追星族的浏览；页面中间使用图片和文字展示娱乐星闻，可以帮助追星族更快捷的了解最新的娱乐信息；网页整体内容丰富使人感受到饱满的信息量。案例分析本例使用表格布局网页，使用属性面板设置单元格的大小，使用输入文字制作网页导航效果，使用CSS样式设置图片的对齐方式，使用文本字段制作搜素栏，使用CSS样式控制文字的大小、颜色及行距的显示。效果图案例设计14.4综艺频道网页案例分析案例设计案例制作本例是为一家电视台的综艺节目制作的网页，电视综艺节目希望通过网站宣传节目的内容和特色，增加和网友的互动，体现出自身节目的大众化，以便成为百姓最喜爱的节目。在设计制作过程中，导航栏放在页面的最上方，每个栏目的精心设置都充分考虑网友的喜好，设计风格简洁大方，方便网友浏览交流。导航栏下方展示出最新的节目信息，体现出综艺节目的鲜明特色。页面中央通过栏目、装饰图案和文字的巧妙设计和编排，充分体现了综艺节目的多样化。整个页面设计充满了轻松愉悦的大众娱乐氛围。案例分析本例使用页面属性面板设置网页页面文字大小、页面边距和页面标题，使用属性面板设置文字颜色、大小制作导航效果，使用CSS样式设置单元格的背景图像和文字行间距效果。效果图案例设计课堂练习—时尚潮流网页使用“页面属性”命令，设置页面字体、大小颜色和页面边距；使用“属性”面板，设置单元格背景颜色、宽度和高度；使用“CSS样式”命令，设置文字的颜色、大小和行距。效果图课后习题—星运奇缘网页使用“页面属性”命令，设置页面字体、大小颜色和页面边距；