A Smarter Way To Learn HTML & CSS(2015)

90
Build a site.

Look how far you’ve come, and how much HTML and CSS you’ve learned in a rather short time. Congratulations.

So now you’re ready to build a site. (And if you’re not totally ready, you know where to find the information you need if you forget how to do something: right here in this book.)

As a final project, I’m going to ask you to build a three-page site for your city, region, or country. It’ll demonstrate the most important things you’ve learned in this book.

You don’t have to do any original writing. All the content you need is at:
Wikipedia, your chamber of commerce, or any number of informational websites that cover your area.

You can create the site on your hard drive and run it off the drive, as you’ve been doing with the practice page. Or, if you have a website, you can upload it to your site. If you do publish the site, take care that you don’t violate any copyrights when you copy content from other sites and paste it into your HTML files. (Wikipedia is safe.)

I’ve built an example site that you can use as a model. It’s at http://www.asmarterwaytolearn.com/htmlcss/taos.html.

Find the CSS and HTML files for the site at:

http://www.asmarterwaytolearn.com/htmlcss/taos_css_code.html

http://www.asmarterwaytolearn.com/htmlcss/taos_code.html

http://www.asmarterwaytolearn.com/htmlcss/hiking_code.html

http://www.asmarterwaytolearn.com/htmlcss/skiing_code.html

I’ve heavily commented the first two files, to help guide you in building your own site.

For capturing images from the Web, I like the free utility from http://prntscr.com. (Again: don’t violate anyone’s copyright if you’re going to publish.)

To crop and resize images online, the free http://picresize.com is excellent.

http://www.awardspace.com offers free hosting for a small website.

https://filezilla-project.org offers a free FTP client that makes it easy to upload your files to your web host.

Happy website building.