User:Vtaylor/Willard/CIS 89A HTML and CSS/CIS89A Coding challenges

More coding... Requested in feedback from previous semesters.

These coding challenges are available for students who want more practice coding and solving web development problems.

Create a new Thimble or Voyager project for each challenge. Submit the web address of your coding challenge project to the appropriate assignment. There is a scoring rubric associated with each.

All submissions must be complete coding projects including title, meta keywords and description in the head section, comments for documentation and error-free .css and .html code.

These coding challenges can be completed in any order, anytime during the course.

There are several components to each coding challenge. Each component must be visible in the browser view. The code must be documented to highlight the code for each challenge.


 * Text layout. On your coding challenge page, show each of these layout techniques. 3 columns of text. A text block that limits the width of the text to 80 characters. Text block that is 50% of the window width and adjusts when the window width is changed.


 * Navigation. Menu bar with links to 3 external page (do not have to be your pages).


 * Readability. Produce blocks of text to demonstrate combinations of font, font size, text color, contrast, and background that are clear and readable, not so good, and really bad.


 * Other peoples .css code. Select and incorporate into your .css file, code from one or more other sites. Include content on your coding challenge page that demonstrates what the .css code does. Comment your .css and .html files to be clear about the effects of the .css code. Include links to the source of the code in your project.


 * Other peoples .html code


 * Javascript. Locate a Javascript that does something interesting and make a page that incorprates the Javascript functionality


 * layout


 * UX/UI


 * suggest and solve