查看完整版本: [-- Arles Image 超市制作教程 --]

武当休闲山庄 -> 原创培训 -> Arles Image 超市制作教程 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

jsxz 2006-06-16 09:20
『用Arles Image 制作网页超市』


软件下载：Arles Image Web Page Creator v4.8

本部分内容设定了隐藏，需要回复后才能看到

１.打开Arles Image

２.找到盘里保存图片的文件夹，如图：

３.按下缩略图键，设置缩略图的大小与风格，也可以不设置，如图：

４.按高级键后，如图：


５.按下索引页键，索引表格可以按照图示页可以自己编辑，
选单一的页就是整个网页缩略图只有一页，如果图比较多就不要选，按选项键，如图：

６.选择背景颜色，或设置背景图，如图：


选择背景图片如图：


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)链接贴图的方法：
复制代码

  1. [url=上传完成后的超市地址]
    [color=red][size=3]超市发图！[/size][/color]
    [/url]


点击查看实例



个人心得：如果不追求特效，，按上面的方法，，完全可以做出一个超市出来．．背景图片可以自己另找，，上传时记得一起传上去就可以了．．不加背景图片，，做出来的默认背景颜色是淡黄色的．．还有上端和下端都可以加上自己喜欢的logo图标，，具体的操作方法自己仔细研究就能发现．．对于小的修改，，可以用写字板打开方式打开index文件，，进行修改，，可添加背景音乐等！！





给出两个特效代码：

１、当鼠标放在缩略图上，，图片会跳动：
<STYLE type=text/css>A:hover {LEFT: 2pt; POSITION: relative; TOP: 1pt; VISIBILITY: visible}</STYLE>
加在最上端的<html>之后！！

２、添加背景音乐的代码：
<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">

加在代码倒数第３行的<p align="center">前面！！


查看完整版本: [-- Arles Image 超市制作教程 --] [-- top --]


Powered by www.wdsz.net v8.7.1 Code ©2005-2018www.wdsz.net
Gzip enabled

沪ICP备:05041533号