How long have you been thinking about taking the step from print to web? You may know a lot about Photoshop, paragraph styles in InDesign, or the steps it takes to get that transparency to print. So why not put that knowledge to use on the web? This seminar is for those of us who want to get that first CSS–based site out there, need to speak intelligently with those who already know CSS, or who simply want to design better web sites—knowing how they are put together. Taught from a print designers perspective, this CSS seminar will show you the step-by-step process of taking your web designs to the browser with HTML and CSS. Using a proven teaching method, you will learn the ins and outs of CSS, have a working knowledge of CSS by days end, and the confidence to turn that design into a web site for the world to see.
• 30-day trial to the Lynda.com Online Training Library™ ($25 value)*
*New subscribers only
Nolan Erck has been developing software professionally for more than 14 years, starting in the video game industry as a Tools Programmer advancing to web development in 1999. He has worked on high profile projects for LucasArts, Maxis, Lisa "Left Eye" Lopes, Schools Credit Union, and Alive N Kicking Magazine among others. His list of credits includes Grim Fandango, Star Wars: The Phantom Menace, SimPark, and SimSafari, as well as high-traffic websites for a variety of technology based companies.
Nolan currently co-manages the Sacramento ColdFusion User Group and is an active member of the Web Developer community, giving presentations on Object-Oriented Programming and Web Development for groups across Northern California. Nolan is also certified in Adobe ColdFusion, and is an in-demand consultant, providing training and development experience for a variety of companies.
When he's not consulting or talking about himself in the third person, Nolan can usually be found working on one of several music projects.
CSS from the Ground Up (9:00-9:45)
What is CSS, exactly and what does it do? How is it different from styles in a program like Adobe InDesign? It's important to understand the what, how, and why of CSS before you journey down the path. In this part of the day, you will learn all of this and how you can use knowledge from print design and using programs like Photoshop, InDesign, Illustrator, and even Microsoft Word to create a site. We will even compare and contrast layout in a program like InDesign and the web.
Create your First Styles (9:45-10:10)
Every web site or page, for that matter, starts with some styling that is really generic. This is styling that applies to virtually everything on your pages and sets up your main formatting for your text and other content. In this part of the day, you'll not only learn what styles to create first and why, but you'll gain an understanding of the formatting you are applying.
Intro to Page Layout Using CSS (10:10-10:30)
When it comes to web design, the layout of your pages is key. Discover how to set the width of a page, how columns work, and some of the different ways to go about layout in this part of the day.
Break - 10:30–10:45
Layout your Page Using CSS (10:45-12:00)
Now that you know how layout works, we'll begin to explore the pixel-level precision that CSS gives us over our HTML and images. You'll learn how to layout a 2-column page (with an option for more columns) that is a fixed width and centers in the browser window like most sites today.
LUNCH ON YOUR OWN - 12–1:15
Style your Text Using CSS (1:15-2:15)
CSS has some really powerful ways to style your text. In this part of the day, you'll learn how to make changes to your text from simple font and color changes, to line-height (similar to leading) and much more. Along the way, you will learn how to style links, headings, and also learn what type of text styling is useful and why.
Style Images and Other Content (2:15–3:00)
Now that you have a layout on the page and some text content, it's time to add and style some of the good stuff like images and tables. In this part of the day, you'll learn how to style other content in your page design including images (alignment, borders, text-wrap and more), background images for the page and layout objects, a sidebar, and tables.
Break - 3:00–3:15
Design Navbars and Other Pieces to your Pages (3:15-4:00)
Beginning with creating and styling lists on your pages, you'll build on that knowledge to create a navigation system to get around the pages in your site. You'll also learn some easy ways to add pre–built navbars using copy and paste.
Take It Further with Hosted Fonts and More! (4:00–4:20)
This part of the day will give you a quick peek into some of the other, more advanced features of CSS, including rounded corners, hosted fonts, and a few other things (time allowed).
© 2013 Mogo Media. All rights reserved. Powered by FireBrand