今天应各位网友的要求,给大家演示一下如何用photoshop做网页:
此仅献给烧饼工作室可爱的朋友们!制作当中可能有些会不是很清楚,如果大家发现哪里不明白的可以问我;QQ:94125148
第一部:
为方便,所以我事先就已经做好了页面-----现在,我们来进行切割。仔细看咯。。。按下键盘上的Tab键就能把工具隐藏掉,这样方便我们“行动”。没想到要切的内容还有这样得多吧~??每切一下就是一张图片,越小图片显示就越快。这是网站优化的问题了。不提~
图片就切到这里。接下来请看第二部!不然文件太大了不好弄~~~……
===================================
第二部:
现在我就用最笨的一招,先声明,我不是专业的,所以我的方法可能是正确,只要能完成任务就好,你敢笑我我叫 烧饼工作室可爱的朋友们 一起上去打你!!!@-@ 怕了吧!!哼~
我们先将有链接的图片加上链接。基本上就这几个了,看下一步---
然后是保存,注意保存的方法,如果你的PHOTOSHOP(以下简称PS)没有此功能,请下载个完整版本,我用的是8.0()CS版,不敢用9.0的,耗内存太大了。存储为WEB所用格式(W)。为了质量好点,所以我选了JPEG 高 先让PS休息一下了。
然后在Microsoft Office FrontPage 2003中编辑,有人问为什么不在其他软件?个人喜好!:)
看到没有,网页不是居中的,现在,我们让她居中。
现在开始添加内容,看仔细了。/ 双击图片。删除掉上面一张。
有些朋友,可能搞不懂网页的图片路径问题,这是很烦恼的,做来做去都不显示,记得,千万别把首页存到其他的地方,从哪打开就要存到哪去。现在,插入图片,LOGO之类的。教大家一个新方法。
这个首页,,别理,,注意图片包images。进images找到我们想要用的图片,如果你有要用的图片,可以事先把图片存到里面。很简单,就是复制粘贴
先到这里吧,文件大了,请看第三部------
=====================================
第三部:
现在我们准备在表格内插入表格。
现在页面基本上做好了,但大家有没有发觉,字体太大了呢,其实这一步是我刚才忘了的,不好意思。
现在加上去也不晚,
把这段代码放到最顶上去。看到没,字体全部变小了,如果发现哪个表格偏小的话,可以插入行或列。
现在页面就已经做完成了,保存问题。看仔细,不要另存为,直接点保存就得了!我们预览一下我们的成果!背景太空,我现在去找个背景图来代替。本来是可以浏览找到图片的,但我这个有点毛病,浏览容易死机,所以我就直接写路径,这是2003版的缺点,路径老是不懂识别!算了吧,我这东西出了点问题,太不给面子了!!哼!看到没,一个漂亮的网页就这样做出来了。大家加油。
附:给上面的那张“大图”加上FLASH。请看第四部
===================================
第四部
现在,为了使网页能近(进)一步美观,给她加点动画。插入一表格,这个表格是专门给我们放效果的,
不放内容,为方便以后我们添加效果,所以我们这样做……
这格是放FLASH的,其他的自己做主
=======================透明FLASH代码
<div style="position:absolute"><embed src="images/flash.swf" width="800" height="200"wmode="transparent"/></div>
注意路径!在:images里面必须包含有flash.swf这个文件!没有的话自己添加
看看效果。效果不错,
各位,这次的演示就到此了,谢谢大家的支持。。。
希望大家能成为高手!大家以后可得多多到我们的站来支持一下。www.wb889.com 永远为大家开放!
=====================样式代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<title>烧饼工作室</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
TD,INPUT,SELECT,BODY {FONT-SIZE: 12px}
A:link {text-decoration:none;color:#00007f;}
A:visited {text-decoration:none;color:#00007f;}
A:active {text-decoration:underline;color:#ff0000;}
A:hover {text-decoration:underline;color:#ff0000;}
A.lk1:link,A.lk1:visited {text-decoration:none;color:#000000;}
A.lk1:activ,A.lk1:hover {text-decoration:none;color:#ff0000;}
.l15 {LINE-HEIGHT: 150%}
.F14 {font-size:14px;}
-->
</style>
</head>
烧饼(烧饼工作室-www.wb889.com)
QQ:94125148
2006-3-6 ~ 3-7
没有合适的资源?快使用搜索试试~ 我知道了~
如何用photoshop做网页
共8个文件
exe:4个
txt:3个
url:1个
3星 · 超过75%的资源 需积分: 9 123 下载量 149 浏览量
2009-11-17
14:24:28
上传
评论 1
收藏 23.31MB RAR 举报
温馨提示
如何用photoshop做网页如何用photoshop做网页如何用photoshop做网页
资源推荐
资源详情
资源评论
收起资源包目录
photoshop做网页.rar (8个子文件)
如何用photoshop做网页
codepub.com说明.txt 2KB
源码网.url 120B
说明.txt 4KB
如何用photoshop做网页(四).exe 3.54MB
烧饼工作室.txt 3KB
如何用photoshop做网页(三).exe 10.56MB
如何用photoshop做网页(一).exe 4.74MB
如何用photoshop做网页(二).exe 9MB
共 8 条
- 1
资源评论
- zb0930a092012-12-01不是很实用,不过还行 。 谢谢楼主!
- Ryaaaaaaan2012-12-16这个资源有点太老了吧..
- fangfang93632011-12-16都是录像教程,是根据一个实例来讲的,不适合我
lzhdim
- 粉丝: 927
- 资源: 1108
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功