网页设计报告中国节日传统文化.doc

河南城建学院 《网页设计》课程设计报告书 设 计 题 目：中国传统文化节日 指 导 老 师： 学 生 学 号： 学 生 姓 名： 组 长： 同 组 人 员： 一、 前言 1.1课题背景 中国的传统节日形式多样，内容丰富，是我们中华民族悠久的历史文化的一个组成部分。传统节日的形成过程，是一个民族或国家的历史文化长期积淀凝聚的过程，下面列举的这些节日，无一不是从远古发展过来的，从这些流传至今的节日风俗里，还可以清晰地看到古代人民社会生活的精彩画面。值得一提的是，在漫长的历史长河中，历代的文人雅士、诗人墨客，为一个个节日谱写了许多千古名篇，这些诗文脍炙人口，被广为传颂，使我国的传统节日渗透出深厚的文化底蕴，精彩浪漫，大俗中透着大雅，雅俗共赏。这里所介绍只是汉民族的一些较大的传统节日，我国是个多民族的国家，各民族都有自己的文化习俗，众多的民族节日，是一份有待挖掘的文化宝藏 计算机及操作系统：WindowsXP 或Windows7； 运行环境: 装有Dreameweaver CS4 的系统 1.3 Dreameweaver CS4 Dreamweaver CS4即为Dreamweaver的CS4版本，Dreamweaver是MACROMEDIA公司开发（后被Adobe公司收购）的集网页制作和管理网站于一身的所见即所得网页编辑器 网站有一个中国传统节日的主页，共有八个页面不同节日的分页面构成，春节网页、元宵节网页、清明节网页、端午节网页、七夕节网页、中秋节网页、重阳节网页、冬至网页以及其他的一些子网页构成。 网页设计方案 框架设计 1.草图的设计，浏览了各大环保网站后,我已在心中确定了我的环保网站的大体布局,并成功的建立网站草图. 2.布局的规划，第一步新建“HTML” 在新建的空白网页的”工具栏”选项卡中选中”布局”由于在网页中”层”不好固定位置,所以我选用表格布局,进入布局模式选用”绘制布局单元格”在空白网页中根据先前设计的个人网站草图绘出网页的框架. 根据个人网站显示的需要更改表格布局的属性值, 最后成功完成了网站主页的布局设计,并根据需要调整好页面的布局表格属性值. 3. 网页背景的设计 a.打开Adobe Photoshop CS2根据网页页面的要求建立相应大小的空白图片,然后在新建的图片上进行处理. b.使用各工具对网页背景的大体颜色进行喷绘,为使网站的背景颜色不会太过死板生硬,将各工具的”硬度”调整为0. c.使用Adobe Photoshop CS2中的钢笔路径工具裁取网页背景所需要的装饰图片 1.打开需要抠图的图片在Adobe Photoshop CS2的工具栏上选中”钢笔”工具并将其改为”路径描点”模式. 2.使用钢笔工具描出需要抠取图片,描点完成后同时按住键盘上”ctrl”+”enter”完成路径的合并,将图选中. 3.切换到刚刚新建的网站背景图,将刚刚抠取的图片粘贴进去. 4.重复抠图步骤剪取背景所需的各种装饰图.对网站背景进行美化.最后运用了Adobe Photoshop CS2将所有网页页面的背景模板都按照草图要求美化。完成了整个网站各页面的背景模板的美化设计. 4.网页模板的建立，由于网站有很多网页是用的同一种风格，所以建立网页模板可以节省很多时间与精力，模板是做好一个网页的母版后，选择“文件“里的”另存为模板“，如果计算机以前没有建立站点，存模板时会提示建立站点，站点的文件夹要设为网页保存的文件夹，最后成功的建立了模板并运用模板建立了多个子网页。 5.广告页面flash的设计，1．打开Flash，在开始页上选择“从模板创建”中的“幻灯片演示文稿”，在弹出的对话框中选择一模板，如“科技幻灯片演示文稿”，然后“确定”即可。如果没有开始页，不要紧，可以单击菜单“文件”中的“新建”，也可出现该对话框。2．打开后如下图所示，在Flash中的幻灯片和PowerPoint结构略有不同，它是一个倒挂的树形结构。树根只有一个，在幻灯片演示中一直存在，一般用来做背景；同级之间是兄弟关系，默认情况是“替换”，也就是说第二张幻灯片如果与第一张幻灯片同在一级，当第二张幻灯片出现时，第一张幻灯片消失；还有上下级关系，与上级之间默认情况是“叠加”关系，也就是说，如果第二张幻灯片是第一张幻灯片的下级，当第二张幻灯片出现时，它是加在第一张幻灯片上面的。3．当然，模板给的幻灯片个数可能与所需幻灯片不一样，也可以自己添加幻灯片或删除它。在需要添加或删除的幻灯片上单击鼠标右键，如下图，可以很方便地添加或添除它。当选择“插入屏幕”时，插入的幻灯片与所选幻灯片同级并在所选幻灯片的下方；当选择“插入嵌套屏幕”时，插入的幻灯片与所选幻灯片是下级关系。好了，只要将每张幻灯片变成自