(26张照片) (只有两张照片,下载挑战的人,)下载从 Microsoft HTML Help Workshop的中
{S0}
目录 简介 特点 什么是HTML帮助呢? 安装HTML Help Workshop中 创建自己的相册
0;这张专辑的源文件 encode.bat和srcenc.exevv简介
最后一些HTML帮助中的乐趣!这个小项目演示你可以用HTML帮助比在线帮助更多...屏幕截图上面显示的演示专辑,使用微软的HTML帮助实现。在短短chm文件,您可以与您的照片分发一个完整的相册。
当我买了第一台数码相机在1999年,我需要一个体面的方式来分发我的照片在相簿中,喜欢的方式。有了这个电子相册,您自己可以很容易地构建自己的专辑用自己的照片和你的家人和朋友的专辑。运行Windows和Internet Explorer 4(或更高版本)的任何人都可以轻松地查看。源代码下载的专辑,包含所有的逻辑,加水,EH,照片。
演示专辑是由我的照片,拍摄期间的TechEd 2001年(巴塞罗那),我2001年在南非的度假之旅和一些图片"我上午不是在我的右国有记"我的网站(webknuffels.nl)。特点 固定大小的窗口形象相框, 至少有800 600屏幕设计, 有点"控制面板"在每一页上头版,去指数 页上,执行幻灯片放映 去传说中的页面。 一个头版或标题页面(例如与 一些照片组成), 自动索引页的相册中的照片, 显示一个特定的照片上的索引与点击 页, 幻灯片的所有照片, 一个传奇/关于页面,
上一个/下一张照片箭头, 很容易构建自己的专辑:准备好你的 照片(JPG格式),登记每photos.js的JPG,使每一个称号 照片,编译和急! (好吧,几乎)。
这篇文章主要是关于如何使用用自己的专辑照片和专辑是技术上构造。如果你有兴趣,采取一看,在HTML页面的专辑的。js的内部和文件。我可以说服有关技术部分的文章... ...一些技术特点: 里面的CHM传递参数到另一页 书签("#")符号的URL,而不是不工作搜索 ("?")符号!现在,信息可以通过从一个页面 另外,像上次观看的照片,所以任何网页的变化可以作出适当的反应,以 它。
编码的脚本编写(见"encode.bat srcenc.exevv"后),以防止篡改的专辑。 缓冲图像加载克服IE4的图像大小调整DHTML的"错误"。什么是HTML帮助呢?
Microsoft HTML帮助是继任者的WinHelp和用于Windows版说明因为Internet Explorer 4和Windows 2000系统。 HTML帮助文件通常使用的。chm扩展名由多个HTML文件,JPG / GIF图像和脚本。 CHM文件其实像被压缩成一个文件一个完整的网站:"CHM"短"已编译的HTML"。此外,内容的表,索引和全文搜索,创建一个完整的帮助系统。
使用HTML帮助从微软的HTML Help Workshop中,编译器(见后面)专辑中的文件被编译成一个单一的CHM文件。这张专辑,尤其是使用4个HTML文件,几个GIF和照片的JPG文件,以弥补album.chm。我们不打算使用HTML帮助内容,索引和全文搜索标签HTML帮助相册。安装HTML Help Workshop中
文件编译成CHM文件,你需要安装微软的
HTML Help Workshop的,其中包含了编译器。下载使用的车间以上链接并安装它。创建自己的相册的,在短短的6个步骤,您构建自己的专辑,专辑的源代码(您可以通过在本文开头的链接下载): 从源zip文件解压缩到您选择的文件夹中的专辑源,并删除所有
60; (演示)"photos400x300"文件夹中的JPG文件。我总结出的文件 下文。
选择你想要的相册中的照片,调整它们的大小,最多300 像素高,在最450像素宽的形象 像PhotoShop或PaintShop Pro的编辑器,并保存到文件"photos400x300"文件夹
下一步,我们需要创建为开始页的照片 专辑;这就是所谓的composition.jpg和 必须保存在"photos400x300"文件夹。我通常创建一个 从一些照片(因此成分 名称),并添加一些文本
60;册页的标题。我觉得相当成功演示专辑的组成。
;
编辑photos.js"注册"您的照片:
160; 用您自己的演示照片的注册
每一张照片,存储文件名,标题对"yourphoto1.jpgquot;
160;";照片1quot的标题,JavaScript数组 这些对。请注意,你必须使用一个逗号之间和之后
60; 对,但离开后,最后一对后面的逗号或语法
错误是你的! // Define the photos.
aPhotos = new Array(
//"Filename", "Caption",
"yourphoto1.jpg", "Title of photo 1",
"yourphoto2.jpg", "Title of photo 2",
"yourphoto3.jpg", "Title of photo 3" // NO COMMA at the last entry!
}
;
编辑album.hhp(HTML帮助编译器的项目文件),以改变 编译输出和专辑标题: 更改"编译文件"(名称所产生的。CHM 文件),从
0; {C} 类似
;
Changenbsp;专辑的改变"胜利者的演示照片的标题 albumquot; IN Compiled file=vacation2001.chm
类似 [WINDOWS]
main="Victor's demo photo album",,,,,,,,,,,0x0,[16,0,717,560],0x0,0x0,,0,0,0,0
启动Microsoft HTML Help Workshop的和开放专辑中的HTML帮助项目 文件album.hhp。选择
"文件"| Compilenbsp;"让车间编译 专辑。变变变!这就是它!这张专辑被创建![WINDOWS]
main="Vacation 2001",,,,,,,,,,,0x0,[16,0,717,560],0x0,0x0,,0,0,0,0
{五}
这张专辑的源文件
这些都是在专辑中的文件: photos400x300 \ 文件夹中保存的照片和
composition.jpg 图像\ 相簿 start.htm 起始页的专辑 thumbpic.htm 指数/缩图页的专辑 pic.htm 正常PIC /幻灯片页
60; about.htm 关于页/传奇 album.css
160; 专辑的样式表 album.js
专辑中的JavaScript代码 lang.js 工具提示文本 langen.js 工具提示文本英语(超过lang.js副本) langnl.js 工具提示文本荷兰(超过lang.js副本) photos.js
登记的照片 Album.hhp HTML帮助项目文件 encode.bat 专辑的脚本编码 SCRENC.EXEVV Microsoft脚本编码器encode.bat和srcenc.exevv
encode.bat只是一个简单的调用机制编码的脚本(HTML和JS文件)在使用微软的专辑脚本编码器SRCENC.EXE。现在只有Internet Explorer(实际上是:微软脚本引擎)可以解码和理解脚本。它是一个方便方法,以防止篡改的专辑:脚本没有更长的人类可读的!
我们的想法是编码的脚本之前,你编译的文件到CHM(上面的步骤6)。
为什么我添加了两个"V脚本编码器的文件名?由于编码是相当不可逆的,你最好做编码过程的相册文件夹的副本!当你复制的专辑,删除双"V编码器的文件名和执行encode.bat编码专辑中的文件。然后执行"创建自己的专辑"的步骤6。
从一个编码photos.js的例子:
许可//**Start Encode**#@ ^OwcAAA==@#@&@#@&Jz,Ktb/,Wk^+ mKxOCbx/,CV^PY4n w4WDWdPCU9P^
laOkKxd K0@#@&&JPOtbd,wCMYbmE^lM l^4;:c@#@&@#@&zz,j+DPY4n w4WDW Nr.mOWMz@#@&/P4
!:4UCbVjk.nhtGDWkSW1lDrW PxJatGOK/FZT6F*zrI@#@&kHNrEhjbynn4GYK/JG1lYrG
P P,xrw4KYK/cZ!Xf!ZzEi@#@&&&krDTrxmV?b"nn4WDWdSG^mYrW P,'E24WYGd8!+cX{+%&ri@#@&
@#@&zJ ?Y Y4+ ObYV W6PY4n l^4!:@#@&d)^4;::rY^+ x,J.r^DW.Bk 9+hKPmV4!:rI@#@&@#@&
zJP9n6kx Y4+Pa4GYK/c@#@&lK4KYG/,xP +A zDDCzv@#@&zJEwksxm:+r ,EZmwOkKxES@#@&JZT
...
这个包下的艺术出版许可证。更改日志
1月26日2002 - 初始发布
2002年2月20日 - 光src下载(只有两张照片)和增值用法执照。
2002年11月07日 - 除去死HTMLHELP车间EXE链接,并澄清了一些东西。