赵老师,,为什么我在整个页面的下面拖放一个大的版面网格,再拖DIV的时候出现的和正常拖DIV的时候不一样呢

[回复]
版面网格方式下，所有物体的拖动都受限于网格所规定的间隔
可关闭网格的间隔限制

或使用CTRL键加键盘光标键移动




[ 本帖最后由 赵鹏 于 2007-1-30 12:02 编辑 ]

赵老师,1.GOLIVE里面的DIV+CSS布局与DW的DIV+CSS有什么区别? 2.   赵老师什么样的页面才能称之为用DIV+CSS布局的网页?

[回复]
1 GoLive的可视化程度更高些，也就是用鼠标操作的机会更多

2 使用了这种布局的页面就是



[ 本帖最后由 赵鹏 于 2007-1-30 12:00 编辑 ]

赵老师,那这么说,GOLIVE要是用DIV+CSS布局还是需要手写代码对吗？

那么GOLIVE里虽然用鼠标操作的机会多,可还是只能做一些最基本的布局对吗？

[回复]
在GoLive中，针对CSS的布局已经算是所有软件中最方便的了
通过鼠标可以完成所有定义，不需要借助代码
但有些习惯代码方式工作的人除外

CSS+DIV的布局方式是固定的几种，都存放在GoLive对象调板中
不存在“基本布局”这样的说法



[ 本帖最后由 赵鹏 于 2007-1-30 12:56 编辑 ]

赵老师,,那您说CSS+DIV它都能完成什么功能啊??

我现在刚刚认识DIV+CSS,对于它的概念我还是很含糊!,,请赵老师详细的说明一下好吗？?/

非常感谢您赵老师!

[回复]
这个已超出GoLive教程的范围
你可以找一些有关CSS布局的书看，如《网站重构》或其他一些有CSS+DIV的书籍



[ 本帖最后由 赵鹏 于 2007-1-30 23:08 编辑 ]

您好赵老师!我是一个初学者,您的教程写的非常棒,现在还在学习中,呵呵
可以帮我看看这个http://annegeddes.com/   的菜单版块(上部分)是用什么方式作的吗,为什么一些特性我一直实现不了呢,  请教这个版块通过GOLIVE,怎样做会更简单!谢谢

[回复]
主要是图片的处理
每个按钮都是两张图片交换产生的



[ 本帖最后由 赵鹏 于 2007-1-31 13:46 编辑 ]

赵老师,,为什么我在对DIV+CSS样式进行设置的时候制作出来的效果和做时看的效果差那么多呢,就是设置的宽度都不一样.
怎么让嵌套的内容在父层DIV中水平和垂直都居中啊?

[回复]
请检查你的设置
相关设定都在CSS中有


以后发帖请不要这样连续发
将所有问题归并在一个帖子中提出
谢谢！


[ 本帖最后由 赵鹏 于 2007-1-31 13:47 编辑 ]

而且在GOLIVE里预览和在游览器中效果还是不一样..出现三种样式...

[回复]
这时由于IE对CSS+DIV不完全兼容造成的


以后发帖请不要这样连续发
将所有问题归并在一个帖子中提出
谢谢！


[ 本帖最后由 赵鹏 于 2007-1-31 13:47 编辑 ]

赵老师,我插入一个两列的DIV,固定在左边..或是其它的,怎么lift和auto之间有间隔呢?

为什么我在DIV中插入其它DIV样式,或是图片,文字什么的..有时总会出现意想不到的效果...页面中的内容总是不知道串哪去了或是定义好宽度和高度的DIV也会变大或变小..总之就是不是出现我想要的那么结果!

[回复]
间隔的出现是因为IE浏览器不兼容造成的
在Oprea或FireFox中就无此现象

你需要多做练习去摸索

以后发帖请不要这样连续发
将所有问题归并在一个帖子中提出
谢谢！



[ 本帖最后由 赵鹏 于 2007-1-31 13:47 编辑 ]

