『用Arles Image 制作网页超市』
软件下载:Arles Image Web Page Creator v4.8
本部分内容设定了隐藏,需要回复后才能看到 1.打开Arles Image
 2.找到盘里保存图片的文件夹,如图:
 3.按下缩略图键,设置缩略图的大小与风格,也可以不设置,如图:
 4.按高级键后,如图:

 5.按下索引页键,索引表格可以按照图示页可以自己编辑, 选单一的页就是整个网页缩略图只有一页,如果图比较多就不要选,按选项键,如图:
 6.选择背景颜色,或设置背景图,如图:

选择背景图片如图:
 7.点击高级键,点击缩略图连接键,再下拉列表中选择原始图像,如图:
 8.导航前打勾,按选项键。如图:
 9.选择第一个索引页按钮,把导航项目里的勾去掉,只保留如图中两个,如图:
 10.选图像页,把导航项目里的勾一个不留全部去掉,如图:
 11.点标题键,如图:
 12.最后按下全部键就OK了!
 按下全部键后会有各确认窗口, 按不和确定都可以,无关紧要,到此简单网页制作就全部完成了, 网页做好后可以到做好的文件夹找IE浏览器标记的文件, 双击他就能在浏览器中预览刚刚做好的网页了 13.制作完成后到电脑中删掉imagespages,imagess两个文件夹, 里面没有图的,剩下的就是arlesimagess,originalimagess, thumbnlis三个文件夹和一些index文件。如图:

14.行了,开始找个好的空间上传吧! 上传arlesimagess、originalimagess、thumbnlis三个文件夹和index文件 任何空间都可以,最好支持FTP的
论坛超市发贴代码:
1) 本山庄支持HTML语法贴图的方法: <iframe width=宽 height=高 src="上传完成后的超市地址"></iframe>
点击查看实例
2)链接贴图的方法:
[url=上传完成后的超市地址] [color=red][size=3]超市发图![/size][/color] [/url]
点击查看实例
个人心得:如果不追求特效,,按上面的方法,,完全可以做出一个超市出来..背景图片可以自己另找,,上传时记得一起传上去就可以了..不加背景图片,,做出来的默认背景颜色是淡黄色的..还有上端和下端都可以加上自己喜欢的logo图标,,具体的操作方法自己仔细研究就能发现..对于小的修改,,可以用写字板打开方式打开index文件,,进行修改,,可添加背景音乐等!!
给出两个特效代码:
1、当鼠标放在缩略图上,,图片会跳动: <STYLE type=text/css>A:hover {LEFT: 2pt; POSITION: relative; TOP: 1pt; VISIBILITY: visible}</STYLE> 加在最上端的<html>之后!!
2、添加背景音乐的代码: <bgsound src="音乐的属性地址" loop="-1">
3、天女散花代码 <EMBED style="LEFT: 50px; WIDTH: 700px; POSITION: absolute; TOP: 100px; HEIGHT: 2000px" align=right src=http://oyja.51.net/flash/sdjhh.swf width=500 height=1600 type=application/octet-stream ;; quality="high" wmode="transparent">
加在代码倒数第3行的<p align="center">前面!!
|