Web Page Design This hands-on course will focus on the use of applications such as Adobe Dreamweaver and Adobe Photoshop to create web pages for the Internet. The course will feature service learning in that students will be expected to collaborate with members of the school community to bring the work of various departments, clubs, and organizations to the World Wide Web.

Click here for Web Page Design Course Expectations 2019/2020 Click here to view my Opening Day Presentation. Students are expected to use MLA Formatting for all written work. Click here to see a sample paper written in MLA format presented by Purdue University. Purdue OWL is the gold standard of MLA resources. Click here for Assessment Rubrics. Click here to download a copy of the latest syllabus. Click here to visit a great resource for working with hexadecimal colors, courtesy of H. Daly, (OAHS Class of 2018). Visit the Links page for additional HTML resources. Click here for a Quizlet set for our Keyboard Shortcut Test #1, courtesy of C. Ando, (OAHS Class of 2018).

Projects: Academic Resume Website Adaptive Technology for Blind and Visually Impaired Web Users Adding Google Fonts to your CSS Black and Red Website Color Scheme Project Creating a CSS Document for an Existing Website Creating a Simple Website From Scratch: Primary Colors Creating a Simple Website From Scratch: Seasons Creating a Simple Website From Scratch: Yesterday, Today, and Tomorrow Dreamweaver Site Definition Project Ethics Project One Google Account Project Google Docs/Dreamweaver Link Project Google Sites: An Introduction Image Project One: Four Square Images Image Project Two: Rollover Images Image Project Three: Collage Image Project Four: Swap Image Behavior Image Project Five: Image Maps Image Project Six: Personal Website Images Master Tables Project Meta Description Project Personal Website: A Project Overview Personal Website: Paragraph Alignment Project Personal Website: Academics Page Project Personal Website: CSS Project Personal Website: Content Project Personal Website: Div Project Personal Website: Interests Page Project Personal Website: Lorem Ipsum Project Personal Website: Navigation Project Personal Website: QR Code Project Personal Website: Tutorials Project Personal Website: Web Favorites/Links Project Photoshop Button Project Portfolio: Fall Portfolio: Spring Tables Project Thumbnail Project Video Project One: Filming a Welcome Message Video Project Two: Filming a Short Documentary   Tutorials: Adding a New Library Item to Dreamweaver Background Image Tutorial Backup Tutorial Creating a Personal Dreamweaver CC Workspace CSS Tutorial for Dreamweaver CS6 Dreamweaver Preferences Dreamweaver Site Setup Invisible gif Tutorial Photoshop Elements Cropping Tutorial Photoshop Elements File Conversion Resizing an image in Photoshop Elements Rollover Image Tutorial Screen Shot Tutorial Website Final Checklist Video Tutorials: Common HTML Coding Mistakes How to Set Google Drive Share Settings Notepad/Google Chrome Coding Setup (video) Site Definition Tutorial for Dreamweaver CS6 (video)   Study Guides: Midyear Study Guide Common Web Design Mistakes   Tests and Quizzes: Course Expectations Screen Shot Recording Sheet/Quiz File Management Quiz 1 File Management Quiz 2 Midyear 2020 Final 2023: Seniors Final 2023: Freshman, Sophomores, and Juniors   Podcasts Naming Conventions

Having trouble with your tables and navigation shifting? Try this strategy, courtesy of C. Crouch (OA Class of 2018). The page is shifting because of the scroll bar. Add a scroll bar to all of your other pages by clicking below your Master Table, and hitting enter until a scroll bar appears. File<Save All F12 to test your pages in Google Chrome   Click here if you want to improve your grade on the pw_files assignment. Click the globe Save the Zip file in your html folder Right-click the folder Choose Extract All

top

1. If your Title appeared one way on the page, and a different way in the Title Box in Dreamweaver, your grade dropped. For example, if the page says "Links" and the Title box says "links". The first is correct, as it is written in Title Case. In any case, they must match.
2. If you typed your name starting with a lowercase letter, it is considered to be a spelling error, and your grade dropped. Of course, misspellings of any kind lowered your grade. Standard mistakes include "Acedemics" rather than "Academics", "Intrests" instead of "Interests", and "Turtorial" instead of "Tutorial". By the way, everyone makes typing errors. That's why I am going to use the Check Spelling command right now: Shift+F7.
3. Your file names can't be spell checked in Dreamweaver. However, you can spell check the page, and then compare the two yourself. Remember the four acceptable character types: lowercase letters, numbers, underscores, and the dot. You can refresh your files by clicking the curled arrow icon, or by using the shortcut F5.
4. Double check your folder and file structure against what's written here. Make sure that your image folder is inside your root folder, and that your root folder is inside your network folder. If this is incorrect, you must move them and/or rename them as the case may be. You will have to reset your Site Definitions if you move or rename your root folder. There is a tutorial to help you with this, below.

Remember to use the Check Spelling command before you save your work, and before you consider your work to be complete. The Check Spelling shortcut: Shift+F7.

More detail needed about service.