Hey, look who has a website for kids:
National Counter Terrorism Center
National Reconnaissance Office
What do you think? How do you feel about the subject? Which websites do you think are more engaging and why?
CSS3 Photo Gallery
Today we’re going to follow a tutorial using CSS3 to create an interesting photo gallery:
http://line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery
To begin:
1– Create a folder on your computer somewhere, either on the desktop or in My Documents. This is important- we want to have one place to keep all of these files together. Call this folder CSS3 photo gallery.
2– Please go to the following link and download each image (right click on each one and choose “save as.” It will automatically save as the right file name. This is what your finished product will look like- take a minute to check it out to see where this is all going!
http://line25.com/wp-content/uploads/2009/polaroid-gallery/demo/demo.html
Please save those images in the folder you just created. They should save as 1.jpg, 2.jpg, etc.
You also need to download and save the wood background- please click here to grab it.
3– Open up Notepad ++ and create a new page (File, New). Begin a new webpage by adding the following code (please add your name instead of My Name in the title):
<html>
<head>
<title>My Name’s Photo Gallery</title>
<style type=”text/css”>
</style>
</head>
<body>
</body>
</html>
This is our basic code that we are going to build on for this tutorial.
Save this as yourname_gallery.html
4– We are now going to follow this tutorial, copying and pasting code together to make this CSS3 photo gallery:
http://line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery