User:Vtaylor/Willard/CIS 89A HTML and CSS/CIS89A Coding Challenges/Responsive site design

From WikiEducator
Jump to: navigation, search

Paige Welsh


Overview

This is a quick list of what I'll be covering if anyone is looking for inspiration.

  • block versus inline elements
  • header, nav, section, article, aside, footer, div, and span
  • float, margin, and padding
  • position properties
  • the z-index
  • child, inherit, and parent
  • CSS framework and a flexbox


Comments

--Valerie Taylor (talk) 21:21, 8 October 2016 (UTC)

Looks great. I look forward to seeing the results. Some of these will be difficult to demonstrate. It will be nice to have examples with supporting materials.

Are you still thinking of investigating responsive design? How are you going to judge if you are successful in achieving a more responsive design?


Proposal for adjusted curriculum

In addition to the helpful topics covered in this course, I would like to add studying and mastering a few topics in responsive web design to my course work. I plan to create additional thimble pages that exemplify these topics in action. I also plan to create accompanying write ups for each topic on their core concepts and how these properties or elements may behave on different browsers and screen sizes. I will make these write-ups and examples available to any other students who are curious.

My final project will include material in the regular course work plus my new fluency in these topics to create a website that is readable and aesthetically pleasing across several browsers and devices.


  • Week Three - General Class Topic: Text
    My chosen advanced topic: Understanding the difference and appropriate use of block versus inline elements.


  • Week Four - General Class Topic: Links
    My chosen advanced topic: Understanding the meaning and appropriate use of the layout elements header, nav, section, article, aside, footer, div, and span.


  • Week Five - General Class Topic: Images
    My chosen advanced topic: Understanding the meaning and appropriate use of float, margin, and padding properties.


  • Week Six - General Class Topic: Multimedia
    My chosen advanced topic: Understanding the meaning and appropriate use of position properties. Find examples in professionally created web pages.


  • Week Seven - General Class Topic: Lists
    My chosen advanced topic: Understanding the meaning and appropriate use of the z-index.


  • Week Eight - General Class Topic:
    My chosen advanced topic: Understanding the meaning and appropriate use of child, inherit, and parent properties.


  • Week Nine - General Class Topic:
    My chosen advanced topic: Understanding the meaning and appropriate use of a CSS framework and a flexbox.
Retrieved from "https://wikieducator.org/index.php?title=User:Vtaylor/Willard/CIS_89A_HTML_and_CSS/CIS89A_Coding_Challenges/Responsive_site_design&oldid=1070211"