有地方没说明白.....上面那个有间隔的问题是在浏览器中才会看到.预览的时候看不见(IE)

[回复]

这时由于IE对CSS+DIV不完全兼容造成的

以后发帖请不要这样连续发
将所有问题归并在一个帖子中提出
谢谢！


[ 本帖最后由 赵鹏 于 2007-1-31 13:48 编辑 ]

<style type="text/css" media="screen"><!--
.navboxcont_header { background-color: silver; width: 100%; height:100px }
.navboxleft_header { background-position: 0 center; width:100px; float:left; height:100px; padding-top: 15px; }
.navboxauto_header { margin-left:100px; width:auto; height:100px}
.colcont_contianer { background-color: olive; width: 100%; height:800px  }
.colboxleft_contianer { width:200px; height:800px; float:left }
.colboxright_contianer { width:200px; height:800px; float:right }
.colboxmiddle_contianer { width:auto; height:800px; margin-left:100px; margin-right:100px }
.padbcont_footer { background-color: silver; width:100%; height:100px  }
.padbox_footer {width:auto; height:auto; padding:20px}
.padbcont_logo { background-color: red; width:100%; height:70px   }
.padbox_logo { width:100%; height:70px; padding-top: 10%; }
.padbcont_93BCDC { background-color: #ffa039; width:100%; height:20px  }
.padbox_93BCDC {width:auto; height:auto; padding:20px}
--></style>

赵老师,这是我在前台编辑后台显示的代码..您帮我看看有什么错误嘛,,为什么定义好宽度和高度而显示出来的并不是设定的高度或宽度的值呢?

您说他们之间有间隔是因为IE不兼容,那这么说还是不能用DIV+CSS样式布局了???它没有什么优点啊?

我想也一下都把问题都问出来,,可我现在只是一个初学者,问题多的很啊,,请赵老师您见谅!!!

您说GOLIVE中做出的DIV+CSS在IE中不兼容,那GOLIVE也没什么太大用嘛,人们主要不还是用IE吗？,,

对不起呀,,赵老师,,麻烦您了!!见谅!!!!!

可我是认真学习的嘛!

赵老师,我根据你的教程刚学go live,在这对您出这么好的教程供大家学习表示感谢,我遇到问题了再请教您

[ 本帖最后由 connorgg 于 2007-2-2 16:00 编辑 ]

机器太破了，跑不了

看图,在Menu Machine 中的预览中,输入的文字全是乱码(在HTML页面中也是乱码)...

而在GOLIVE和IE预览中却正常显示???这是怎么回事,该如何解决,求教解决方法...谢了```

[IMG]http://i168.photobucket.com/albums/u161/xtapyud520/pro.gif[/IMG]

我的不是VISTA系统,是XP系统...我说的是里面的一个插件...MENU MACHINE...

请赵教师帮忙解决...谢了`...


[回复]
这个问题一直没有完整的解决方案
尝试将页面转为UTF-8编码看看



[ 本帖最后由 赵鹏 于 2007-2-6 00:22 编辑 ]

真是好老师，教这么多东西给我。太感谢你！

那位好心人能告诉我去那里下载GOLIVE中文版，先谢谢了

在布局中采用三列缩放中心css样式如图01

　为什么右边的框过不来　老是不能对齐

[回复]
图片太多，一下看不过来
你把图片去掉，将HTML代码拷贝上来
我在GL中打开看看




[ 本帖最后由 赵鹏 于 2007-2-10 19:30 编辑 ]

尝试使用表格　分成三列　问题解决　但不明白的是为什么三列缩放中心样式的中间middle的指定　老是与right之间有一个距离　比方指定总样式的宽度为600　每个布局中应用为200　但是右边的框过不了老是不能对来　总是离中间有距离　请赵兄分析

先贴个用表格的图


代码帖出

复制内容到剪贴板

代码:

<div class="colcont_4726C8">
            <!--agl:cssobject id="4726C8" type="Column Middle Scale" /-->
            <div class="colboxleft_4726C8">
                <table width="180" border="0" cellspacing="2" cellpadding="2">
                    <tr>
                        <td><img src="hm-spotlight.jpg" alt="" width="210" height="60" border="0" /></td>
                    </tr>
                    <tr>
                        <td><img src="hm-h3-spotlight.png" alt="" width="210" height="29" border="0" /></td>
                    </tr>
                    <tr>
                        <td>The first and only fully integrated solution for the staffing industry, Akken gives you a high-level view and top-down control of all of your staffing needs</td>
                    </tr>
                </table>
            </div>
            <div class="colboxright_4726C8">
                <table width="180" border="0" cellspacing="2" cellpadding="2">
                    <tr>
                        <td><img src="hm-spotlight.jpg" alt="" width="210" height="60" border="0" /></td>
                    </tr>
                    <tr>
                        <td><img src="hm-h3-spotlight.png" alt="" width="210" height="29" border="0" /></td>
                    </tr>
                    <tr>
                        <td>The first and only fully integrated solution for the staffing industry, Akken gives you a high-level view and top-down control of all of your staffing needs</td>
                    </tr>
                </table>
            </div>
            <div class="colboxmiddle_4726C8">
                <table width="180" border="0" cellspacing="2" cellpadding="2">
                    <tr>
                        <td><img src="hm-spotlight.jpg" alt="" width="210" height="60" border="0" /></td>
                    </tr>
                    <tr>
                        <td><img src="hm-h3-spotlight.png" alt="" width="210" height="29" border="0" /></td>
                    </tr>
                    <tr>
                        <td>The first and only fully integrated solution for the staffing industry, Akken gives you a high-level view and top-down control of all of your staffing needs</td>
                    </tr>
                </table>
            </div>
        </div>

另：附上图片请赵兄分析　构思是图片001和002加文字组成一个三行一列的表格　然后利用三列缩放中心样式将这个表格复制三份　
目前正在制作自己的网站　是参考http://www.akken.com/这个网站的布局　




[回复]
你应该使用灵活三列来布局
页面代码我贴出来了
需要注意的是左方的项目我用的是单独的DIV
你给的网站用的可能是列表项目
各有千秋吧，你自己取舍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="zh" xml:lang="zh" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="generator" content="Adobe GoLive" /> <title>未标题页面</title> <style type="text/css" media="screen"><!-- .threecolcont_su { font-size: 12px; font-family: tahoma; background-color: #fefefe; text-align: left; width: 750px; height:auto ; } .threecolbox_su { width:210px; height:auto; float:left; margin-left: -1px; padding-right: 15px; padding-left: 15px; border-left: 1px solid silver; } .padbcont_tb { width:100%; height:auto ; border-bottom: 1px solid #f5f5f5; } .padbox_tb {width:auto; height:auto; padding:5px} --></style> </head> <body bgcolor="white"> <div align="center"> <div class="threecolcont_su"> <!--agl:cssobject id="su" type="Three Columns" /--> <div class="threecolbox_su"> <div class="padbcont_tb"> <!--agl:cssobject id="tb" type="Padded Box" /--> <div class="padbox_tb"> asdasdas</div> </div> <div class="padbcont_tb"> <!--agl:cssobject id="tb" type="Padded Box" /--> <div class="padbox_tb"> asdasdas</div> </div> <div class="padbcont_tb"> <!--agl:cssobject id="tb" type="Padded Box" /--> <div class="padbox_tb"> asdasdas</div> </div> <div class="padbcont_tb"> <!--agl:cssobject id="tb" type="Padded Box" /--> <div class="padbox_tb"> asdasdas</div> </div> <div class="padbcont_tb"> <!--agl:cssobject id="tb" type="Padded Box" /--> <div class="padbox_tb"> asdasdas<br /> 12312321321321</div> </div> </div> <div class="threecolbox_su"> <table width="210" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://bbs.blueidea.com/attachments/2007/2/11/001_LHCL3S81Apjj.jpg" alt="" width="210" height="60" border="0" /></td> </tr> <tr> <td><img src="http://bbs.blueidea.com/attachments/2007/2/11/002_mjlJBSA5D9A4.png" alt="" width="210" height="29" border="0" /></td> </tr> <tr> <td>Many stories Many stories Many stories Many stories Many stories Many stories Many stories </td> </tr> </table> </div> <div class="threecolbox_su"> <table width="210" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://bbs.blueidea.com/attachments/2007/2/11/001_LHCL3S81Apjj.jpg" alt="" width="210" height="60" border="0" /></td> </tr> <tr> <td><img src="http://bbs.blueidea.com/attachments/2007/2/11/002_mjlJBSA5D9A4.png" alt="" width="210" height="29" border="0" /></td> </tr> <tr> <td>Many stories Many stories Many stories Many stories Many stories Many stories Many stories </td> </tr> </table> </div> </div> </div> <p></p> <hr /> </body> </html>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 赵鹏 于 2007-2-11 11:44 编辑 ]

赵老师,好久不见!!!

有个问题想问问您,,就是Golive的做出的站点自动生成几个文件夹和几个文件..这些文件有什么用途嘛

如果我要上传网页把这些多余的文件删了会不会产生什么影响?
[回复]
位于web-content目录中的才是网站实体文件
其它目录都是附带的
存放一些模板文件等
你认为该不该删除呢？当然不能


你用GL的上传功能就可以了
会自动判断


[ 本帖最后由 赵鹏 于 2007-2-12 14:24 编辑 ]

你怎反过来问我呢??/我是不明白问你呢!!!!晕了!!


什么态度啊!!

对我不满你可以说呀!!!用不着对我这个态度吧,,,,搞论坛不就是为了让别人参与嘛,,,你这什么态度..没耐性!!!!

我是问你问题,,不是你问我???干嘛反过来问我该不该删,,我要是知道问你干什么????

[回复]
不要误会，那个是设问句，自问自答
没有不耐烦的意思




[ 本帖最后由 赵鹏 于 2007-2-12 17:14 编辑 ]

赵老师能帮我把这个http://annegeddes.com/  的菜单导航栏单独做成一个文件吗,我用GOLIVE照着做了好久也没做成,请教网上的好多朋友,他们也都不知道怎么做,,,希望赵老师能帮帮我.用GOLIVE做出来,然后我好好学习一下,谢谢!
[回复]
我看过了，其实那没有什么难度
只是很简单的图片交换而已

在我教程中有提到过这样的做法



[ 本帖最后由 赵鹏 于 2007-2-13 00:01 编辑 ]

赵老师您好,,我看完了您的网上教程..很不错!!

有个问题想问您,,,为什么我的站点下多了一.site文件呢?这个文件的文件名只比原始的.site文件多了Backup这个单词..这是怎么回事

[回复]
.site文件以及其备份文件都是GL产生的
不要动
这个文件不会被上穿的



[ 本帖最后由 赵鹏 于 2007-2-13 22:31 编辑 ]

u在DIV+CSS中利用到了表格 在表格中输入文字 总是靠左边  使用空格键 在预览中仍然居左　请问该怎么办?

另：在页面定义中如何指定所有窗口打开均为新窗口　不是要一个一个来吧

[回复]
大型网站都是利用程序生成的
在程序中就附带了新窗口的方式

如果是静态网站，似乎是只能通过手动指定



[ 本帖最后由 赵鹏 于 2007-2-23 19:44 编辑 ]

Golive 图文混排在哪一节中讲述？　

[回复]
所谓图文混排，最明显的特点就是文本绕图
也就是在一大段文字中放入图片
文字能够自动让开位置

GoLive是一个网页制作软件
不是排版软件
因此你所说的这种功能是没有的





[ 本帖最后由 赵鹏 于 2007-2-23 19:47 编辑 ]

e您好赵老师,最近在您的指点下,做着自己的小站,在次期间又遇到一些问题,希望能得到您的帮助!

请看http://www.xixibaby.cn/baby/photo.html  这个面页中的左边竖向菜单是我用MM做的,右边是一个位置固定FALSH动画,  那么,怎么样可以实现让单击左边的菜单 而在右边 原始动画的位置 加载不同的FLASH动画呢?
  
是为每一个动画都重新做一个页面吗?

我希望向加载不同的图片一样加载FLASH动画文件,也就是说选择不同动画的时候,只加载动画,而不用再重新做一个页面,不知道行不行?

[回复]
对于普通的图片
可以给图片起个名字，然后利用指定图像URL来替换图片

但Flash有它自己的特点
不能像图片这样直接替换

我能够想到的方法是
在一个位置上建立多个隐藏的图层
每个图层中放一个Flash
然后通过显示/隐藏图层来实现Flash的交替

但这样做也有一个问题，就是Flash如果本身带声音
可能在隐藏的时候也会发声




[ 本帖最后由 赵鹏 于 2007-2-23 19:50 编辑 ]

我记得在某个视频中看到了有图文混排的功能 原来是Illustrator的功能

我记得在课程中Golive有智能photoshop选项可以插入到网页中 还有一个选项是智能Illustrator

我这样想在Illustrator中做好导入到里面是不是可以啊 如果这样做是不是文件就太大了 除了图像文字也变成图像了 怎么办

现在自己做的网站 需要用到这方面的内容 就是图文混排的方式 也请赵兄给予指点

[回复]
智能Photoshop和Illustrator都是以图象方式导入的
不太适合做网页

如果你真的需要制作图文混排
可以手动设定排版

就使用版面网格来布局图象
用文本框来布局文字





[ 本帖最后由 赵鹏 于 2007-2-24 21:00 编辑 ]

引用:

原帖由 xixibaby 于 2007-2-23 01:44 发表
e您好赵老师,最近在您的指点下,做着自己的小站,在次期间又遇到一些问题,希望能得到您的帮助!

请看http://www.xixibaby.cn/baby/photo.html  这个面页中的左边竖向菜单是我用MM做的,右边是一个位置固定FALSH动 ...

您好赵老师,我这样试着做了很多次,发现一些问题:
１,如果动画文件多的话,这样操作起来好像很麻烦?

２,我做了一个动作,在载入时隐藏所有暂时不需要显示的文件, 然后再做一个调用的动作,来显示需要显示的文件,  当需要显示的文件显示出来以后,不需要显示的文件,还在显示吗? 如果是这样,怎么样可以让那些不用再显示的文件再隐藏起.

３,隐藏的文件在打开网页的时候是同时被加载了,会对网页的打开浏览速度造成不小的影响。

希望赵老师能研究一个更好的方法来实现这个效果！万分感谢！

[回复]
1
是，按照你的要求来说，就是很麻烦的

2
你可以定义一个标头动作，或者一个动作组，内容是分别隐藏所有的图层，也就是多个隐藏图层的动作
然后你每次要显示某个图层时，也使用动作组，先调用之前定义的动作隐藏全部
再指定显示某个图层

3
是的，这没有办法解决，除非你不用SWF，或者使用多页面



[ 本帖最后由 赵鹏 于 2007-2-27 23:06 编辑 ]

ol赵鹏老师我安装了MenuMachine2可是一打开调板出来的是这种状况（请见图），还有就是我的MenuMachine2安装是不是有问题？我的GoLive
是安装在D盘软件安装这个中文目录下。安装的MenuMachine2总是要默认安装到F:\PATH目录，我把里面的Extend Scripts这个目录复制出来覆盖到
GoLive安装的相应路径下，还是不行。请问这是怎么回事？期待您的回答。如果哪位网友知道也请帮帮忙,谢谢！



[回复]
你要开启或者新建一个站点
才能使用menumachine

安装路径的问题是我没有制作好
对不起



[ 本帖最后由 赵鹏 于 2007-2-27 23:08 编辑 ]