Dreamweaver网页设计与应用（Dreamweaver CC 2019）（微课版）课件 12 文化艺术网页

项目引入：文化艺术网站是指专业的文化和艺术类网站，其利用一张张网页弘扬我国文化和艺术，满足群众日益增长的文化需求，促进社会各界的文化和艺术交流。本项目以两个类型的文化艺术网页为例，讲解文化艺术网页的设计方法和制作技巧。项目12文化艺术网页掌握文化艺术网页的设计流程掌握文化艺术网页的布局思路掌握文化艺术网页的制作方法项目目标掌握“戏曲艺术网页”的关键制作步骤掌握“国画艺术网页”的关键制作步骤技能目标激发对艺术的热情传承传统文化，推动文化艺术的繁荣素养目标任务12.1文化艺术网页概述随着人们对精神生活的重视和审美品位的不断提升，文化艺术逐渐成为提升生活质量和情感表达的重要载体。文化艺术网页汇集了丰富多彩的内容，涵盖绘画、雕塑、戏剧、音乐、舞蹈、手工艺等多种艺术形式，既有传统文化的传承与保护，也有当代艺术的创新与突破。通过详细的艺术作品介绍、专题文章、视频展示等内容，用户可以深入了解不同艺术流派的历史渊源及其发展脉络。

任务12.2戏曲艺术网页任务分析任务效果任务制作

12.2.1任务分析京剧是我国传统戏曲艺术的精华，集音乐、舞蹈、文学、武术于一体。本任务是设计制作戏曲艺术网页，要求通过设计详细地展现京剧历史、行当、经典剧目，并且可以播放名家名段的视频等。通过这个平台，访问者不仅能够深入了解和欣赏京剧艺术，还能促进京剧文化的传播与传承，激发更多人对这门传统艺术的兴趣。在网页设计过程中，将背景设计成干净整洁的浅色背景并搭配毛笔笔触，体现出戏曲的传承和精神。导航条放在页面顶部，便于访问者对网页进行浏览。中间部分使用独特的京剧人物图像，使页面更加生动直观，通过图像和文字的设计编排，展现戏曲风格和文化特色。右侧和下方设计了最新动态、戏曲新闻和相关知识栏目。整个页面充满了中国传统戏曲文化的气息。

12.2.2任务效果本任务使用“属性”面板设置单元格的宽度、高度和文字颜色，制作导航条；使用“Image”按钮为页面添加图像；使用“CSS设计器”面板设置文字行距和文字大小。效果图

12.2.3任务制作1．制作导航条和焦点图区域2．制作内容区域3．制作底部区域

任务12.3国画艺术网页任务分析任务设计任务制作

12.3.1任务分析国画是我国传统绘画的代表，具有悠久的历史和独特的艺术风格。本任务是设计制作国画艺术网页，旨在展示国画的魅力与多样性，网页内容包含国画历史、技法、名家作品赏析以及绘画教学资源。访问者可以通过该网页深入了解国画的文化内涵、传统技艺和当代发展，欣赏不同风格和流派的优秀作品，并有机会参与在线艺术交流和学习。该网页能激发更多人对国画艺术的兴趣，为中华传统艺术的发展注入新的活力。在网页设计过程中，将背景设计为传统水墨画的黑白颜色形式；通过对国画信息的展示充分表现国画的艺术美感；整个网页图像丰富多样，充满特色。

12.3.2任务设计本任务使用“Image”按钮插入网页logo，使用“页面属性”命令改变页面文字的大小、颜色和边距，使用“CSS设计器”面板设置页面背景图像和文字行距等，使用“属性”面板设置单元格的宽和高。效果图

12.3.3任务制作1．设置背景图像、制作导航条和焦点图区域2．制作国画名家介绍区域3．制作名作欣赏区域和底部效果

项目实践—书法艺术网页效果图使用“页面属性”命令设置页面字体、大小\颜色和页边距，使用“属性”面板设置单元格背景颜色、宽度和高度，使用“CSS设计器”面板设置文字的颜色、大小和行距。

课后习题—诗词艺术网页效果图使用