Creating a Website: The Missing Manual (book cover)

Creating a Website: The Missing Manual

* Companion Content *

Welcome, readers!

Here are the examples and tutorials from the fourth edition of Creating a Website: The Missing Manual. Download them as a single ZIP file, then unzip it onto your hard drive to try them out. You'll find the content organized by chapter. (For example, the samples and tutorials from Chapter 2 are in a folder named "Chapter 2", and so on. You'll get it.)

Below is a chapter-by-chapter list of all the web links that are mentioned in the book. Click a link to visit the corresponding website, and continue your explorations. Happy travels!

Chapter 1. Creating Your First Page

http://tinyurl.com/stats-browsers Browser usage statistics
www.google.com/chrome Google Chrome
www.microsoft.com/ie Internet Explorer
www.mozilla.org/firefox Mozilla Firefox
www.apple.com/safari Safari
www.opera.com Opera
http://validator.w3.org W3C Validator

Chapter 2. Becoming Fluent in HTML

http://tinyurl.com/special-chrs A list of special characters
http://tinyurl.com The TinyURL address-shortening service

Chapter 3. Building a Style Sheet

 http://caniuse.com Browser compatibility information for CSS3 features
www.cssportal.com/css3-color-names List of CSS color names
www.colorpicker.com
www.colorschemer.com/online.html
Fancy color-picking tools
http://tinyurl.com/cr9oyx
http://tinyurl.com/325f9qs
Fonts that you can safely use with no extra configuration
http://tinyurl.com/font-face-guide How to use do-it-yourself embedded fonts
www.google.com/fonts Google-supplied web fonts

Chapter 4. Adding Graphics

http://tinyurl.com/2gy2vyg Ways to use SVG graphics
http://tinyurl.com/FileOptimizer
http://imageoptim.com
Image file shrinkers
http://tinyurl.com/ypf78g How to create transparent PNG images with Photoshop
www.gimp.org Free GIMP image editor
www.getpaint.net Free Paint.NET image editor
www.grsites.com/textures
www.backgroundsarchive.com
Free background background textures
http://images.google.com Google image search
http://sxc.hu Free images at Stock.XCHNG (now freeimages)
www.flickr.com/search/advanced Advanced Flickr search (helps to find free images)
www.istockphoto.com
www.fotolia.com
www.dreamstime.com
Commercial stock photo sites
http://tinyurl.com/49yquv3 Tips for finding free images

Chapter 5. Working with a Web Editor

https://creative.adobe.com/plans Adobe Creative Cloud plans
http://tiny.cc/creativecloud Sign up for the Creative Cloud 30-day trial
http://tinyurl.com/freeEW Expression Web (download)
www.asp.net/vwd VIsual Studio Express for Web
http://brackets.io Brackets
www.youtube.com/user/CodeBrackets Brackets tutorials
http://blog.brackets.io News on the brackets blog
http://notepad-plus-plus.org
www.barebones.com/products/textwrangler
www.sublimetext.com
Advanced text editors

Chapter 6. Linking Pages

http://meyerweb.com/eric/tools/dencoder Make text safe for a URL
http://validator.w3.org/checklink W3C link checker

Chapter 7. Designing Better Style Sheets

http://paletton.com Color-picking tool
http://tinyurl.com/css-specific CSS precedence (for when rules conflict)

Chapter 8. Page Layout

http://chrispederick.com/work/web-developer Web Developer extension for Chrome and Firefox
http://tinyurl.com/mq-for-mobile Using media queries to switch layouts
www.csszengarden.com CSS Zen Garden style sheet examples
http://tinyurl.com/php-in-html Giving .htm or .html files the ability to run PHP code

Chapter 9. Getting Your Site Online

