8. Web 2.0 (social media and social networking).

Web 2.0 refers to a perceived second generation of web development and design that facilitates communication, secure information sharing, interoperability, and collaboration on the World Wide Web. A Web 2.0 site allows users to interact and collaborate with each other in a social media dialogue as creators (prosumers) of user-generated content in a virtual community, in contrast to websites where users (consumers) are limited to the passive viewing of content that was created for them. Examples of Web 2.0 include social networking sites, blogs, wikis, video sharing sites, hosted services, web applications, mashups and folksonomies. A few example Web 2.0 sites: vKontakte, Facebook, Wikipedia, MySpace.

9. Creating a Web site with Dreamweaver.

In Dreamweaver, a site organizes on your local computer all the documents associated with your website and lets you track and maintain links, manage files, share files, and transfer your site files to a web server. Think of your Dreamweaver site as the "bucket" that contains all of the files and assets for your website.

A typical Dreamweaver site has at least two parts:

• Local folder: This is your working directory. Dreamweaver refers to this folder as your local site. The local folder is usually a folder on your hard drive.

• Remote folder: This is where you store your files on the computer that's running your web server. The computer running the web server is often but not always the computer that makes your site publicly available on the web.

When you create a local site, you can place any existing assets images or other pieces of content in the local site's root folder the main folder for the site . That way when you add content to your pages, the assets are there and ready for you to use.

The sample files included in the download ZIP file contain assets for the sample website you'll build in this tutorial series. The first step is to copy the sample files to an appropriate folder on your hard drive:

1. Decide where you want to store your website files on your hard drive. The folder can be anywhere on your computer, but the less buried it is the easier it is to find later. For example:

Windows C:\Sites

2. Download and unzip the first_website_pt1.zip sample files from the link at the top of this page if you haven't done so already.

3. Copy the check_cs5 folder into the Sites folder.

The check_cs5 folder is the folder you will use as the root folder main folder for your Dreamweaver site.

You must define a Dreamweaver local site folder for each new website you create. Dreamweaver needs to know where your site files are to create all the internal links correctly, and to update them when you move files to a different location within your site.

Next, set up the site for this tutorial series and define as your local site folder the check_cs5 folder you copied into your Sites folder:

1. Start Dreamweaver and select Site > New Site. The Site Setup dialog box appears. CS5.5 users should select Dreamweaver Site under the Create New heading.

2. In the Site Name text box, enter Check Magazine as the name of the site. The name is used internally by Dreamweaver to identify the site. It doesn't matter if it contains spaces.

3. Click the folder icon next to the Local Site Folder text box to browse to and select the check_cs5 folder.

4. Click Save. That's it!

The Files panel in Dreamweaver now shows the new local root folder for your current site (see Figure 2). The file list in the Files panel acts as a file manager, allowing you to copy, paste, delete, move, and open files just as you would on a desktop.

For creating a new page:

Select File > New.

In the Blank Page category of the New Document dialog box, select HTML from the Page Type list, select <none> from the Layout list (these two options should already be selected by default), and click Create.

Note: In the Page Type list below the <none> option you'll see all of the CSS layouts that come with Dreamweaver. Later you can return to this dialog box to explore the different kinds of CSS layouts available.

Select File > Save, or press Ctrl+S

In the Save As dialog box, make sure you're in the check_cs5 folder that you defined as the site's local root folder. Dreamweaver should have selected this automatically, but if a different folder is selected, click the Site Root button at the bottom of the dialog box.

Enter index.html in the File Name text box and click Save. The file name now appears in the tab of your new document.

In the Document Title text box at the top of your new document, type the name of the page.