Student Websites - SRT 3 You will find the assignment, tutorials, links, and other useful information for creating your digital portfolio here. Check back frequently for new tutorials and information.

Click here for the Photoshop file of the SMA logo.

• Introduction to Photoshop CS3
  • Video #1 (2:09) (Introduction of goals and tasks. *Make sure to download and save the Photoshop file above.*)
  • Video #2 (3:41) (Colors, shapes, and Layer Styles)
  • Video #3 (2:27) (Additional shapes and layers)
  • Video #4 (2:02) (Combining portions of images)
• Introduction to Adobe Dreamweaver CS3 (Click here for a live version of the site created in the 11 videos below.)
  • Video #1 (2:15) (Preparing for a site and an introduction to Adobe Dreamweaver CS3)
  • Video #2 (3:05) (Creating new html files and folders in the file structure and adding titles to a webpage)
  • Video #3 (6:43) (Inserting pictures, making links, formatting links in a css file, and preview in a browser)
  • Video #4 (3:44) (Creating the "Title" section within the banner, css IDs, and modifying the html code)
  • Video #5 (3:27) (Creating a Spry menu)
  • Video #6 (2:56) (Addjusting the css for a Spry menu (background color, font color, width, etc.))
  • Video #7 (2:23) (Creating a css ID for the navigation and modifying the html file so that the navigation shows in the banner)
  • Video #8 (3:41) (Adding a footer ID)
  • Video #9 (1:49) (Adding a content ID)
  • Video #10 (1:50) (Introduction to templates and editable regions)
  • Video #11 (5:17) (Creating pages with a template)
  • Video #12 (2:14) (Adding links to the navigation and updating pages dependent on a template)