Contents:

• Introduction to the course
• Register for a Web server
• Basic introduction to Dreamweaver CS5
• Upload Web pages to the server

  ______________________________________________________

Readings:

1. Osborn – Lesson 1 and 2 with CD
2. W3Schools Online Web Tutorials –

HTML HOME

HTML Introduction
HTML Get Started
HTML Basic
HTML Elements
HTML Attributes
HTML Headings

______________________________________________________

Introduction:

[kml_flashembed movie=” http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=week1fall-120804142055-phpapp01&stripped_title=week1-introduction” width=”420″ height=”350″ allowfullscreen=”true” /]

______________________________________________________

Register for a server:

[youtube]http://www.youtube.com/watch?v=kDly37wAxyE[/youtube]

______________________________________________________

Introduction to Dreamweaver:

[youtube]http://www.youtube.com/watch?v=_hYTcFA-I50[/youtube]

Check this video out for Dreamweaver interface:

[youtube]http://www.youtube.com/watch?v=VhAUVUEMnk8&feature=player_embedded[/youtube]

______________________________________________________

3 ways to upload files to a server:

1. Use upload function on the server:

[youtube]http://www.youtube.com/watch?v=g0CXeHtl7ow[/youtube]

2. Use ftp client software (FileZilla) to transfer files:

[youtube]http://www.youtube.com/watch?v=eY0NZho3vFc[/youtube]

[youtube]http://www.youtube.com/watch?v=evj_Oy9ZjRo&feature=related[/youtube]

NOTE:

• In the second video, at the top of the screen in FileZilla, you have to fill in your server information.
  HOST: this should be your server sub-domain address. There should be no http://www. Mine, for example, should be gslis720.agilityhoster.com. (You can find this information from the How to Register a Server video above.)
  USERNAME: fill in your username or ID for signing in your ftp server;
  PASSWORD: fill in your password for your ftp server;
  PORT: fill in this number – 21
• Here is the link to download FileZilla Portable if you would like to download the software to a USB drive: http://portableapps.com/apps/internet/filezilla_portable

3. Use Dreamweaver built-in function to transfer files:

[youtube]http://www.youtube.com/watch?v=nNLYzm0PsTw[/youtube]

______________________________________________________

Assignments (5 points):

1. Register for a Web server.
2. Create a Web page with two to three paragraphs introducing yourself. It should include your name, brief academic background, and your interests/hobby/favorite books/movies (1 point) with headings, bold, and italics (1 point).
3. Save it as index.html.
4. Use one of the three file transfer methods and upload your Web page to your server (1 point).
5. Submit your Web page link to class blog on the right sidebar. Enter your lastname and firstname as Lastname_firstinitial and your Web page link. Make sure your link appears under STUDENTS’ WEBPAGES widget (0.5 point).
6. Send your Web page address from your Blackboard email account to my QC email account (0.5 point).
7. Make sure your email address listed on the Blackboard is working. If you prefer not to check your QC email as often, please forward your QC email address on the Blackboard to your non-QC email account. (1 point).