Envato Elements Now includes 200,000 hand picked photos. Only $29/month. Envato Elements Now with 200,000 photos. Find Your Perfect Photo
Dismiss
Advertisement
  1. Web Design
  2. Complete Websites
Webdesign

Adaptive Blog Theme: Initial HTML Markup

by
Difficulty:BeginnerLength:QuickLanguages:
Complete WebsitesHTML
This post is part of a series called Adaptive Blog Theme: From Photoshop to HTML & CSS.
Adaptive Blog Theme: Post Layout
Adaptive Blog Theme: Basic Styles

We've finished working in Photoshop, so now it's time to begin translating our designs into working web pages. Let's begin by setting up a project and setting out some basic markup.

Homepage and Header Markup


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Article Markup


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Sidebar and Footer Markup


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube
Advertisement
Iign1n2b
Adi Purdila
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
Weekly email summary
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
View Online Demo View on Github
Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Translate this post
Powered byNative logo
Advertisement
Watch any
course now
Start FREE 10-day trial
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.
Wordpress
WordPress Themes
From $29
Magento
Magento Themes
From $64
Ecommerce
ECommerce Websites
From $21
Html5
HTML5 Templates
From $5
Elements
Unlimited Downloads
Only $29/month
Get access to over 18,000 creative assets on Envato Elements.
Market
Over 9 Million Digital Assets
Everything you need for your next creative project.
Studio
Hire a Freelancer
Choose from 2,000 professionals ready to do the work for you.
Community
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.