慧教云

[返回工作室广场]
工作室首页 > 文章列表 > 文章详情
文章详情

利用表格布局方式解读

发布者:张志勇 发布时间:2014-12-21 13:11:14 阅读(754) 评论(0

      

1419139904330707.jpg

      关于教育云空间装扮问题,不少云友都有着不同的学习经验博文代码分享,本不想写些什么的,但针对部分云友对我空间结构较感兴趣,现就表格布局谈些个人看法:

表格布局方式:

(1)代码布局:云中大多数老师的空间都是利用代码进行空间装扮的,这种布局方式要求学习一定的html语言,了解其语法结构特点,虽然有很多云友套用网易博客中的一些现有代码进行分享,但那只会更容易造成千篇一律的感觉,尽管大家的空间中图片视频内容不一样,但其风格特色却是一致的,夸张的说都是代码表格技术,只不过是它们的宽高不同,表格嵌套内容边框图案不同,表格单元中内容不同或滚动方式、图片透明度、对比度、滤镜效果及文字或图片链接方式不一样罢了,总体而言,无论你怎么修改都能看到相同的“影子”,而且这种布局对美术功底、素材(边框或背景)、及不同表格嵌套中内容的位置不同设罢会产生不同的美学效果要求,而且在较深入的代码改写中要求也相对来说高一些,可扩展性及修改上较繁锁,最主要的问题是这种布局不太符合计算机语言程序设计思想,更强调美感而不强调逻辑性,教育云本身是用php语言编写成功,在空间装扮中也是采用div(层)+css(层叠样式)这种最流行的方式编写的,因而这种布局模块可进行位置的不同设置,产生不同的效果,缺点占用页面多,不方便大家浏览!

(2)软件布局:可用来布局的软件有多种,如frontpage、dreamweaver、asp、php等,但就这个教育云空间能接受的都只是静态的布局,对于动态布局如有些老师利用论坛学习编制的视频播放器虽能进行展播浏览,但我猜想,服务器管理底层上应该不太稳定而且对浏览器安全等级有一定的要求限制,下面就我空间中的"新闻早知道“模块介绍一下用dereamweaver进行静态表格布局,有兴趣的老师可参看一下:

一、请在你电脑上安装dreamweaver8.0及以上版本;(百度中搜索可用绿色版);

二、打开dreamweaver软件:粘贴如下:

注意代码在左边后粘贴,这时就可看到右边设计窗中出现的网页图;

 三、可直接更改文字或图片,在如下图属性栏中更改链接即可达到你的内容设置,上方图片如校园动态等是一样的可直接更改(请留意图中被选择部分及下方链接处,不看左边代码部分)

 四、修改成功后,双击右图中最外边框,左边代码会自动选中,复制到你的教育云空间就能做出这种表格方式的布局。

写在最后:其实这种方式的布局,类似于excel中的表格单元格的合并、拆分、要看嵌套效果推荐喻华波老师的云空间主体就是这种形式的制作,当你完成后,你会发现这种布局灵活性高些,设计自由度大,操作简单方便,但因其是静态的,交互性差,而且维护起来远没div+css灵活实用,还是希望开发者能尽可能的开放动态设计及javascript语言,到那时老师们的空间才能真正的做到“百花齐放”!

1419138613403692.gif

写评论

还能输入140个字

最新评论(0)

还没有人发表评论