• 1
预览模式: 普通 | 列表

免费CSS布局和模板

  Internet 上有很多基于 (X)HTML/CSS 标记的模板。如果你是一个 Web 开发人员,你不希望把时间一次又一次地浪费在重复代码设计上面,这里提供了一个列表,提供了基于 CSS 的免费模板,几乎所有的资源都配有图片以及完整的布局结构。有些资源已经在 diglog 出现过了,这里正好做一个汇集。


Open Source Templates
是一个免费的 CSS 以及 XHTML 开源模板设计社区。

OSWD
是一个免费下载 Web 设计模板以及分享的社区,现在已经有 2080 个设计者。

OSWT
项目是为那些没有任何设计技能的用户快速创建页面而建立的。

MaxDesign
提供了一组 CSS 页面布局,包括 2 栏以及 3 栏布局。

CSSplay
提供了很多免费的很专业的层次布局。大多数都不需要经过授权而可以任意使用,不过,一些需要经过 email 授权!

Mollio
是一组简单的 html /CSS 模板集合。

Six Shooter Media
提供了15个模板(-____-`` 这也拿得出手?不过,还是十分有共享精神地!)。

CSS Design Templates
提供的模板你可以任意修改和使用,不过,必须要注明提供者的网站链接。

CSS Intensivstation
包含了 15 个布局。所有模板都是基于 XHTML 1.0 以及 CSS2 的哦。

CSSFILL
由 Michael Strand 设计的基于 CSS/XHTML 的布局和模板,免费下载。

CSS Frame Layouts
模板,基于CSS的页面模板,用于快速构建你的页面架构。

CSS Template Gallery
提供搜索功能,可惜只有 32 个模板(-_____-```)。

Ex-DesignZ
提供了 300 多个基于 (X)HTML/CSS 的模板。

Jimmy Lin
提供了完全(100%地完全!)基于 CSS/XHTML 以及适用于 IE5.0+ 、FireFox 1.5、Opera8.5 及 Safari 2。没有使用任何技巧(Hacks),并且可以轻而易举地进行修改。没有版权限制,但是必须注明来源链接。

Layout Gala
提供了 40 多个专业布局。使用规范的标记以及 CSS,在当前主流浏览器都能通过测试。

Little Boxes
包含 16 个布局,经典!

Solucija
  一个完全免费的基于 XHTML / CSS 的站点模板下载站点。可用户商业化或者非商业化网站,不过,要保留一个网站链接。

The Layout Reservoir
提供 2 栏以及 3 栏的布局。

Linknosie
是一个工具,你可以自定义布局类型,宽度以及其它的参数来生成布局。

Code Sucks
提供了大约 100 个 CSS 布局供下载。所有布局是按照 1024x768 的尺寸设计的。

SSI Develper
提供基于 XHTML 1.0 以及 CSS2 的 CSS 模板。

查看更多...

Tags: css design 学习 模板

分类:学习 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 30769

收藏的过内外网站设计资源

CSS库

做设计的时候

总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话,那么这还会为你带来很多访问者。

  • cssremix 发现的一个国外CSS标准网站收集站点.
  • cssBeauty CSS design showcase.
  • csselite 是一个CSS优秀团队,在这里你能欣赏到精彩的CSS作品。
  • www.sanyajl.com 一个收集符合Web标准布局的网站
  • http://www.cssheaven.com/ 我发给大家一个好的CSS网站(很多)
  • http://www.yanuoda.com
  • http://www.csscool.cn 国内的一个专门收集和整理符合Web标准的网站,含技术教程
  • 40 CSS Layouts 40个CSS布局实例及源码下载
  • Background Image Maker Create slash, strip, dot, gradation type background with few button clicks.
  • CSS Creator Layout generator.
  • CSS Optimiser Optimize your style sheet online.
  • CSS Photo Gallery  Cross browser multi-page photo gallery.
  • CSS Table Gallery Showcase of CSS design for tabular data.
  • CSS Tweak  Web based CSS tweaker.
  • Nifty Corners Cube Creates rounded corners without images.
  • Printing CSS background images Solution for printing CSS background images.
  •  
  • Css help pile   Links and Discussion About the Best CSS Resources Available on the Web.
  • www.meyerweb.com 埃里克 迈尔的站点
  • www.tanfa.co.uk 克莱尔 坎伯的站点
  • www.designdetector.com 克里斯 Hester 的设计探测器
  • www.cssbeauty.com CSS 设计陈列室
  • cssvault 保罗Scrivens - CSS 地下室
  • www.csscreator.com 最佳的CSS 论坛
  • www.mezzoblue.com 戴维 Shea的最优秀的站点
  • www.positioniseverything.net 大约翰和Holly Bergevin的站点
  • www.oswd.org 贾森・D. Collins的公开源码网页设计
  • Stylegala
  • Web Creme Web design inspiration.
  • Unmatched Style CSS gallery and website design inspiration.
  • Stylegala Another nice CSS gallery.
  • CSS Zengarden Good place to get inspired and learn other people's skills.
  • CSS Thesis Showcase websites created with CSS.
  • CSS Remix CSS gallery.
  • CSS Nightingale CSS gallery.
  • CSS Mania  Screen shots of beautifully done websites.
  • CSS Drive
  • css thesis
  • Styleboost
  • CSS intensivstation
  • CSSElite  Simple and straigh to the point gallery.
  • CSS Import The CSS Gallery.
  • CSS Mania
  • DesignShack
  • CssPlay   一位60多岁的CSS专家的个人网站.页面风格清新,当然更关键的是他的代码写得好.甚称高手的.想起国内的电脑行业大多是些年青人在做,而且不断听到传言说这行当也就是吃青春饭的,黯然一下...通过这个网站,我觉得还是给了小辈们信心的...我想,这行应该是可以做一辈子的事业.
  • CSS Mastery Latest CSS tips, tricks, techniques.
  • Unmatchedstyle

  • Web标准

    遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码,为什么一定要把他搞成1001行呢?

  • Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点,同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
  • Roadmap to Standards
  • Web Standards Project
  • Web Standards Checklist
  • Importance of Web Standards 

    验证器

    在你明白什么是Web标准以后,下面两个小工具可以帮你测试你的站点是否符合标准。

  • HTML & XHTML Validator
  • CSS Validator 

    易用性

    查看更多...

    Tags: css design 学习

  • 分类:学习 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 21933
    • 1