http://tinyurl.com/rnlmf Top-level domains for specific countries
www.instantdomainsearch.com One of many domain-searching tools
www.dreamhost.com
www.hawkhost.com
www.hostgo.com
www.insiderhosting.com
www.mddhosting.com
www.ocssolutions.com
www.pair.com
http://speedysparrow.com
www.stablehost.com
A few of the many reputable web hosts you can use for your site
http://tinyurl.com/5zffwp  WebHostingTalk discussion board
www.free-webhosts.com. A catalog of free web hosts (but don't use them unless you understand the risks described on page 297)
http://cyberduck.io
http://filezilla-project.org
Free FTP programs

Chapter 10. Introducing Your Site to the World

www.google.com/addurl Add your site to Google
 www.bing.com/toolbox/submit-site-url Add your site to Bing
www.markhorrell.com/seo/pagerank.html
http://en.wikipedia.org/wiki/PageRank
How Google's PageRank algorithm works
http://dmoz.org Open Directory Project (ODP)
http://dmoz.org/add.html
http://dmoz.org/guidelines/
Rules for adding a site to the ODP
www.google.com/toolbar
http://tinyurl.com/64bjmtd
 Google Toolbar (for studying PageRank on your pages)
www.prchecker.info Online tool to check your PageRank
www.webmasterworld.com
www.searchengineland.com
News sites for Search Engine Optimization (SEO)
www.robotstxt.org How to use the robots.txt file
www.google.com/webmasters/tools The Google Webmaster Tools
www.google.com/webmasters/tools/removals Request that Google removes your site from its catalog
www.archive.org The Wayback Machine (archived content of old sites)
www.google.com/analytics Google Analytics

Chapter 11. Website Promotion

http://moz.com/researchtools/ose Open Site Explorer (to find out who links to you)
www.reddit.com
www.reddit.com/wiki/selfpromotion
Reddit (and the rules for promoting yourself there)
http://places.google.com/business Create a Google Places listing
http://adwords.google.com Google AdWords
www.iterature.com/adwords The story of an attempt to create AdWords-hosted poems
www.freecontactform.com/free.php The basic script for a submission form
www.emailmeform.com
www.123contactform.com
Form submission services
http://twitter.com Twitter
https://twitter.com/settings/account Twitter account settings page
www.facebook.com/pages/create.php Create a Facebook Page
www.facebook.com/badges
http://tinyurl.com/get-like-button
http://tinyurl.com/get-like-box
Get a Facebook badge, Like button, or Like box for your site
http://plus.google.com Google+

Chapter 12. Adding a Blog

http://feedly.com
http://theoldreader.com
http://newsblur.com
Popular feed readers
http://tinyurl.com/chromefeeds Feed-reading plug-in for Chrome
http://wordpress.org WordPress (for self-hosters who want to install the software)
http://wordpress.com WordPress (the free hosted version)
www.blogger.com Blogger
www.typepad.com TypePad
http://mostpopularwebsites.net/1-50 The top 50 most popular websites
http://drupal.org
www.joomla.org
Content-management systems
http://help.blogger.com Blogger help
http://productforums.google.com/d/forum/blogger Blogger discussion forms
http://tinyurl.com/295vg5 Blogger’s template codes
http://tinyurl.com/n2zsbl Giving your blog a custom domain
http://tinyurl.com/3n4hvu BlogThis tool for blogging links

Chapter 13. Making Money with Your Site

www.google.com/adsense
www.google.com/adsense/taxinfo
www.google.com/adsense/policies
Google AdSense
www.google.com/services/adsense_tour An introductory AdSense walkthrough
 http://affiliate-program.amazon.com Amazon Associate program
www.cafepress.com
www.zazzle.com
Marketplace for printing and selling personalized goods
www.paypal.com PayPal (for shopping cart buttons)
www.paypal.com/fees
www.paypal.com/chargeback
www.paypal.com/SellerProtection
Information about PayPal's fees, buyer charbacks, and PayPal’s Seller Protection program

Chapter 14. JavaScript: Adding Interactivity

 http://tinyurl.com/undef-js How to check for undefined variables
www.w3schools.com/jsref A JavaScript reference that details the properties and events of every element
www.dynamicdrive.com Dynamic Drive (sample scripts)
www.dynamicdrive.com/dynamicindex1/slashdot.htm The Slashdot menu script
http://lokeshdhakar.com/projects/lightbox2 The Lightbox script for pictures
http://tinyurl.com/webmonkey-js The Web Monkey JavaScript tutorial
http://jquery.com jQuery (JavaScript library)
http://mootools.net MooTools (JavaScript library)
http://dojotoolkit.org Dojo (JavaScript library)

Chapter 15. Dynamic Buttons and Menus

www.buttongenerator.com
www.grsites.com/button
Tools for making button images
http://css-tricks.com/examples/ButtonMaker Tool for making CSS3-styled buttons
 http://tiny.cc/ihover An animated button library that use JavaScript and CSS3
http://learn.jquery.com jQuery learning center

Chapter 16. Audio and Video

http://audacity.sourceforge.net
www.goldwave.com
Sound editors
http://lame1.buanzo.com.ar MP3 encoder support for the Audacity sound editor
http://incompetech.com/music
www.bensound.com
http://musopen.org/music
Find free music to use on your site
http://tinyurl.com/custom-player How to build a custom media player
www.flashkit.com/loops Free loops for background music
 http://tinyurl.com/vid-for-ev Using fallbacks to provide video in multiple formats
http://handbrake.fr
www.mirovideoconverter.com
Tools to convert video files to different formats
http://www.jwplayer.com
http://flash.flowplayer.org
Flash media players (a fallback for browsers that don't support the HTML5 media elements)
www.YouTube.com YouTube
http://tinyurl.com/66onkub YouTube help for video uploading
http://tinyurl.com/2kxnv3 Customizing the YouTube video box

Appendix A. Where to Go from Here

http://tinyurl.com/mobile-web-h  The Mobile Web Handbook (a book from Smashing Magazine)