分类: 网页技术 |
  • 1
预览模式: 普通 | 列表

硕思网页魔法菜单8.3功能增强不少!

今天偶然在网上发现,硕思魔法菜单(Sothink DHTML Menu)居然已经升级到了8.3版。这是我非常喜欢的一个工具。赶快当下来试用了一下。比原来的版本好用多了,还是汉化版的。至少有几个重要改变:

1、加了快速选择工具,可以一批批的选中同类菜单,并可直接在“编辑模式”中直选。
2、提供了一键快速发布功能。
3、提供了源文件夹及JS、图片子文件夹的可选路径。

好象提供了自动生成站点地图、GOOGLE XML等不错的功能,还没来得及试用。
使用中也发现了一个不方便的地方。

查看更多...

Tags: 硕思网页魔法菜单8.3 Sothink DHTML Menu

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4281

一般的企业网站,都有"企业位置"、"地理位置"等栏目,以便于客户问路。还在使用一张静态图片或是自己制作个简单的FLASH来做地图么?你OUT了。大的服务商早就提供了地图接口。我选用了最经典的百度地图和Google地图两家,说说我们的实战感受。

  百度地图 google地图
申请前提 必须先注册百度会员 必须先注册google会员
生成方式

到"地图API"栏目,按向导申请生成,单个会员可申请多个地图

 

到会员帐户下的"google地图"-"我的地图"-"创建新地图",编辑好新地图后选“分享链接"即可。
插入形式 最终生成一个整页面代码,建议在调用页使用iframe形式调用 生成一段html代码,将此代码插入页面即可
本地地图功能 标记功能较强,生成地图比较详细 生成局部地图时,太简单
比较结论 建议使用 可以使用
使用示例

湖南省人民医院-医院位置

查看更多...

Tags: 企业建站 使用交互地图 地理位置图

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6760

原作者地址:http://dillerdesign.com/experiment/DD_belatedPNG/

老版本的解决方案有各种问题,费了我很多功夫,终于找到这个好方法,记一下,免得又忘了。

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4322

五、勇气拼一拼,让你超越别人的加分题目来了! (不限于一种方法,共30分)

使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px,长边为150px的红色十字架。

 

 

原文链接在这里

我的解答在这里

 


<title>无标题文档</title>
<style>

/*---------第1种方法实现-------*/
div{background:red;}
.a1{  width:150px; height:50px; position:absolute; top:250px; left:0;}
.a2{width:50px; height:150px;position:absolute; top:200px; left:50px;}
/*---------第2种方法实现-------*/
.a3,.a5{  width:50px; height:50px; float:left; margin-top:50px;}
.a4{width:50px; height:150px; float:left;}
/*---------第3种方法实现-------*/
.a6,.a7,.a8,.a9,.a10{  width:50px; height:50px; float:left; background:green }
.a6{ margin:0  0 0 50px;}
.a7{ margin:50px 0 0 -100px;}
.a8{ margin:50px 0 0 -50px;}
.a9{ margin:50px 0 0 0}
.a10{ margin:100px 0 0 -100px;}
</style>
</head>

<body>
<div class="a1"></div>
<div class="a2">方法1</div>



<div class="a3"></div>
<div class="a4">方法2</div>
<div class="a5"></div>


   
<div class="a6"></div>
<div class="a7"></div>
<div class="a8">方法3</div>
<div class="a9"></div>
<div class="a10"></div>
</body>
分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5490

一张美女图片的加工

原图有水印,较窄:


加工后:
分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4328

长沙能做标准化页面(div+css)的人不多2

还是几件小事。
1、我一个FLASH强人朋友,告诉我,他们的单页面代码(HTM代码)近3000行。我很好奇的查了一下我近期写的网站首页代码,如果长度在2-3屏左右的页面,我的代码一般都在180-300行左右,15-20K。

当然,如果页面以图片为主,代码相应会少很多。

2、另一个好友。说他公司的美工,写一个页面(DIV)居然要一天时间。
这是可能的,当我还是菜鸟时,也试过一个晚上,为了通过数个浏览器的验证,为一个页面的一个模块,调试整晚。现在,终于轮到我,清闲的看着别人着急上火了,哈哈。

一般来说,对于类型比较固定的企业站,我的页面效率是很高的。不光快,而且因为模块都是相对固定的,通过浏览器测试几乎没什么问题,一般我会测试IE6/7/8/FIREFOX。

总之,至今为止,我在长沙的同行中,还没看到很让人满意的DIV代码。虽然满大街的网站制作公司,都已经宣称DIV化--其实不成熟的DIV,只会让人更加烦恼。

Tags: div+css 标准化页面

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4308
鸿力公司开发网站项目中,做了个双色设计稿备选,这已经成为我目前做稿子的惯例了。一般来说,只让客户选择一个的。

最后客户在核准时,本通知我方按“红色稿”制作。等网站完工后,方才知道是联系人口误-其实老总最后定的是“蓝色稿”-虽然责任不在我们制作方,但是毕竟这是客户的要求,咱不改也不行。于是又换成了蓝色版本。并且,我们决定使用这个项目,做一个双色随时切换的样本,也就是一般所说的换肤功能。切换开关如下图:


通途的标准化流程,要求PSD原稿使用图层样式、使用调整层等手段,总之就是让设计的色彩、元件非常易于调整,方便出各种版本的稿子,一但客户有要求,可以在极短时间内,达到快速调稿之可能。

在页面制作流程方面,全部使用XHMTL+CSS(即DIV+CSS)架构,并且都有完全成熟的模块命名、定义。一旦设计调整,页面生产线同步调整非常之快,基本上不用去操作已经成形的结构文件(HTM、ASP),可以做到装饰与结构的完全分享。

