朝夕相伴 发表于 2005-11-16 16:42:00

原创]套装网页的制作及链接

<P><FONT size=4>HTML语言是制帖用的最完善的方法,但由于代码多,指令繁琐,易错,给初学者带来很多不便.其实我们用Frontpage做也可以,这样对于不懂代码的朋友来说简直就是捷径.<STRONG>用Frontpage制帖方法</STRONG>样对于不懂代码的朋友来说简直就是捷径,怎样简便快速的掌握这个软件和方法,下面我就把自己制做套装网页的制作及链接的过程写出来。</FONT></P>
<P><FONT size=4>1.要选好要用的特效或套装,</FONT></P>
<P><FONT size=4>2.找好自己要替换的图片素材</FONT></P>
<P><FONT size=4>3.找到喜欢的音乐</FONT></P>
<P><FONT size=4>4.发贴代码</FONT><FONT color=#5f1834 size=4>动网7.0版::&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;<BR>&lt;DIV style="LEFT: -240px; WIDTH: 1000px; POSITION: relative; TOP: 150px"&gt;&lt;IFRAME marginWidth=0 marginHeight=0 src="在空间上传后的网页地址" frameBorder=0 width=1000 scrolling=no height=850&gt;&lt;/IFRAME&gt;&lt;/DIV&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;</FONT></P>
<P><FONT color=#5f1834 size=4>动网6.0及6.1或是在PHP6.0版本的论坛上发表所用的代码:&lt;/td&gt;<BR>    &lt;/tr&gt;<BR>    &lt;/table&gt;<BR>    &lt;p&gt;<BR>    &lt;/td&gt;<BR>    &lt;/tr&gt;<BR>    &lt;/table&gt;&lt;IFRAME marginWidth=0 marginHeight=0 src="在空间上传后的网页地址" frameBorder=0 width=1000 scrolling=no height=700&gt;&lt;/IFRAME&gt;</FONT></P>
<P><FONT color=#5f1834 size=4>5.制作工具:是Microsoft Office FrontPage 2003</FONT></P>
<P><FONT color=#5f1834 size=4>6.<FONT color=#daccdd>上传空间:</FONT>现在免费的空间很多,</FONT></P>

朝夕相伴 发表于 2005-11-16 16:42:00

我们拿到一个喜欢的套装或特效帖子第一步应该将:<FONT color=#000000>http://www.stevemac.org/scripts/bounce/bounce.htm下载到硬盘里的吧,应该怎么做呢? 1.你在你自己的机器中建好一个文件夹,我是以以前做的雪的主题的一个文件夹,来举例,</FONT>

朝夕相伴 发表于 2005-11-16 16:42:00

<P><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412505688264.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412505688264.jpg" border=0></A></P>
<P>建好后,我们回到浏览器来看现在的这个套装<BR></P><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412515032355.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412515032355.jpg" border=0></A>

朝夕相伴 发表于 2005-11-16 16:43:00

<BR>再浏览器左上角有文件,点开文件后,点保存为,这时出现一个对话框,你在这个对话框中找到你刚才建好的文件夹,选中,<BR><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412523749050.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412523749050.jpg" border=0></A>

朝夕相伴 发表于 2005-11-16 16:44:00

<BR>在这个框的下面把文件改成自己需要的名字,选择间体中文,保存的格式是下图,然后确定就OK。<BR><BR><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/200511141253988738.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/200511141253988738.jpg" border=0></A><BR>
<P>做个人主页或文集,依次的选择多个套装都保存在这个文件夹中,留下备用。我上面的就是选择了不少。好了。下面我们打开自己的FP软件</P>

朝夕相伴 发表于 2005-11-16 16:44:00

<BR>在拆分状态下,我们选择软件左上角的文件-打开-刚才建的文件夹-点中刚才存的文件LIANXI。我用的是练习的拼音。<BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/200511141254372566.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/200511141254372566.jpg" border=0></A><BR>这是打开后的图,因为你连所有的图片一起下载保存的,所以 他显示的是原来的图片。<BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412544414476.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412544414476.jpg" border=0></A><BR>

朝夕相伴 发表于 2005-11-16 16:44:00

<P>怎么换掉这里的图片,我们回到自己的机器中,找到刚才建好的那个文件夹,找到LIANXII这个文件夹,这次我们不要打HYM,只用这个文件夹,</P>
<P><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412552423293.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412552423293.jpg" border=0></A></P>
<P><BR>这是打开的文件夹,里面有这个帖子的3个图片,现在我们找来要替换的图片,复制在这个文件夹中,把图片的名字改成要替换的图片。<BR></P><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412555740942.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412555740942.jpg" border=0></A><BR>

朝夕相伴 发表于 2005-11-16 16:45:00

<P><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412563396825.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412563396825.jpg" border=0></A><BR><BR>我们回到软件中,点开预览,就看见不一样的效果了,我换了两个图</P>
<P>下面我们回来软件改这里面的一些数值和添加自己的文章。</P><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412585212901.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412585212901.jpg" border=0></A><BR>把上面的文字改成自己的资料。<BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/2005111412592363015.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/2005111412592363015.jpg" border=0></A>

朝夕相伴 发表于 2005-11-16 16:45:00

<P>修改完的资料,和效果</P>
<P><IMG src="http://lstx.5xnet.com/bbs/UploadFile/2005-11/2005111110151512514.jpg"></P>
<P><IMG src="http://lstx.5xnet.com/bbs/UploadFile/2005-11/200511111015451438.jpg"></P>

朝夕相伴 发表于 2005-11-16 16:46:00

<P>现在我们回到软件中点设计-属性-在下面音乐的地方输入网络的音乐地址,和填写帖子的名字。<BR></P>
<P><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/20051114136657717.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/20051114136657717.jpg" border=0></A><BR>在软件的文件-另存为-选择刚才的HTM这个图标-保存。就OK了。</P>
<P>这是单个的帖子的制作,下面我们把已经做好的这些一起的连接起来,作一个文集</P><BR><BR><IMG src="http://www.yyly8.com/skins/default/filetype/jpg.gif" border=0>此主题相关图片如下:<BR><a href="http://www.yyly8.com/UploadFile/2005-11/20051114137681475.jpg" target="_blank" ><IMG src="http://www.yyly8.com/UploadFile/2005-11/20051114137681475.jpg" border=0></A><BR>
页: [1] 2 3
查看完整版本: 原创]套装网页的制作及链接