Site Planning And Wireframing
Working Files - Download These First
What You Will Learn
The Workflow Process
Setting Up Illustrator For Web Layout
Getting Started With Wire Framing
Making The Layout Precise With Transform And Align
Setting Up Layout Guides
Wireframing Additional Layout Objects
Finishing Up The Wireframe - Part 1
Finishing Up The Wireframe - Part 2
From Wireframe To Design
Choosing Fonts
Choosing Colors
Creating The Site Logo
Scaling And Positioning The Logo
Creating A Brush Effect
Building Out The Design Further
Pushing The Design Further
Using Yahoo! Design Elements
Moving The Design To Photoshop
Getting The Design Into Photoshop
Adjusting The Canvas Size
Introducing Smart Objects
Breaking Apart The Layout - Part 1
Breaking Apart The Layout - Part 2
Breaking Apart The Rest Of The Layout
Organizing The Layers Panel
Building Out The Header
Inserting The Header Texture And A Clipping Group
Inserting Photographs - Part 1
Inserting Photographs - Part 2
Building The Center Section
Finalizing The Layout
Installing WordPress Locally On The PC And Mac
Downloading WordPress
Downloading XAMPP For PC
Starting Up XAMPP And Creating The MySQL Database
Installing WordPress On The PC
Downloading MAMP For Mac
Pointing MAMP To WordPress
Creating The Database And Installing WordPress On The Mac
Getting WordPress Set Up
Viewing And Touring The Admin Console
Viewing The WordPress Front And Backend
WordPress Main Areas
Permalink Option Settings
Changing The Sites Theme
Building A Custom WordPress Theme
Viewing The Template Files And A Note About Text Editors
Defining The Main Layout Components - Part 1
Defining The Main Layout Components - Part 2
Adjusting The Layout Width
Starting The Sites Header
Slicing The Layout's Header Graphic
Saving The Header Background
Correcting The File Structure
Inserting The Header Graphic Into The CSS
Extracting The Logo From The Photoshop Layout
Inserting The Logo And Making Code Adjustments
Resizing The Logo
Roughing In The Slidshow - Part 1
Roughing In The Slidshow - Part 2
Building The Site's News Feed
Understanding How Posts And The Loop Works
Writing And Publishing Posts
Setting A Featured Image Post Thumbnail - Part 1
Setting A Featured Image Post Thumbnail - Part 2
Inserting The More Tag
Creating Additional Test Posts
Setting The Blog Loop Background Graphic
Controlling Background Tiling
Adding The Blog Loop Title
Customizing How Posts Display - Part 1
Customizing How Posts Display - Part 2
Finalizing The Blog Loop
Building The Site Pages And Main Menu
Understanding Pages Versus Posts
Publishing Pages And Updating The Menu
Creating Additional Test Pages
Controlling The Order Of Menu Items
Finishing Up The Menu
Building The Layout's Center Section
Saving The Graphic For The Center Section
Coding The Center Section
Applying The Background Texture
Extracting The Center Section Graphics
Coding The Center Graphics
Final Center Box Adjustments
Setting Center Box Hyperlinks
Building An Automated Slideshow
Downloading And Installing The Gallery Plugin
Inserting The Gallery Code
Creating The Slideshow Graphics
Building The Slide Posts
Configuring The Slideshow
Removing The Gallery Posts From The Loop
Building The Sidebar And Footer
Saving Out The Sidebar Background
Adjusting The Sidebar CSS
Previewing The WordPress Default Calendar
Downloading And Installing An Events Calendar
Adding An Event To The Calendar
Customizing The Calendars CSS
Installing The Photo Gallery Widget
Configuring The Photo Gallery Widget
Adjusting The Thumbnail Size
Creating The Thumbnail Posts
Restricting The Gallery Posts
Adjusting The Blog Loop And Gallery CSS
Inserting The Newsletter Graphic
Building The Layout's Footer - Part 1
Building The Layout's Footer - Part 2
Setting The Graphics In The Footer
Finalizing The Footer Content
Uploading To A Live Web Server
Exporting The Local Database
Preparing The Database For Uploading
Creating The Live Database
Adding A Database User
Importing The Local Database
Updating the PHP and CSS Files
Updating The Configuration File
Uploading The Sites Files
Viewing The Live Site And Final Tweaks
Wrapping Up