安房守日(真田豪语录)

 63 1234
发新话题
打印

[英策大欢迎]2008主页革新座谈

[英策大欢迎]2008主页革新座谈

优人登台肖古人,下台还优人,今文人为文又似之。

TOP

正在考虑技术化前后的主页的协调问题。。。

话说,哪位了解伪基百科的编辑模式的?觉得伪式排版很赞。

[ 本帖最后由 云间舞鹤 于 2007-12-28 09:47 编辑 ]
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

wiki百科我打不开。。。不大清楚具体的编辑方式

TOP

另外小八既然说要变革,那么我就就现有主页提点意见,仅供小八参考。

一直以来小八戮力效仿的楠木之风确实是雍容华丽,不可胜受。但在一些细节的地方仍旧有所欠缺。就我现在所接触到的技术来看,小八的制作和设计应该是同时进行的,而大概并非先设计后制作。那么说一下我现在使用的制作流程,虽然不是WEB2.0的重构技术,但是仍旧为大多数半专业\专业设计人员所使用。

一般设计工作是在PS或者FW里面进行的,这个时候完全遵循的规律就是平面设计+网页设计。为什么刻意说明是网页设计呢?因为我们的成品需要考虑技术上实现的可能性以及便利程度,所以要在最初设计的时候就要考虑到制作而进行相应的调整,这包括边框、背景、布局、页面内元素安排等等。比如哪里要放FLASH,哪里是静态图片(可切割),哪里是TABLE需要放文字的,哪里需要插入文本域或者iframe。由于我们的主页在实现功能的同时,仍旧很注重美观以及个人化的表现方式,所以不能完全由动态来实现(实际上我们现有的技术也不允许),所以应当采用静态+iframe/frame+JS(后台支持)这样的技术。好处就是在保证我们静态出色的外观情况下,还要带有动态功能。——当然门户网站并不这样做,而我们是个人性质的,主观比较重要。
在进行多方面考虑的情况下,按照既定的感觉做好设计工作后,即可以进行切割了。PS和FW同时都具备切片功能。切片的原则就是首先决定好将整个页面分为几个大的table。由于浏览器读取网页是不同table同时进行,所以将页面分成3-4个table来做,有助于提高浏览速度。而且像抬头、foot这些公用的部分可以做成iframe嵌套入其余所有需要的页面内,这样修改更新起来比较方便。分好table以后就可以在每个table内部进行功能区域性的细致切割了,这个就比较容易理解,导航如果要做鼠标悬停动画该如何切,如果只需要做热点改如何切,如果导航是flash该如何切,其实就是不同的运用表格的技术。当然你一刀下去,就是一个表格,这个要清楚才好。细致切好以后有几种生成方式可以选择,我自己用的比较方便的就是按照最初大布局的table用C键来切割成局部,再ctrl+alt+thift+S来生成html+图片的方式。如果布局比较复杂且有横纵不同的穿插,要选择生成间隔符。如果布局简单,那么可以选择不生成间隔符。间隔符本身的透明属性会破坏页面整体,出现一条诡异的线,可以再后期处理的时候在PS里自己切割高度或者宽度为1的GIF来取代间隔符。
这个时候大概已经生成了几个不同的html文件了(根据你最初的分区),然后在dreamweaver里面将这几个网页按照统一的table放在同一个页面内,保存,F12观察效果。页面属性、table的对齐等等都是在这个时候调整。
整体没有问题以后进行制作工作。从上到下依次制作导航(根据实现方式),文本域,ifame等等。需要替换掉表格内图片的地方,选中——删除,然后添加等大的表格(table),将间距、边框都设置为0(cellspace、cellpanding),背景再换成刚刚删掉的图片。这个时候里面再添加一个table,即可写入文字等等。iframe的道理相同,由于iframe有是否透明的要求,背景如何定义则由自己做主。

………………吃饭了,先写到这里。

TOP

[先手工把千曲川的贴子接过来]
“动态调试不一定非要联网,你可以在自己的本地计算机配置服务器环境的,需要安装组件”

  这个就是我的局限性了——配置起来烦不?要安装什么组件?
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

#4

1、切割问题英策老早就介绍过,然要我瞪着图片想出整个布局还真有点困难。一般是弄一段文本,估摸估摸长宽,再插点图啊符啊进去。制作现役主页的时候所掌握的技术还很贫乏,基本上一边在构思,一边从网海采撷代码,要在确定布局前做一副设计图,当时的情况是不允许的。但如果要重新设计首页的话,我想切割会是比较省力的方法。该技术虽然就用过个位数趟(有印象的也就yy馆山)但感觉还是很容易上手的。既然表格是同步下载的,这个方法将势在必行。
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

WINDOWS平台下的Apache

http://www.apache.org

Network Domain:本地计算机IP
Server Name:localhost
Administrator's Email Address:网络管理员的电子信箱
for all users:使用权限

安装好以后在浏览器内输入:http://本地计算机IP,查看结果。

