文档介绍：: .
网页设计 ＜含html,三佥I」
客）
设计说明书
姓 名：闫华华
班 级：11电商1班
指导教师：李淑娟
完成日期：2018年6月25日
设计要求
考核 目的
通过课程设计，考查学生对 dreamweaver网页设 计的综合应用能力，要求学生能够独立制作出独特的 网页作品，突出强调知识的系统性与制作方法的实用 性。
1、制作主题明确，内容健康。
2、网页色彩搭配协调，布局合理。
3、创意新颖，风格独特，具有现实意义。
4、网站的层次结构和链接结构合理。
5、整体效果好，实用性较强。
考核 工程
6、站点命名准确，网站的可移植性强。
要求
7、网站必须由作者本人亲自构思，采集素材，整理
加工，不得抄袭他人作品。
# / 12
目录
第一章规划网站 1
策划网站主题 1
确定网站风格 1
构思网站栏目结构 1
规划网站目录结构和链接结构 2
设计主要页面的布局 2 第二章准备素材 3
准备文本 3
准备 logo3
准备图片 4
准备动画 4
建立库工程 5 第三章创建网站 5
创建本地站点 5
网站目录结构的搭建 5 第四章网站首页的设计与制作 5
网站首页的布局设计 5
编辑美化网站首页 6 第五章制作二级栏目网页和内容网页 7
制作模板 7
制作基于模板的二级栏网页 7
制作框架网页 7 参考文献 8
青岛食品股份有限公司网页设计 ＜含html,三剑
客）设计说明书
第一章规划网站
在山东半岛南端，依山傍海，风光秀丽，气候宜人，是一座独具特色的海滨城
市。她是中国东部重要的海滨城市，是中国重要的经济中心城市和港口城市，国家历 史文化名城和风景旅游胜地。是中国的品牌之都，曾经获得“中国人居环境奖”。旅 游资源濒临黄海，环抱胶州湾，是一座著名的旅游城市一一青岛。在这个城市之中有 一个著名的食品厂是青岛食品股份有限公司。青岛食品股份有限公司创建于 1950年1
月。历经50多年发展，现已成为全国轻工行业、食品行业中的重点企业。公司拥有 20
多条国内外食品生产线，主要生产饼干面食品、花生制品、豆制品、巧克力糖果、乳 制品及婴幼儿方便食品等6大类100多个系列品种，最高年产量 5万多吨。产品畅销 全国，远销日、韩、美、俄、澳大利亚、新西兰及东南亚等近 20个国家和地区。为了
更好的宣传青食企业，所以设计了只做了这个网站的主题，是为了宣传青岛，宣传青 岛食品股份有限公司。为消费者提供一个资讯的网页，更加了解青食的产品。
因为青岛食品股份有限公司是以饼干为主，所以在网站的背景选取上采用的是一
个橙色背景色。主色调为＜#FF8040橙黄色，辅助色调为倂FF9900＞橙黄色。橙黄色给 人一种想吃的感觉，所以使用橙黄色可以勾起消费者的食欲。
banner
导航栏
企业简况
商品世界
企业图片
企业介绍文字
焦点图片广告
联系方式
新闻中心
主要的联系内容
青食新闻内容
图片滚动展示
版权信息
规划网站
Flash 1
In
\ J \ J <
网页布局模式采用二分栏结构，具有简洁大方的效果，各个分栏清晰明了，便于
查找。主页如下图1-1所示
驱til:事址屮遁■臣观
QINCDAO FOODS
卿 r fiatM
詁昶空：
vfti： ^wm
加ixr帀:砂
屯河适:咖曲土-
我耶 禅® I刚底凱1蚀***脚卸
图1-1
第二章准备素材
从网页中搜索关于青食的图片和文字的相关素材，为设计的网页准备充分的素材
资料。
准备 logo
Logo在photoshop中建立一个964*170的矩形，填充为橙黄色，将图片引入后融 入其中，然后放入Dreamweaver那个运用。
STEP1在Photoshopzhong新建立一个“宽度”和“高度”为 964像素*170像素, 分辨率为72像素/英寸的白色背景文档，命名为“青岛食品股份有限公司 logo ”。
STEP2