那些年,我做过的网站

2001年,我制作了第一个个人主页。10年过去了,让我来回顾一下,10年来我做过的网站。

以下列举了34个网站,只包含目前仍然在线、或者能够找到截图/源码的站点,且不包含某些非公开项目;实际做过的网站,大约在60个左右。部分截图来自Internet Archive Wayback Machine

2001 个人主页

  • 内容:自我介绍,我的第一张数码照片
  • 技术:FrontPage
  • 发布:通过电子邮件发给读者
个人主页 截图

2002 FredSoft

  • 内容:VB编程作品
  • 技术:手写HTML4
  • 发布:学校空间
FredSoft 截图

2002 个人文件夹

  • 内容:链接到子文件夹
  • 技术:手写HTML4、CSS、JavaScript
  • 发布:本地计算机个人使用,Windows 98的folder.htt功能
个人文件夹 截图

2003 国际帅哥组织

  • 内容:宣传我和班内另一帅哥;好吧,我承认这个组织是我们编造的
  • 技术:FrontPage
  • 发布:freewebs.com免费空间,icmo.2ya.com二级域名
国际帅哥组织 截图

2003 七宝中学社团文化节:学校抗非典

  • 内容:非典型肺炎知识和新闻
  • 技术:Dreamweaver
  • 发布:光盘提交到竞赛组委会
学校抗非典 截图

2004 个人主页

  • 内容:门户
  • 技术:手写HTML4、JavaScript
  • 发布:虎翼网免费空间fredsoft.51.net
个人主页 截图

2005 数学知识应用竞赛:为您选择手机资费套餐

  • 内容:通过数学方法选择最便宜的手机预付费套餐
  • 技术:手写JavaScript
  • 发布:光盘提交到竞赛组委会,『阳光家园』子栏目
为您选择手机资费套餐 截图

2005 阳光家园

  • 内容:VB与网页编程作品,以及歌曲录音等
  • 技术:手写HTML4
  • 发布:china.com免费空间,sunnyland.1a.cn二级域名
阳光家园 截图

2005 It's Me!

  • 内容:自我介绍、联系方式,以及歌曲录音
  • 技术:手写HTML4
  • 发布:freewebs.com免费空间 freewebs.com/13167142048
It's Me! 截图

2006 你的阳光

  • 内容:个人照片、学习资料等
  • 技术:Dreamweaver,ASP
  • 发布:学校Windows Server 2003服务器,yoursunny.com域名
你的阳光 截图 你的阳光 截图

2006 网上名片

  • 内容:自我介绍、联系方式
  • 技术:套用模板
  • 发布:hubd.cn免费空间,m.yoursunny.com域名
网上名片 截图

2006 上海交通大学家园网

  • 内容:生活园区信息
  • 技术:Dreamweaver,ASP.NET
  • 发布:学校Windows Server 2003服务器,学校域名
上海交通大学家园网 截图

2006 第6届五星寝室

  • 内容:五星寝室大赛
  • 技术:Dreamweaver,ASP.NET、PHP
  • 发布:学校Windows Server 2003服务器,学校域名
第6届五星寝室 截图

2007 你的阳光

  • 内容:个人网志、学习资料等
  • 技术:Dreamweaver,PHP
  • 发布:学校Windows Server 2003服务器,yoursunny.com域名
你的阳光 截图

2007 65536条网络技巧

  • 内容:目标是写下65536条网络技巧,实际上只有1条
  • 技术:Dreamweaver
  • 发布:学校Windows Server 2003服务器+512j收费PHP空间,www.65536.cn域名
65536条网络技巧 截图

2007 网上名片

  • 内容:自我介绍、联系方式
  • 技术:手写XHTML
  • 发布:学校Windows Server 2003服务器,www.65536.cn域名子目录
网上名片 截图

2007 上海交通大学心擎网

  • 内容:心理咨询中心信息
  • 技术:Dreamweaver,ASP.NET
  • 发布:学校Windows Server 2003服务器,学校域名
上海交通大学心擎网 截图

2007 第7届五星寝室

  • 内容:五星寝室大赛
  • 技术:Dreamweaver,PHP、ASP.NET
  • 发布:学校Windows Server 2003服务器,学校域名
第7届五星寝室 截图

2008 你的阳光

  • 内容:学习资料等
  • 技术:Dreamweaver,PHP,Prototype.js
  • 发布:学校Windows Server 2003服务器,yoursunny.com域名
你的阳光 截图

2008 技术频道

  • 内容:技术文章和作品
  • 技术:PHP,WordPress
  • 发布:学校Windows Server 2003服务器,www.65536.cn域名
技术频道 截图

2008 上海交通大学本科生GPA计算器

  • 内容:GPA计算
  • 技术:Prototype.js,TinyMCE
  • 发布:『你的阳光』子栏目
上海交通大学本科生GPA计算器 截图

2008 网上名片

  • 内容:自我介绍、联系方式
  • 技术:手写XHTML
  • 发布:『你的阳光』子栏目
网上名片 截图

2009 你的阳光

  • 内容:学习资料
  • 技术:XHTML,PHP,jQuery
  • 发布:volit.com收费linux空间,yoursunny.com域名
你的阳光 截图

2009 技术频道

  • 内容:技术文章和作品
  • 技术:PHP
  • 发布:volit.com收费linux空间,www.65536.cn域名
技术频道 截图

2009 阳光GPA计算器

  • 内容:GPA计算
  • 技术:jQuery,模块化JavaScript
  • 发布:『你的阳光』子栏目
阳光GPA计算器 截图

2009 网上名片

  • 内容:自我介绍、联系方式
  • 技术:手写XHTML
  • 发布:『你的阳光』子栏目
网上名片 截图

2010 你的阳光

  • 内容:个人Web2.0聚合,学习资料,技术文章和作品
  • 技术:XHTML,PHP,jQuery
  • 发布:居无定所,yoursunny.com域名
你的阳光 截图

2010 阳光GPA计算器

  • 内容:GPA计算
  • 技术:jQuery,模块化JavaScript
  • 发布:『你的阳光』子栏目
阳光GPA计算器 截图

2010 网上名片

  • 内容:自我介绍、联系方式
  • 技术:手写XHTML,PHP
  • 发布:『你的阳光』子栏目
网上名片 截图

2010 注册Windows Live账号

  • 内容:注册msn.cn账号
  • 技术:ASP.NET,Windows Live Admin Center
  • 发布:signup.msn.cn
注册Windows Live账号 截图

2010 backuplet

  • 内容:微博备份工具
  • 技术:JavaScript,PHP
  • 发布:『你的阳光』子栏目
backuplet 截图

2011 必应出口通管理平台

必应出口通管理平台 截图

2011 你的阳光

  • 内容:个人Web2.0聚合,学习资料,技术文章和作品
  • 技术:XHTML,PHP,jQuery
  • 发布:linux收费空间、VPS,yoursunny.com域名
你的阳光 截图

2011 网上名片

  • 内容:自我介绍、联系方式
  • 技术:手写XHTML,PHP,二维码
  • 发布:『你的阳光』子栏目
网上名片 截图

Tags: web