GID 58: WEB DESIGN & DEVELOPMENT III
Foothill College Course Outline of Record
|Hours:||3 lecture, 3 laboratory per week (72 total per quarter)|
|Advisory:||GID 56 and 57.|
|Degree & Credit Status:||Degree-Applicable Credit Course|
|Grade Type:||Letter Grade (Request for Pass/No Pass)|
Student Learning Outcomes
- Demonstrate a working knowledge of search engine optimization techniques.
- Implement a website on a remote server through the use of FTP
The student will be able to:
A. Create websites for class critique and portfolio presentation that:
1. Demonstrate a thorough knowledge of website design concepts.
2. Demonstrate an understanding of usability and accessibility as related to developers' and end users' needs.
3. Demonstrate proficiency with HTML/xHTML and CSS.
5. Are validated web pages according to current standards.
6. Function effectively across multiple browsers.
B. Investigate the related concepts of local development and remote server implementation through the use of FTP.
C. Implement a website on a remote server through the use of FTP.
D. Investigate advanced topics of HTML5 and XML.
E. Demonstrate a working knowledge of search engine optimization techniques.
A. Survey of website design using Adobe Dreamweaver
1. Dreamweaver workspace
2. FTP site setup
3. Compare software applications with hand coding HTML and CSS markup
1. HTML and CSS
a. Create HTML and CSS in Design view
b. Create HTML and CSS in Code view
c. Validate HTML and CSS mark-up in Dreamweaver
d. Apply accessibility techniques in Dreamweaver
e. Apply Search Engine Optimization (SEO) in Dreamweaver
f. Testing and Troubleshooting HTML and CSS in Dreamweaver
3. Incorporate rich media
a. Produce rich media in Dreamweaver
b. Edit rich media in Dreamweaver
c. Create reusable elements and reuse them in Dreamweaver
d. Testing and Troubleshooting rich media in Dreamweaver
4. Reusable assets
a. Produce reusable HTML and CSS elements in Dreamweaver
b. Edit reusable HTML and CSS elements in Dreamweaver
c. Reuse HTML and CSS elements in Dreamweaver
d. Produce other reusable assets in Dreamweaver
e. Testing and Troubleshooting reusable assets in Dreamweaver
C. Dreamweaver site management tools
1. Page navigation
2. Link checking
4. Website synchronization
D. Multi-platform website development
A. Dreamweaver Workspace
E. Rich media
F. Reusable elements
G. Mark-up code validation
I. Search Engine Optimization (SEO)
K. Testing and Troubleshooting
Special Facilities and/or Equipment
B. When taught via Foothill Global Access: on-going access to computer with java-script enabled Internet browsing software, media plug-ins, and relevant computer applications.
Method(s) of Evaluation
A. Completed student projects
B. Participation in class critiques
C. Classroom discussions
Method(s) of Instruction
A. Lectures on technical and conceptual concepts in website design and development.
B. Discussion and critique of projects and representative media.
C. Group discussions that address the creative problem solving process and technical concepts.
D. Demonstration of website design and development software and techniques.
Representative Text(s) and Other Materials
Ruvalcaba, Zak. Murach's Dreamweaver CC 2014. Murach, 2014.
Types and/or Examples of Required Reading, Writing, and Outside of Class Assignments
A. Example of required reading assignments:
1. Read How to Transfer files to and from your web host
B. Example of required writing assignment:
1. Explain the process of using Adobe Dreamweaver to upload web site files to a server and synchronizing those files
C. Example of Outside of Class assignment:
1. Create a 10 page website and upload it to your web host