首页 »Dreamweaver » dreamweaver相册:新手用Dreamweaver制作网页相册 »正文dreamweaver相册:新手用Dreamweaver制作网页相册来源: 发布时间:星期四, 2009年2月12日 浏览:129次 评论:0
随着pc时代  到来 我们在互联网上往往都拥有自己家――个人主页于是 些人就想把自己或者亲戚朋友些优美照片放到上面以供亲戚朋友观赏 用传统做法可以将这些图片做成两类大小两种先在个主页面做个缩略图把小图片放在主页面上小图片再连接大图片页面这样是可以实现但这样工作量太大而且很烦尤其是图片几十张或者上百张时Dreamweaver4.0就提供这样项功能给网友们迅速地创建自己画册(注意要跟firework起才行) ![](\"http://127.0.0.1/Files/BeyondPic/2007-4/19/0741913343744756.jpg\"){kind=small} 首先我们要做些准备工作把要用相片扫描进去自不在说啦我们可以用photoshop等图形制作工具加工下以增加图片可欣赏性我们就好把那些图片做成样大少规格如象素400×300样规格,格式最好是jpg格式或者是g 格式这样做目是为了作出相簿规格样不会参差不齐好了把这些图片放到同个目录下如我放在桌面\\jinhua\\images下打开dreamweaver4.0 点取菜单的后再选取creat web photo album选项 于是跳出个对话框如下图(图2):![](\"http://127.0.0.1/Files/BeyondPic/2007-4/19/0741913343747114.jpg\") photo album title 意思是相簿名你可填随便个如“我同学”subheading info则是副标题信息你可填些你对该相簿概括性些信息如“收集了我友好同学相片”第 3行是要你输入其他信息 你可不填Source images folder是指你图片所放在文件夹点取browse选取你刚才把文件放在目录如我则选取桌面\\jinhua\\images同样下栏是问你目标文件夹所在目录你可选你自己喜欢目录你也可放在跟上面同目录下如我也选取桌面\\jinhua\\imagesThumbnail size是指你相册缩略图尺寸你可点往下箭头选取你喜欢尺寸你要图片文件名话在show filenames前打勾下面是你相册缩略图列数如4下面两栏是小大图片画质在这里都选了较好质量Scale是指缩放比例般都是选100最后项是指是否在每张图片中创建导航条要打勾要不就不能“前进后退”了如上图最后点取“ok”=f141 twffan=\"done\"> 的后它会自动打开firework进行图片处理 你可以不管它在
firework中 它有显示图片处理进程图片处理完毕dreamweaver4.0那边会跳出对话框它问你是否创建album你打回车就行了于是dreamweaver4.0就会跳出个新窗口如图(图3):![](\"http://127.0.0.1/Files/BeyondPic/2007-4/19/0741913343775798.jpg\") 按 下f12键预览下是不是很酷呢？进入大图片页面还有前进后退回主页功能呢！不过有点遗憾是那些画面都是靠左如果能居中就好了下面我们用dreamweaver4.0site map替代功能轻易搞定他们点取菜单栏site菜单 选取site map选项于是跳出了个新窗口如图(图4):(注:如你没有设定过网站WebSite话右边是没有东西)![](\"http://127.0.0.1/Files/BeyondPic/2007-4/19/0741913343733826.jpg\") 点击工具栏Unnamed site1 右边 下箭头选取 site设定网站WebSite在跳出窗口如图5点 (新建)个网站WebSite接着跳出图6(左为图5右为图6):在右图中 选取local info在右边作如下设定local root 中要设定你图片所在目录上层目录正如我设定了桌面\\jinhua\\为网站WebSite在本地根目录Site name 可随便填个名字其他不用管它按ok再按done按钮于是就进入了图4界面了右边就多了些东东了的后到了关键步了双击图4右边你设定文件夹如我imagesimages里面还有我原来那些图片、 3个文件夹和个index.htm文件那是执行creat web photo album时产生双击page文件进入其目录你看到很多htm文件如双击某个则进入某个htm
文件 编辑界面选中个按住sht键将里面htm文件全部选中点取图4中edit菜单选取replace选项跳出了个对话框如图(图7):![](\"http://127.0.0.1/Files/BeyondPic/2007-4/19/0741913343797885.jpg\") 的后点击replace对话框中 find选项右边下箭头选取selected files在下项find(html source) 后面白色框中输入<table border=0 >而在replace后面白色框中则输入<table border=0 align=\"center\">的后点击replace all 按钮的后它会跳出个对话框说那些文档将会改变不能恢复是不是要继续按回车键继续于是那些在page里面文件全都改变了大图片全都居中排列了按f12预览下点击进去看大图片是不是发觉它们都居中了劳永逸了0
相关文章
读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
