Apr 26, 2024  
2021-2022 College Catalog 
    
2021-2022 College Catalog [ARCHIVED CATALOG]

DAR 257 - Advanced Web Design

4 Credits, 5 Contact Hours
3 lecture periods 2 lab periods

Theory, survey, and practice of designing and developing advanced website and application interfaces. Includes using basic Hypertext Preprocessor (PHP), designing and adding content to a MySQL database, creating a WordPress theme; using advanced HyperText Markup Language (HTML) Cascading Style Sheet (CSS), and JavaScript code; formatting multimedia content, and best practices in web design.

Prerequisite(s): DAR 221  and DAR 256 .


Course Learning Outcomes
  1. Use WordPress software to create a dynamic website.   
  2. Explain web standards for web conventions, well-formed code, and how to test projects for errors.   
  3. Write HTML code using tags, divisions (DIV’s) and proper formatting.   

Outline:
  1. Use Basic Hypertext Preprocessor (PHP)  
    1. Syntax, variables, data types   
    2. String functions, constants, and operators   
    3. Loops, functions, and arrays   
  2. Design a Simple MySQL Database   
    1. Planning the database   
    2. Creating the database with phpMyAdmin   
    3. Create a login page  
  3. Add Content to a MySQL Database  
    1. Insert   
    2. Edit   
    3. Delete   
  4. Create a WordPress Theme  
    1. Choosing the right sandbox starter theme  
    2. Modifying existing files   
    3. Creating new templates  
  5. Use Advanced HTML Code   
    1. Browser support for advanced HTML  
    2. Footer, header, navigation, and section tags   
    3. Canvas, video, and audio tags
  6. Use Advanced CSS Code    
    1. Transitions, animations, and transformations   
    2. Borders, backgrounds, and gradients  
    3. Fonts and text effects  
  7. Utilize Advanced JavaScript Code  
    1. Variables, data types, and objects  
    2. Functions, operators, and comparisons  
    3. Conditions, loops, and validation
  8. Formatting Multimedia Content  
    1. Video
    2. Audio  
    3. Animations  
    4. Games
  9. Utilize Best Practices in Web Design  
    1. Use a best practices checklist  
    2. Developing for the semantic web  
    3. Validating projects  


Effective Term:
Full Academic Year 2020/2021