1网站首页的设计与技术实现6294478_第1页
1网站首页的设计与技术实现6294478_第2页
1网站首页的设计与技术实现6294478_第3页
1网站首页的设计与技术实现6294478_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页制作作业（三）学院：教育科学与技术学院班级：10级教本三班姓名：秦勇学号：100401041315日期：2012年4月27日网站首页的设计与技术实现网站首页的主题及风格定位（其中包含配色方案）这是一个个人首页，网站以黄、褐、绿为主题颜色，背景为白色配以数据线和耳机插孔，使网页富有年轻人的活力。网站首页布局结构示意图（手工绘制或word中设计）Mp3个性运动娱乐黄底背景、照片以及个人日记褐底背景音乐世界绿底背景家Qinyong’sPage@2012Photoshopcs4中网站首页的设计与制作（阐述核心步骤）1.左上角的图片是一个卡通电脑抠图放在灰白渐变色上，背景为线头。按照图层顺序叠放好。2.整体背景为白色，配以耳机线头。3.左侧的耳机插孔设置投影，配上导航文字4.上部的导航栏以银灰色的叠加图层为背景，注意图层的叠加顺序5.网页的主体分别以黄、褐、绿为主体，注意图层的叠加，再配以相关内容。以上操作的核心步骤是图层的叠加。以下为整体设计图：Photoshopcs4中网站首页的切片（抓图并阐述切片理由）由于页首为不规则图形，且图形不是很大，所以进行了整体切图。如下图所示（为页首的一部分）。对于要设置超链接的书本，也进行了切图处理。在PS中的切片主要为以上两类。在Dreamweavercs4中排版网页（分析特殊处理的理由）在PS中对网页进行切片处理后保存，选择“存储为Web和设备所用格式”单击后在出现的对话框中选择“JPEG”，点“存储”，在出现的对话框中选择所要存储的路径，最重要的是要选择“Html和图片”。2.打开Dreamweavercs4，由于在PS中保存了Html格式，做排版时只需要设置简单的CSS属性即可。3.在设置连接时，由于没有子页，所以都连

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论