CIS89A - More coding practice
From WikiEducator
Some students want more directed coding practice. Hereare some addition coding challenges.
These follow the topics of the course modules.
- Getting Started . continue to modify your HTML and CSS. Modify the background, change the picture . change the size of the text, vary the font . change the size and shape of the shading behind the text
- HTML Basics * lists . make lists within lists, test combinations of numbered (ol) and un-ordered (ul) lists
- Links . demonstrate more of the options for link behaviors - where the linked page displays . alter appearance for visited, ... . include information about the links in the link
- Images and Media .
- CSS Styling . explore addition styling options available by demonstrating them clearly in the page display . practice cascading with external, internal and inline styles
- CSS Layout . use css to structure more complex page displays
- Responsive Web Design . practice RWD by applying range of options to the same basic content to show functionality
- Tables, Forms . use tables to structure more complex page displays . try out all the Google Forms options
- Beyond HTML . make or modify an existing "game" in H5
- Site Planning . review an existing site and write a 1-page site plan that would instruct developers to create that site - think of all that needs to be communicated
- Web Site Projects . make yours even better
- Summary, Peer Review . review sites using an evaluation criteria rubric - you own rubric or an other shared one
Other HTML and CSS coding practice projects
- CSS Exercises
- variety of CSS exercises (with answers) for each CSS Chapter.Try to solve an exercise by editing some code. Get a "hint" if you're stuck, or show the answer to see what you've don...
- HTML/CSS projects to learn programming - DevProjects
- Bridge the gap between theory and real-world code by working on curated HTML/CSS projects. Use DevProjects as practice or enhance your portfolio with these fun HTML/CSS project ideas. From beginner...
- Top 10 Projects For Beginners To Practice HTML and CSS Skills - GeeksforGeeks
- making a project is important to practice HTML and CSS skills. You need to check how HTML and CSS work together to design a beautiful frontend application. So the question is what are some beginner...
- HTML Exercises
- test your HTML skills with W3Schools' Exercises.ExercisesWe have gathered a variety of HTML exercises (with answers) for each HTML Chapter.Try to solve an exercise by editing some code. Get a &...
- HTML CSS Exercise: Practice and Solution - w3resource
- practice HTML and CSS extensively to hone your Frontend Development skills. Here is a list of exercises we published till now. Subscribe to our RSS feed for more exercises.
<p class=... - Practice Projects in HTML & CSS | Codecademy
- Practice Projects in HTML & CSSSolidify concepts with guided practice.
<p class="diigo-tags"><strong>Tags:</strong> <a href='h... - 10 HTML and CSS Code Challenges for Beginners
- once you know the basics, you'll still need to sharpen your skills with practice.Code challenges are a great way to sharpen your programming skills and combine them in different ways. Here are...