闫华华网页设计方案实践设计方案.docVIP

网页设计（含html,三剑客） 设计说明书 姓 名： 闫 华 华 班 级： 11电商1班 指导教师： 李 淑 娟 完成日期： 2012年6月25日 设 计 要 求 考核 目的 通过课程设计，考查学生对dreamweaver网页设计的综合应用能力，要求学生能够独立制作出独特的网页作品，突出强调知识的系统性与制作方法的实用性。 考核 项目 要求 1、制作主题明确，内容健康。 2、网页色彩搭配协调，布局合理。 3、创意新颖，风格独特，具有现实意义。 4、网站的层次结构和链接结构合理。 5、整体效果好，实用性较强。 6、站点命名准确，网站的可移植性强。 7、网站必须由作者本人亲自构思，采集素材，整理加工，不得抄袭他人作品。 目录 第一章规划网站 1 1.1策划网站主题 1 1.2确定网站风格 1 1.3构思网站栏目结构 1 1.4规划网站目录结构和链接结构 2 1.5设计主要页面的布局 2 第二章准备素材 3 2.1准备文本 3 2.2准备logo 3 2.3准备图片 4 2.4准备动画 4 2.5建立库项目 5 第三章创建网站 5 3.1创建本地站点 5 3.2网站目录结构的搭建 5 第四章网站首页的设计与制作 5 4.1网站首页的布局设计 5 4.2编辑CSS样式文件 6 4.3编辑美化网站首页 6 第五章制作二级栏目网页和内容网页 7 5.1制作模板 7 5.2制作基于模板的二级栏网页 7 5.3制作框架网页 7 参考文献 8 青岛食品股份有限公司网页设计（含html,三剑客）设计说明书 第一章规划网站 1.1策划网站主题 在山东半岛南端，依山傍海，风光秀丽，气候宜人，是一座独具特色的海滨城市。她是中国东部重要的海滨城市，是中国重要的经济中心城市和港口城市，国家历史文化名城和风景旅游胜地。是中国的品牌之都，曾经获得“中国人居环境奖”。旅游资源濒临黄海，环抱胶州湾，是一座著名的旅游城市——青岛。在这个城市之中有一个著名的食品厂是青岛食品股份有限公司。青岛食品股份有限公司创建于1950年1月。历经50多年发展，现已成为全国轻工行业、食品行业中的重点企业。公司拥有20多条国内外食品生产线，主要生产饼干面食品、花生制品、豆制品、巧克力糖果、乳制品及婴幼儿方便食品等6大类100多个系列品种，最高年产量5万多吨。产品畅销全国，远销日、韩、美、俄、澳大利亚、新西兰及东南亚等近20个国家和地区。为了更好的宣传青食企业，所以设计了只做了这个网站的主题，是为了宣传青岛，宣传青岛食品股份有限公司。为消费者提供一个资讯的网页，更加了解青食的产品。 1.2确定网站风格 因为青岛食品股份有限公司是以饼干为主，所以在网站的背景选取上采用的是一个橙色背景色。主色调为（#FF8040）橙黄色，辅助色调为(#FF9900)橙黄色。橙黄色给人一种想吃的感觉，所以使用橙黄色可以勾起消费者的食欲。 1.3构思网站栏目结构 banner 导航栏 企业概况 商品世界 企业图片 企业介绍文字 焦点图片广告 联系方式 新闻中心 主要的联系内容 青食新闻内容 图片滚动展示 版权信息 1.4规划网站目录结构和链接结构 1.5设计主要页面的布局 网页布局模式采用二分栏结构，具有简洁大方的效果，各个分栏清晰明了，便于查找。主页如下图1-1所示 图1-1 第二章准备素材 2.1准备文本 从网页中有哪些信誉好的足球投注网站关于青食的图片和文字的相关素材，为设计的网页准备充分的素材资料。 2.2准备logo Logo在photoshop中建立一个964*170的矩形，填充为橙黄色，将图片引入后融入其中，然后放入Dreamweaver那个运用。 STEP1 在Photoshopzhong新建立一个“宽度”和“高度”为964像素*170像素，分辨率为72像素/英寸的白色背景文档，命名为“青岛食品股份有限公司logo”。 STEP2 设置“前景色”为橙色(#ff5a00)，新建图层1，选择“矩形工具”，在工具选项栏中激活“填充像素”按钮，设置“矩形选项”为固定大小964像素*170像素 STEP3 首先设置好文字字体、大小、颜色。新建图层2，用“横排文字工具”写上青食二字，在创建新的图层3，用“椭圆工具”，画一个椭圆，再用“自定义形状工具绘制栈桥标志物，，再删除背景层，最后选择“图层”→“合并可见图层”，合并成一个新的图层1,这个图就完成了。 STEP4 从上一步合成的新图层开始，新建图层2，在写字之前先调好文字字体、大小、颜色等，用“横排文字工具”写上青岛食品股份有限公司，再用“添加图层样式”改变字的效果，最后用“移动工具”调整好字的位置。新建图层3，选择“横排文字工具”，用英语写上qingd