搞了一个新网站

之前突发奇想,想到一个域名,oneshoot,一查,org还可以注册,就注册下来。不过一直没有想到怎么用,直到今天。

oneshoot.org现在被设计成一个罗列集成功能软件的网站,如能看所有格式视频的播放器,能用所有IM帐户的聊天工具等等。此外,还有个响亮的口号:Do everything just one shoot.

页面布局上,oneshoot.org借鉴了jottit.com的简洁风格,内嵌的表格则是模仿iPhone(不过做得还不够像,也不够好用- -)

内容上,采用需求驱动,有点类似桌面软件的向导模式,也算是网页组织的一种新尝试吧。

实现上,为了方便更新分类及软件列表,采用xml格式来组织内容,格式如下:

<ListBox>
  <ListItem id="Test" title="测试">
    <ListItem id="Test1" title="Test1" remark="Test1 ……">
      <ListItem id="Test11" title="Test11" remark="Test11 ……" img="images/logo1.jpg" url="http://jeebook.com"/>
      <ListItem id="Test12" title="Test12" remark="Test12 ……" img="images/logo1.jpg">
        <ListItem id="Test121" title="Test121" remark="Test121 ……" img="images/logo1.jpg" url="http://jeebook.com"/>
      </ListItem>
    </ListItem>
  </ListItem>
</ListBox>

使用节点的id组成当前列表的路径,如路经/Test/Test1即代表例子中第三行的节点。这样就可以通过url参数传入的不同路径实现一个html页面显示所有不同列表,并最终实现只需要修改xml就可以变化列表内容的效果。

目前存在的问题包括:

1. 由于没有采用ajax模式,虽然页面已经非常简单,但列表切换时刷屏效果不好

2. 具体软件介绍时,缺乏图片显示,有点太素(xml中已经定义图片,但还没有考虑好怎么显示的问题)

3. 超级链接效果不明确,由于选中列表项会导致背景变色,容易让人以为整个列表项都在链接作用范围内,其实只有大标题才能触发页面跳转,这主要是因为<a>标签中无法放置如<div>等标签的缘故。

4. 某些css的效果还需要调节

网站现在已经可用,不过只有两款软件在上面,还请大家积极推荐你的最爱:)。

Leave a Reply

Your email address will not be published. Required fields are marked *