免费高品质的HTML / CSS模板 - 示例和教程
fmms 13年前
<h3><a class="offSite" href="/misc/goto?guid=4958317675025649049" rel="nofollow" target="_blank">Free Single-Page HTML5 Portfolio Template</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317675025649049" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/93255f7ba8427f861c51586f408c3d82.jpg" width="640" height="350" /></a></p> <p>Completely free single-page HTML5 portfolio template and all of the accompanying PSDs.<br /> It has been jointly designed by Hannah Milan & Joefrey Mahusay and is a beautifully crafted template perfect for any creative designer as a means of displaying their portfolio.</p> <h3><a class="offSite" href="/misc/goto?guid=4958317676549419326" rel="nofollow" target="_blank">Free Website Template - Learning Center</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317676549419326" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/7ac52518487f81cc9e71567877046bb1.jpg" width="430" height="324" /></a></p> <p>Download a fresh freebie from TemplateMonster - a free website template designer for a learning center website. But even though it's optimized for education topic, you can easily customize it for any other purpose because you have all of the source files included into the download package of this free website template. You are absolutely free to use this template for your own projects, our only requirement is you cannot resell it as a template. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317317141076510" rel="nofollow" target="_blank">CoffeeCols HTML5 and CSS3 Multi-Column Magazine Style Template</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317317141076510" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/413dc59d30a5f20aa607e26d13fd97d6.jpg" width="650" height="544" /></a></p> <p>CoffeeCols is a fun, creative magazine style template that uses equal boxes on the home page to make content stand out. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317679505161483" rel="nofollow" target="_blank">Html5 Starter Pack</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317679505161483" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/74fa4f63de2cac7d5cb6fef1f4e78609.jpg" width="650" height="324" /></a></p> <p>It's a very basic HTML5 starter pack with a clean & ordered directory structure fit for most projects, a few of the most common files (html, css, js), as well as a basic Photoshop web design template, again with an groups structure fit for most projects.</p> <h3><a class="offSite" href="/misc/goto?guid=4958317345927697423" rel="nofollow" target="_blank">Free HTML5 & CSS3 Website Template - OWMX-1</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317345927697423" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/80c1c1d6e3aabeec83b585d7856092f7.jpg" width="650" height="502" /></a></p> <p>OWMX-1 is a two-column blog template made purely with HTML5 & CSS3. All images are royalty free. Feel free to use it.</p> <h3><a class="offSite" href="/misc/goto?guid=4958197982708190171" rel="nofollow" target="_blank">A free HTML5 and CSS3 theme</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958197982708190171" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/5a419313a03e8a6086e362023cdaf008.jpg" width="600" height="435" /></a></p> <p>Features<br /> Uses HTML5 and CSS3<br /> Awesome design with a hot pink color!<br /> Fully working Ajax PHP contact form<br /> Modernizr for enabling of HTML5 elements & feature detects<br /> Respond.js – a lightweight polyfill for min/max-width CSS3 Media Queries<br /> Uses Droid Serif, loaded from Google Fonts, for the headings<br /> IE6 & IE7 warning (can easily be edited to IE6 only or removed)<br /> Free to use! (: – It’s released under New BSD License. The license is included in license.txt </p> <h3><a class="offSite" href="/misc/goto?guid=4958317683894946424" rel="nofollow" target="_blank">Free Architecture Website Template</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317683894946424" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/6686bae927ef912b4fb333854f7c1188.jpg" width="620" height="339" /></a></p> <p>This free website template is created by the team of our professional designers with a single goal – to give you a pretty nice chance to create the noticeable and well-done online project. This theme along with a little bit patience and your designer’s taste are all you need to get the desired project that will certainly draw the attention of your customers. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317328519636707" rel="nofollow" target="_blank"><br /> Code a Vibrant Professional Web Design with HTML5/CSS3</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317328519636707" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/9e6f44ff4df6e9f586d185105459695d.jpg" width="600" height="764" /></a></p> <p>In this second part of this web design tutorial series, we will convert the vibrant and professional design we designed in Part 1. We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317686879677224" rel="nofollow" target="_blank">Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317686879677224" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/1e121a2791ff64b4168732b6e13cf937.jpg" width="650" height="457" /></a></p> <p>HTML5 is the future of web development but believe it or not you can start using it today. HTML5 is much more considerate to semantics and accessibility as we don’t have to throw meaningless div’s everywhere. It introduces meaningful tags for common elements such as navigations and footers which makes much more sense and are more natural. This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317688386119356" rel="nofollow" target="_blank">Free Music Website</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317688386119356" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/7629166b13dd750720fc133a7f7a04c7.jpg" width="600" height="987" /></a></p> <p>We are glad to deliver this Free Music Website Template that we consider to be a good start for your future project or at least a good source of inspiration. </p> <h3><a href="/misc/goto?guid=4958317689883191682" rel="nofollow">Flower blog - The Techniques You’ll Soon Be Using </a></h3> <p><a href="/misc/goto?guid=4958317689883191682" rel="nofollow"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/5616f9497c21c696bfe6a28372c23d8f.jpg" width="550" height="380" /></a></p> <p>In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317691395706544" rel="nofollow" target="_blank">Shinra HTML template</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317691395706544" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/9a1413e990459271efa3e6dc842f3aeb.jpg" width="650" height="473" /></a></p> <p>Corporate yet simple and friendly website layout. Includes more than 5 page templates and working PHP contact form.</p> <h3><a class="offSite" href="/misc/goto?guid=4958317692902229377" rel="nofollow" target="_blank">Vivid Photo: Free Photography Template</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317692902229377" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/c90e2ff4a70ffedba0381841fbd4d78f.jpg" width="650" height="365" /></a></p> <p>Vivid Photo” is a modern and elegant Photography Website Template. It is cross browser compatible and created to suit needs of photographers. The template is made using HTML5, jQuery and CSS3 with cufon fonts, HTML5 Contact Form and a lot more stuff for various functionalities. You are free to use it for your personal as well as commercial projects. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317694409625473" rel="nofollow" target="_blank">Vivid Photo: Free Photography Template</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317694409625473" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/d8f399bbbfb48275a4ea1c214546a2bf.jpg" width="638" height="436" /></a></p> <p>This HTML5 + CSS3 admin area template was created specifically for application and theme developers who want more out of their admin dashboard. Forget using a basic admin template, this theme comes with jQuery Table Sorter built in and easy integration with Google Chart API. The ability to hide and show menu sections is also included, along with tons of styles for various sections, inputs, and alerts. </p> <h3><a class="offSite" href="/misc/goto?guid=4958317695924542574" rel="nofollow" target="_blank">Free HTML5 Website Template for your online portfolio</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317695924542574" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/8cbccdc7deee2808504f279c2deb07eb.jpg" width="620" height="658" /></a></p> <p>This theme is a mixture of what you would expect to find in a good HTML5 website template – it provides catchy layout and the most important features of HTML5 markup language. Using it you will be able to cover most of your creative work and devote much attention to its central points.</p> <h3><a class="offSite" href="/misc/goto?guid=4958317697463981784" rel="nofollow" target="_blank">Acallia</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317697463981784" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/20bd1f97b580951f7c3d212e1c300eed.jpg" width="650" height="578" /></a></p> <p>Free HTML5 template for your site.</p> <h3><a class="offSite" href="/misc/goto?guid=4958197978224543857" rel="nofollow" target="_blank">Free Website Template – Memoir</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958197978224543857" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/221e0201cfb1c283ff88dd75e37369b4.jpg" width="650" height="445" /></a></p> <p>This template is released under Creative Commons Non-Commercial License. You are free to use it for your website, provided the link back to this website is kept intact on all the pages.</p> <h3><a class="offSite" href="/misc/goto?guid=4958317700414076484" rel="nofollow" target="_blank">Free Business Company Website Template</a></h3> <p><a class="offSite" href="/misc/goto?guid=4958317700414076484" rel="nofollow" target="_blank"><img alt="免费高品质的HTML / CSS模板 - 示例和教程" src="https://simg.open-open.com/show/6f337ee2b616e9be304725b7f187db40.jpg" width="430" height="319" /></a></p> <p>Hurry up to download the all-free website template from TemplateMonster - this week's topic is Business Company. All of the source files are included into this free website template for you to be able to fine tune the final result. Also please note there are 3D model images included as a clipart in this free template. They are part of the design so you may keep them. </p>