TOP

#4

2、关于动态,本意是简化“所领图、武家宅、馆山城”等人事游乐景点的管理,不至于让宝贵的时间消耗在机械劳作上。要是有这方面的建议或方案,请一定提出来议一议。
    至于目录页(包括首页日志)的编排,涉及复杂的版块整理问题,还有更新以往资料的需要,对于其自动化进程,我却是有点望而生畏的。
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

引用:
原帖由 笕英策 于 2007-12-28 13:00 发表
WINDOWS平台下的Apache

http://www.apache.org

Network Domain:本地计算机IP
Server Name:localhost
Administrator's Email Address:网络管理员的电子信箱
for all users:使用权限

安装好以后在浏览器 ...
je t'aime.
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

继续写。

      在DW里面将需要的代码写的差不多以后,其实就可以传到服务器上看效果了。由于是整站制作,则需要在本地将所有页面都制作完成以后再上传服务器。二级子页面我觉得还是用嵌套的抬头和foot来做比较快捷。这些布局就要有具体的设计人员和制作人员协同考虑。

      关于新闻后台的使用估计我光说是说不清楚的,况且现在我也只是粗略的掌握了一点点相关的东西。其实我们需要的功能很少,仅仅就是一个列表,一个内容即可。列表只是单纯的文字,可以嵌套进事先准备好的的地方,而内容则需要自己制作模板来替换,同时安置相同的“类”即可。

TOP

#4

3、我需要很熟悉mysql吗?
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

回复 8# 的帖子

我想的多少有点不同。那些图片游览的地方,其实制作好一次之后很长时间内不需要更新,如果需要更新,则适宜积攒足够的修改点,统一按周期制作更新。

而文章列表和内容则是时时刻刻都有可能更新的,这里做动态化才是避免机械劳动的好方法。其实很简单,就是将你之前用实际文字写好的table里面的内容,替换成一个js就ok了。

TOP

回复 11# 的帖子

目前没有用到自己调用MYSQL的地方。所以不懂也无所谓。帝国后台其实就是希望面向新手的,但是了解的越多自然越好。

TOP

引用:
原帖由 笕英策 于 2007-12-28 13:10 发表
继续写。
我比较关心新闻系统的后台能不能同时而又智能地更新本家那些杂七杂八的目录。。。
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

引用:
原帖由 笕英策 于 2007-12-28 13:14 发表
乍一看是很小的东西,希望能用记事本来学习一下。
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

这里写点我关于设计方面的建议。
      
      我强烈希望小八至少按照我的设计步骤来做,因为第一这样可以有效提高效率,第二真的可以让你从整体上观察自己的设计稿。这是两种不同的高度,结果显而易见的,现在你能看到的所有设计方案都是需要先在PS里成型的。指出几点首页上的不足:整体感欠缺,元素凌乱驳杂。这是很直观的印象,虽然在配色上做的很出色,但是整体感觉、布局、元素设计等等地方不够规范的步骤导致了最终效果并不能有效还原头脑中的想法。所以我希望你能规范制作程序,这样不但利于自己进步,而且有助于工作本身的完成。

      如何区别个人主页以及门户主页,如何界定我们的设计风格,这些都是初期需要考虑的。楠木之风虽然雍容华丽,但是小八应该过了膜拜楠木的时期了。打开眼界多看看其他同样出色和更出色的作品,有助于你提高自己。设计本身是种态度,不断的尝试和完善才有可能更接近自己脑海中的想法。

      从策划到初稿到完成稿到制作,你会经历一个很有趣,也很不寻常的过程的。

TOP

回复 14# 的帖子

你需要多少个列表,就可以定制多少个JS,简单得很。JS、模板,都能随时生成的。

TOP

对了,关于游览点的更新,实际上相当琐碎。人事调动,个人文集,场所设置,改一圈基本面目全非了;再加上核实的工序,那真是时间杀手——所以一直在求索动态之路。
游览点的制作初衷,主要是为了充分利用现有的图、文资源,一方面摆噱头吸引新人,另一方面刺激家人码字夺高。现在噱头也摆过了,群众对刺激也麻木了,与其更新刷新不如做个全新的。当然,也很耗时,但意义就比较大了,而且可以从头搭建合理的管理系统,把该插的js都插进去,该做的数据库都做好。
优人登台肖古人,下台还优人,今文人为文又似之。

TOP

所以我说你按周期更新,不要时时刻刻更新啊

TOP

另外如果涉及到改动布局的,那就是制作一个全新版本的,否则就是只能一点点修改里面的数据。这个我不知道怎么做成动态的,况且做成动态的作用也不大。比如某个人的信息,可以做成动态的类,比如我们论坛上用户信息这个,到处调用,但是做成静态的iframe也可以的啊,你只要更新iframe指向的html就可以了。实际上动态也只是把不同的数据用类来代替,在程序里面随时调用和运算这样子。

TOP

 63 1234
发新话题