Category5 Technology TV - Web Site Development

Web Site Development - Part 3

S04E26
March 22, 2011

Robbie teaches us how to reduce the filesize of our polaroid PNG file, and then gets started coding the site itself. We learn the very basics of what our site will need for CSS, and start coding the layout itself.

This video is provided free of charge. If you enjoy what we do, please consider becoming a Patron so we can continue offering more great content.
Support This Free Content

Notes:
Christa Wells designed the 2011 Category5.TV logo. She and Robbie have worked together on a number of projects—her as the designer, him as the programmer.

This episode is sponsored in part by: Planet Calypso & Pogoplug.

Topics Covered:

Robbie Ferguson and Christa Wells present in studio, Hillary Rumball joins via live Skype video.
Happy "Talk Like William Shatner" day.
Viewer Question: Which file do I need to change to manipulate the output of the Joomla activation email that goes out to users?
Editing a Joomla language file using FTP.
Editing the Joomla User Component's controller file.
How to easily backup a line of PHP.
Viewer Question: I'm having trouble with Linux on the 64-bit platform. Can I install the 32-bit version on my 64-bit computer instead?
Installing the brand new Mozilla Firefox 4 on Ubuntu Linux. {code} sudo add-apt-repository ppa:mozillateam/firefox-stable sudo apt-get update sudo apt-get install firefox killall -9 firefox-bin{/code}
Launching Firefox 4 for the first time on Ubuntu.
Using the new "Group Your Tabs" feature to view all tabs at once (Shift-CTRL-E).
Robbie's new glasses prescription knocks him out for seconds at a time.
Using cat5.tv/webdev to participate in the Web Development tutorial.
Obtaining Robbie's blank index file to use as a base for our web site.
Reducing the size of our Polaroid PNG file from 167KB to 27KB.
The GNU Image Manipulation Program tends to compress files a lot smaller than Adobe Photoshop.
Black and white, and simplistic image data results in a smaller file.
Using the GiMP "Auto-Crop" feature to eliminate edging on our photo.
Top Stories from the Category5.TV Newsroom.
The results of our file manipulation to reduce the filesize of our web site images.
Why it's important to be conscious of the size of all images when creating a web site.
Setting up gedit to use as a PHP editor.
Great features of gedit, such as Bracket Matching.
Using indentation to make it easier to see opening and closing elements in your web site source code.
Creating your style.css stylesheet.
Setting your web site's background color using CSS.
Adding a background image to our web site and configuring it to repeat using CSS.
Creating a div wrapper for your web site and setting your site's proportions and position using CSS.
Cropping the woodgrain image to match an even 950x275.
Using margins in CSS to center your web site wrapper.