第10章 网站首页设计与制作实例
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
4．渐变必切。这也是Dreamweaver实现不了的。 5．大图必切。大的图像必须切分成均匀图，这样可以提高网页下载速度。 6．特殊文字效果必切。除黑体和宋体外，其他字体必须切片。Dreamweaver下 最有效的字体只有宋体和黑体，其它字体浏览器也要能不兼容。 7．导航条必切。一般情况下导航条都是特别设计的，其效果在Dreamweaver下
10.1 项目概述 2、网站栏目规划
3、绘制版式布局草图
10.2 网站首页效果图设计与制作 1、获取或制作栅格
2、设计制作网页模板
10.3 网页效果图切图
切图时应遵循以下原则：
1．必须依靠参考线。设计时用到参考线，切图时更要用好参考线。参考线能保 证我们切出图在同一表格中的尺寸统一协调，有效避免“留白”和“爆边”。
2．Logo和Banner必切。如果效果图中存在Logo和Banner,我们必须切片这部分， 主要是为预先设计的Logo和Banner留下空间，在Dreamweaver整合时最好不用Logo和 Banner的切片，而是直接用Logo和Banner原文档，这是提高Logo和Banner效果的需 要。
3．虚线和转角形状必切。虚线和转角形状在Dreamweaver 不能实现，只能使用 Photoshop切片。
Web设计基础教程 第10章 网站首页设计与制作实例
目录
1
项目概述
2
网站首页效果图设计与制作
3
网页效果图切图
10.1 项目概述
1、网站建设需求分析: 本案例中的东方冰眼科技有限公司是一家专业设计制造高端无人机的高
新科技公司，其核心产品为企业和军用级别的高端无人机，公司建设官方网 站的目的，一方面要达到企业形象宣传的作用，另一方面，未来网站将成为 公司开展B2B电子商务活动的平台。
谢谢
感谢
谢谢，精品课件 资料搜集
感谢
wenku.baidu.com
谢谢，精品课件
资料搜集
10.1 项目概述 2、网站栏目规划
3、绘制版式布局草图
10.2 网站首页效果图设计与制作 1、获取或制作栅格
2、设计制作网页模板
10.3 网页效果图切图
切图时应遵循以下原则：
1．必须依靠参考线。设计时用到参考线，切图时更要用好参考线。参考线能保 证我们切出图在同一表格中的尺寸统一协调，有效避免“留白”和“爆边”。
2．Logo和Banner必切。如果效果图中存在Logo和Banner,我们必须切片这部分， 主要是为预先设计的Logo和Banner留下空间，在Dreamweaver整合时最好不用Logo和 Banner的切片，而是直接用Logo和Banner原文档，这是提高Logo和Banner效果的需 要。
3．虚线和转角形状必切。虚线和转角形状在Dreamweaver 不能实现，只能使用 Photoshop切片。
Web设计基础教程 第10章 网站首页设计与制作实例
目录
1
项目概述
2
网站首页效果图设计与制作
3
网页效果图切图
10.1 项目概述
1、网站建设需求分析: 本案例中的东方冰眼科技有限公司是一家专业设计制造高端无人机的高
新科技公司，其核心产品为企业和军用级别的高端无人机，公司建设官方网 站的目的，一方面要达到企业形象宣传的作用，另一方面，未来网站将成为 公司开展B2B电子商务活动的平台。
谢谢
感谢
谢谢，精品课件 资料搜集
感谢
wenku.baidu.com
谢谢，精品课件
资料搜集