Wide World Of Web Design

Web Design 101: A practical guide to building websites

Wide World Of Web Design header image 2

The Web waits for no one

August 18th, 2008 · 2 Comments

Web Learning Series

More Blogging, More Videos.
It’s been a busy summer, and the result has been an extended hiatus with regards to this Blog and the Video Tutorials I’ve been posting on YouTube (The Learning Series). But I can assure you, it hasn’t been all margaritas and frolicking on the beach, in fact quite the contrary. In light of the favorable response to the Learning Series Tutorials and the fact that I’ve enjoyed making them, I’ve decided to upgrade this endeavor and direct considerable more time and effort on producing more of the same, only better. To achieve this I’m in the process of making room within my typical work week so I can still maintain some semblance of my current work schedule, as well as what passes these days for my personal life. And then there’s the new website, www.weblearningseries.com, where I’ll be hosting the new tutorials, but which I’m still in the process of setting up . . .

As I touched on in Part 15 of The Learning Series, in order for me to produce video tutorials that are better quality, more indepth, and provide complimentary Lesson Files, they will indeed need to be published on their own website as opposed to posting them on YouTube. Even though I plan to maintain the practice of posting free tutorials on YouTube that cover basic subjects, the Web Learning Series website will feature videos 30 minutes or longer, a User Forums where questions can be posted (and will always be answered), and a Request Form where you can suggest custom Tutorials you’d like to see. Planned tutorials will cover topics such as creating database-driven dynamic pages in Dreamweaver, sophisticated methods of applying CSS, creating graphics in Fireworks, Flash animation and video deployment, and “How To Use Content Management Systems” such as Wordpress and Joomla. Membership will require a small annual subscription fee to cover the cost of producing the videos and providing the overall service.

The videos will continue to target the same audience (which if you didn’t already know, are primarily Novice Web Designers, do-it-your-selfers, and techno-hobbyists) and will appeal to anyone who prefers an easy-to-follow approach that guides you through the learning process quicker than books and written tutorials, and judging from the response I’ve received so far this is becoming the learning medium of choice. By splitting my time between regular duties as a Web Designer and the Web Learning Series, I can deliver fresh content on a consistent basis and make upgrades based on your feedback, especially as my goal is to attract an ever increasing audience.

The same goes for this Blog, where although I’ve tried to maintain a fairly regular posting of articles, it has always taken a backseat to my day job, whereas now it will operate hand-in-hand with the Web Learning Series website to always be insightful, keep you informed, and answer any of your questions related to the Wide World of Web Design and Development.

I hope to have the Web Learning Series website (www.weblearningseries.com) officially launched in October 2008, but I’ll keep you posted through this blog. In the meantime, I recently posted video demonstrations for “The Learning Series” where I look at using CSS Sculptor and CSS Menu Writer, a couple of Dreamweaver Extensions that help you build your own Custom CSS Layouts quickly and easily, which can be a substantial advantage over the minimal, generic-build css layouts that come with Dreamweaver CS3.

So I hope you’ll be patient and stay tuned as I prepare to deliver the Web Learning Series to you, because I’m confident you’ll find it was well worth the wait . . .

 


 

CSS Sculptor and CSS Menu Writer work hand-in-hand to simplify the process of creating web standards compliant CSS layouts which can be saved as custom templates, all within Dreamweaver.

sculptor_med.jpg
menuwriter_med.jpg

I have posted Video Tutorials on The Learning Series to demonstrate how using both of these products can save you a lot of time and coding hassle in the design of your web pages.

 
 
 

Tags: General · Tutorials · Dreamweaver · PHP and MySQL · CSS · Web Design

2 responses so far ↓

  • 1 Wilson // Aug 27, 2008 at 11:01 am

    Thank you for the learning Series with CS3. I am currently moving my site from NetObjects to CS3 and you instructional videos are very helpful. One quick question concerning the styling of links. How can I use a different font color for various links? My vertical navigation is white font with a blue background, and my main is white with blue font. When I create a link in the main content area it turns the link white and it can’t be seen. On your site you have red and blue for your vertical nav, how do you use different colors for different links? Thanks!!!

  • 2 admin // Sep 1, 2008 at 11:07 am

    Thanks Wilson.

    CSS lets you style any element on the page, and I cover some of that in a few of the Learning Series Videos. The CSS Rules dialog box in DWCS3 is a great tool for easily creating and modifying your CSS even if you aren’t real familiar with CSS code.

    You can create a css rule for the “a” tag (html element) that will affect all hyperlink states on the page, or you can break them down individually and create rules for a:link, a:visited, a:active, a:hover, and a:focus.

    A simple way to achieve some basic link styling would be to create a rule for the “a” element and apply “color:#990000″ and “decoration: none”, and then create a rule for a:hover and apply “decoration: underline”, which would basically give you the styling I have presented here.

    I’ll present a segment that concentrates more on styling links. Thanks for your feedback!

    Jeff