Agenda: Day 1

Day 1: Introduction to Web Design

Internet Basics Discussion

• Pre survey: Increasing Your Digital Literacy Please complete this survey.
• Introduction to the Internet (9:22) (PowerPoint)
• Web Hosting and Domain Name Registration
  Many of you work at a school as a student or staff so you will be using the school or district web server to publish your work. However, if you want to publish outside the school district you will need to find a web host and register a domain name. There are some free options out there but they will come with advertising.
  • Dreamhost: I am currently using this one.
  • Bludomain: A web site with Flash templates for photographers.
  • Network Solutions: A good site to check for the availability of domain names.
  • Bravenet: Free online hosting that I have experimented with.
• XHTML Basics
  I want to give you a foundation in the basic coding that Dreamweaver and Contribute use to make web pages. By learning these fundamentals you will be able to take a peek behind the design and often solve minor issues with your code. Example
  • XHTML Basics Lesson Part 1 (8:13)
  • XHTML Basics Lesson Part 2 (9:44)
  • Additional XHTML Lessons STOP! *These are only for those of you that teach coding
• File Transfer Protocol FTP Access Handout (pdf)
  You will use these lessons to upload your XHTML examples to your student account. Please see your instructor if you don't have a username and password.
  • Filezilla FTP Tutorial (4:00)
  • Internet Explorer FTP Tutorial (3:12)

Lunch

Dreamweaver CS3 Classroom in a Book – Amazon.com
I use the Classroom in a Book series for most of the software I teach. We are going to complete the first activity in this book "Quick Start to Dreamweaver CS3" p. 8 - 26. The files for this lesson are in the "practice_sites" folder that we copied to the desktop in a folder titled "lesson01".

• Site Setup (4:38) This will cover how to make this folder into a web site that we can upload using the Dreamweaver's FTP capability. Go ahead and complete this for "lesson01", "dreamweaver practice" and your personal site folder. Then switch back to the "lesson01" site for the rest of these activities.
  FTP Information (please fill in when setting up the site)
  • Host: ftp.schooladz.com
  • Username and password get from your instructor.
• Dreamweaver Interface (10:25)
  Getting to know the Dreamweaver work area
• Classroom in a Book: Please follow the book from page 8 - 26 to complete this activity.
• Dreamweaver FTP Tutorial (6:43)
• Once you have tested the site online, expand the "Files" view so you can see the "Remote" server and delete these files.
  • To test them type in the following: http://www.schooladz.com/~student?
  • Replace the ? with the letter of your username!

Wrap Up