以上描述可能专业,总之,以上技术导致的最终效果就是:

即使客户要求变化很大,我们也能快速完成修改。


Tags: 标准化流程 双色稿 换肤

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4581

学习FLASH CS4,新工具新效率



前两天在卓越网买了本《Flash CS4动画设计与制作208例》,挺兴奋。装了软件跟着学习。
CS4增加了很多新功能,有很多我非常期待的改变。
分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3794

长沙能做标准化页面的人不多

昨天帮一个南宁的朋友查页面代码,查了半个多小时才发现是他一个标签次序搞错了(代码结构问题)--一个对于专业人员来说低级的错误,低级到我根本都没想到这上面去,而把主要精力去查他的CSS部分去了。

我经常帮朋友查页面,因此也有幸见识过无数千奇百怪的XHTML(俗称DIV+CSS)。总体来说,菜鸟数量占到80%以上,很多所谓的DIV页,其实只是个花架子。但客户分辨不出来,甚至一般水平的开发人员,也分辨不出来。因为大家都没做过很专业的学习,只是指到哪打到哪。

我一位为移动公司做网站的朋友,也在转DIV过程中深感吃力。我想帮他,让他抽个时间到我这里来,系统的给他讲一下结构化方法。他总是说手头的事做不完,没空来-甚至连看书的时间都没有。其实这是典型的“磨刀不误砍柴工”--可惜太多的人就是选择了疲于奔命。

查看更多...

Tags: 标准化页面 开发方法

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3997
这个东东能解决什么问题?-原来曲线、圆角、阴影等图片无法在IE6中完美使用(边缘显示不完美),因为IE6对PNG的支持太差,有了这个方案,以后可以随心所欲的用这些效果了,能使网页增色不少!


其实原来就测试过这个问题,只不过好象使用比较麻烦,今天正好在蓝色上找到了一个这个完美的解决方案。只要插一个JS就搞定了所有问题:
http://home.blueidea.com/space.php?uid=403583&do=blog&id=11347

查看更多...

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4802

在AE等软件中不能导出FLV的解决方法

本文详情发布在http://bbs.blueidea.com/thread-2938315-1-1.html

我用的是After Effects 7.0,众所周知,可以用它来处理一些FLASH本身无法完成的特效,但是如果导出为SWF文件,体积会非常大,同样一个2秒左右的特效,导出SWF为2M左右,导出FLV高质量只有200多K,除了SWF是透明底之外,画质基本持平。因此在很多场合,在AE中导出FLV,再放到FLASH中处理,是一个不错的选择。

但导FLV碰到了问题,开始发现我家里安装的AE根本没有导出flash video(即FLV)这一选项,但奇怪的是在公司安装的AE中可以导出,并且可以自由选择质量。断断续续研究了2天,参观了不少网站上的资料,才把问题完全搞清楚。要能导出高画质FLV,必须有这样几个条件:

查看更多...

Tags: AE aftereffects 不能导出FLV

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 8980

很有用的DW功能-录制和保存命令

===更多通途动态请关注设计师QQ空间:http://user.qzone.qq.com/258754/blog/

使用这个功能,以后整理不规范的HTML文本(比如OFFICE软件生成的HTML)就相当的方便了,可以把电脑开在那里,让DW自动批量清理那些废标签,再也不用一次次按查找替换了。

我早就预计DW会有这个功能(CS4版本有这个功能,其它版本还不清楚)。

查看更多...

Tags: DW 录制和保存命令

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5408

FLASH学习心得汇总贴

===更多通途动态请关注设计师QQ空间:http://user.qzone.qq.com/258754/blog/

1月27号大年初二

1、从根的代码中,描述非根MC中的子MC属性时,那个子MC必须在第一帧-这个问题很常见,有空再研究一下;

查看更多...

Tags: FLASH学习

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4229

为客户做得更细致-通途图标制作

--我们决定,以后所有客户网站,均会加上系列图标。

一直想解决图标制作的问题,虽说图标只是一个网站或是一个软件产品的一个极小的装饰,但是如果做得漂亮了,能更好的体现整体的风格--完整的商业产品,就应该讲究细节。
于是先后试用了三款图标工具,最后才发现了这种功能强大到豪华程度的工具:
iconworkshop603

查看更多...

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4821

试用了水波生成工具Sqirlz Water Reflections

功能很强大,生成的gif动画是:


原图是

查看更多...

Tags: 水波生成工具Sqirlz

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4906

[转载]关于Web标准和Div+CSS的闲聊

作者:Ystar灬龙子 日期:2008-06-02


“Web标准”这个词听说好久了,但是到底什么是Web标准呢?我们该如何实现Web标准呢?DIV+CSS布局是Web标准吗?实现Web标准到底有什么好处呢?

查看更多...

Tags: Web标准

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4884

网站设计应该用什么图片

可能很多设计师每天都面临这样的选择,并且也会面对客户的很多挑剔,我奉献一点不成熟的意见。
先说主图片,再说辅图,第三说图标、细节花纹类。

主图片:
1,如果客户本身有专业摄影拍的照片、做画册的图片是最好,那本身就是专业图片,几乎不用修饰。

查看更多...

Tags: 网页设计选图 网页图片

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5341

建议大家装dreamwaver cs3

默认安装也不会覆盖原版,会自动导入以前的站点设置。

我至少发现了三个很有用的地方,解决了一些以前比较麻烦的问题:
1,那种现在常见AJAX TAB的标签切换,现在DW提供了内置组件叫“spry选项卡式面板”,可以用CSS自定义外观 。
2,可以外部导入XML数据列表,并用spry功能执行数据展示和表单控制。

查看更多...

Tags: dreamwaver cs3

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5024
  • 1