Syllabus Sections
Publish Date
07/08/2021 15:31:11
Responsive Design 1
UXUI-1373
Credit Fall 2021
08/23/2021 - 12/12/2021
Course Information
Section 004
Distance Learning
MW 18:00 - 18:55
DLS DIL
Mohamed Albahrani
Section 004
Laboratory
MW 18:55 - 20:40
DLS DIL
Mohamed Albahrani
Office Hours
-
T W
5pm - 6pm
online
I will be holding office hours online through the collaborate - Join class tab.
Tuesday & Wednesday 5-6 pm CST
Course Requirements
Responsive Design I—Lighthouse Syllabus Master
Instructor’s Name: Mohamed Bahrani
Office Hours: Monday & Wednesday online 5:00 p.m. to 6:00 p.m.
Email: Mohamed.bahrani@austincc.edu
Course Requirements:
Catalog Description
Instruction in essential coding for designers, including HTML, CSS, and Responsive Design techniques.
Course Rationale/Objectives
Instruction in best practices for building responsive websites that adapt to different devices and user behaviors. Responsive design topics to be covered include: HTML; CSS; semantic html; code frameworks; designing with fluid grids; creating layouts which incorporate typography and fluid media; using CSS media queries; responsive web typography; color; hosting; accessibility. Students are then prepared to 1) evaluate whether or not responsive web design is a viable career option for them, and 2) pursue more advanced study in web, interaction, visual and UX design if they choose to do so.
Course Snapshot
In this class you’ll learn how to code HTML and CSS, the coding languages used to create web pages. We focus on best practices for structuring the content of your webpages with HTML and then styling the content with CSS.
Once you have the basics under your belt, you'll move on to real-world page layout. You’ll learn text and link styles, centered page layout, background images, CSS-based navigation, forms, uploading files via FTP, and much more. We will provide you with the content and prepared images for use in these projects but this training will give you hands-on practice coding websites from scratch all the way through uploading them to make them live.
Readings:
The required text for this course is free and can be found online: https://htmlandcssguidebook.com/
Course Subjects:
Competency 1: Analyze Key Elements of Successful Web Design
Competency 2: Use HTML for the Structure and Content of a Web Page
Competency 3: Use CSS styles to format the elements of a web page
Competency 4: Apply structure and styles to specialized content on a web page
Competency 5: Discover advanced styling techniques
Competency 6: Build advanced layouts with responsive design techniques
Competency 7: Develop with a responsive framework
Student Learning Outcomes/Learning Objectives:
What you’ll learn to do by the end of this course:
-
Identify how websites fit into the architecture of the world wide web
-
Evaluate elements of usability in web design
-
Create and optimize graphics for a digital environment
-
Build, style, and test responsive pages with HTML and CSS
-
Design, build, and deploy websites using industry standards in formatting, layout, and accessibility
Readings
Readings:
The required text for this course is free and can be found online: https://htmlandcssguidebook.com/
Course Subjects
Course Subjects:
Competency 1: Analyze Key Elements of Successful Web Design
Competency 2: Use HTML for the Structure and Content of a Web Page
Competency 3: Use CSS styles to format the elements of a web page
Competency 4: Apply structure and styles to specialized content on a web page
Competency 5: Discover advanced styling techniques
Competency 6: Build advanced layouts with responsive design techniques
Competency 7: Develop with a responsive framework
Student Learning Outcomes/Learning Objectives
Student Learning Outcomes/Learning Objectives:
What you’ll learn to do by the end of this course:
-
Identify how websites fit into the architecture of the world wide web
-
Evaluate elements of usability in web design
-
Create and optimize graphics for a digital environment
-
Build, style, and test responsive pages with HTML and CSS
-
Design, build, and deploy websites using industry standards in formatting, layout, and accessibility