已阅读5页,还剩2页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Fireworks教程:切割导图做漂亮网页来源:蓝色理想 作者:lianzibird总有人在那里炫耀自己的ps(photoshop)技术,好象是平面就要用ps做,结果很多做网页的设计师也用ps做平面图然后切割导图,再做网站,今天我就来说说用fireworks一样可以做出好的网页设计,只要你有心! 先看最终效果图: 下面开始讲解: 1.布局 先来说一下 我们制作网页一般的大小 高度:没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。 宽度: 1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001 注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率,你的网页不如设成1000安全一点。 如果是800的分辨率一般都设成770。 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化 所以 800的分辨率一般设定760左右,1024的设定990左右. 我这样用辅助线和标尺把大概范围划分出来,注意我的划分,正好是770,和1000的地方,应为我要做的网站是1024分辨率下的,但是考虑到依然可能存在800分辨率的用户,所以我回把主要的内容和菜单都放置在770以内,770-1000的地方放一些辅助的东西,这个习惯特别是在做一些门户网站设计的时候更要考虑以下,毕竟改善用户体验也是我们要考虑的问题. 2.开始工作 我们继续讲解,现在我们来画上部菜单部分的内容,其实很简单拉,就是画一个方框,一个圆,然后组合,加上渐变就可以了,如下图设置 3.下面我们来画哪个类似徽章的东西 其实也很简单,创意是类似奖状上贴的哪个获奖标志一样,会让网站生动一点,嘿嘿. 我们选择多边形,如图: 设置如下,继续贴图,大家要注意一下图层顺序,拖动到下层就好了 恩 要注意,这个图层我们固定了以后通常就不动了,所以要锁定,不然鼠标晃来晃去很容易把图移位,注意图层那里点一下就多了一个小锁子,方便吧,这下他就彻底不干扰我们了! 好的我们继续,其实其他的东西都大同小异 我们来研究一下细节. 我最喜欢的就是firewroks超级多的纹理,在ps里面有些纹理要自己做真的好麻烦啊! 我最喜欢的对角线,恩看页面左边的渐变部分,其实就是拉出来了一个矩形,然后加上线性的渐变,然后加上对角线的纹理,稍微调整一下透明度,就这么简单,效果却很好看,嘿嘿 下一个小地方,就是产品资讯的背景框,其实也很简单 就是一个矩形,然后外框为红色,矩形加一个内部发光,发浅灰色的光,就这样就成了 下一个地方 就是右上角大家可以看到一个类似网格的底纹 其实就是一个矩形,再加上一个蒙版,一个渐变,就ok了,现在看起来是不是生动很多,嘿嘿 OK,看图
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024-2034年中国康复护理行业市场发展现状及投资规划建议报告
- 2024-2034年中国工业控制器行业市场深度分析及发展趋势预测报告1
- 2024-2034年中国家电专营连锁企业行业发展潜力分析及投资方向研究报告
- 2024-2034年中国噪声污染防治市场发展前景预测及投资战略研究报告
- 2024-2034年中国光通讯元器件行业市场全景评估及投资前景展望报告
- 2024-2034年中国互联网餐饮行业发展前景预测及投资战略研究报告
- 建筑方案优化设计
- 2024-2030年复合饲料行业市场现状供需分析及重点企业投资评估规划分析研究报告
- 幼儿园学情分析记录
- 2024-2030年垫式排水行业市场现状供需分析及重点企业投资评估规划分析研究报告
- MOOC 数据库原理及应用-电子科技大学 中国大学慕课答案
- 4D厨房区域区间管理责任卡
- 穿越古今西方建筑智慧树知到课后章节答案2023年下青岛工学院
- 国家开放大学《高等数学基础》形考任务1-4参考答案
- 劳资专管员培训考试测试题
- (完整版)英语音标单词举例
- 飞蝴蝶灯光剧场布置图交流.ppt
- 《政协提案学习讲座》PPT课件
- GB∕T 38909-2020 民用轻小型无人机系统电磁兼容性要求与试验方法
- IPC EIA IPC JEDEC J-STD-002E-2017 中文版 标准规范下载
- 通信工程分包协议书格式
评论
0/150
提交评论