第九章 设计制作娱乐休闲类网站.pptVIP

第九章 设计制作娱乐休闲类网站;回顾上节内容;本节目标;9.1娱乐休闲类网站分类 ?在线视频网站 ?音乐网站 ?手机短信网站 时尚性 互动性 实用性 ?游戏网站 在线游戏 休闲类游戏网站 游戏下载类网站 ?交友网站 ?社区论坛网站;9.2配色原则 娱乐网站大多给人一种较为积极的色彩心理刺激，显得欢愉，兴奋，但也有些游戏类网站和摇滚乐的网站则给人以消极的色彩心理刺激，习惯用黑色、深灰色和深红色等色彩去表现神秘、迷惑和矛盾的感觉。采用怎样的配色方案要根据网站本身的特征来决定。 ;9.3创意分析 在娱乐类网站中，浏览者的视线通常被那些明星的各类新闻吸引，这类站点最突出的不是时尚感，而是娱乐圈纷乱的味道，以及音乐和电影的感觉，这种感觉很容易达到，插图选用明星照片，电影海报，CD封面等就可以达到想要的感觉，色彩可以选择艳丽一些的，娱乐网站图片较多，图片设计和字体排版设计显得尤为重要，娱乐类网站的结构风格、导航风格、插图方式、文字及按钮，甚至动态效果都十分出众，具有与众不同的个性风采。;9.4设计网站动画和图像 网站动画 ;第九章 设计制作娱乐休闲类网站 制作网站首页;top部分、最新评论;音乐搜索、最新MTV、音乐故事、网络歌曲;推荐专辑;第九章 设计制作娱乐休闲类网站 制作网站主页（二）;歌曲排行榜、经典歌曲推荐、大陆歌曲推荐 ;本站推荐、在线调查;下载铃声、版权的布局;总结;菲星科技页面布局 ;01. 执行文件——新建命令弹出新建文档对话框，新建一个空白的HTML页面，并保存为9.4HTML 02. 用与上一实例中的相同方法，分别新建名称为div1.css和css1.css的样式表文件，并在HTML文件中链接新建的两个样式 表文件，保存页面 03. 转换到css1.css文件中，定义body标签的CSS规则。 04. 转换到div1.css文件中，定义一个名称为#body的CSS规则，如图;05. 转换到HTML文件中，插入刚刚定义的ID为body的标签 06. 转换到div1.css文件中，定义一个名称为#left的CSS规则，返回到HTML文件中，在ID为body的层后插入ID为left的DIV标签，代码如图 ;07. 转换到div1.css文件中，定义??个名称为#left的CSS规则，返回到HTML文件中，在ID为right的层后插入ID为left的DIV标签 08. 转换到div1.css文件中，定义一个名称为#logo的CSS规则，返回到HTML文件中，在ID为left的层后插入ID为foot的DIV标签，代码如图 ;01. 转换到div1.css文件中，定义一个名称为#logo的CSS规则，。返回到HTML文件中，在ID为left的层后插入ID为logo的DIV标签，并插入图像，效果如图 02. 转换到idv1.css文件中，定义 一个名称为#logo的CSS规则，返回到HTML文件中，在ID为left_img的CSS规则，返回到HTML文件中，在ID为logo的层后插入ID为left_img的DIV标签，并插入图像，效果如图;03. 转换到div1.css文件中，定义一个名称为#left_new_top的CSS规则，返回到HTML文件中，在ID为left_img的层后插入ID为left_new_top的DIV标签，并插入图像，效果如图 ;04. 转换到div1.css文件中，定义一个名称为#left_new_mid的CSS规则，返回到HTML文件中，在ID为left_new_top的层后插入ID为left_new_mid的DIV标签，并插入图像，效果如图 05. 转换到div1.css文件中，定义一个名称为#left_new_foot的CSS规则，返回到HTML文件中，在ID为left_new_mid的层后插入ID为left_new_foot的DIV标签，并插入图像，效果如图;06. 转换到div1.css文件中，定义一个在ID为left_new_mid层中的li标签的CSS规则，如图 07. 转换到HTML文件中，在代码视图插入标签，并输入文字;08. 转换到div.css文件中，定义一个名称为#left_mid_top的CSS规则，返回到HTML文件中，在ID为left_new_foot的层后插入ID为left_mid_top的DIV标签，并插入图像，效果如图 09. 转换到div.css文件中，定义一个名称为#left_mid_mid的CSS规则，返回到HTML文件中，在ID为left_new_top的层后插入ID为left_mid_mid的DIV标签，并插入图像，效果如图;10. 转换到div.css