Web.Comp (Intermediate) 2020

Competition starts on May 11th 2020

Learn how to write web pages in HTML and CSS while you compete with students from around the world! Web.Comp(Intermediate) is designed for students with some prior coding experience, or students who would like a faster paced introduction to web development. It covers everything necessary to get started building real websites. Along the way we'll also cover many of the techniques behind good web design, so your sites are both easy to use and beautiful to look at.

Your current score is: 0 points.

9.
Design Tournament
8.
Choosing suitable HTML elements
7.
Styling larger interactive webpages
6.
Styling with class
1. Yum Pie Mud Pie 0/10
2. Classy Consumers 0/10
3. Year of the Book 0/10
4. Bilious Bluebottles 0/10
5.
Grouping your content and changing layout
1. Cascading Style Shirts 0/10
2. Free to a Good Home 0/10
3. Switches Are Out, Game Boys Are In 0/10
4. Wish You Were Here 0/10
4.
Positioning content on your webpage
1. Plummy Poetry 0/10
2. A Picture Worth a Thousand Bleats 0/10
3. Iconic Corners 0/10
4. Delish Doughnuts 0/10
3.
The structure of HTML pages
1. Black Light Blues 0/10
2. Certificate of Terrificness 0/10
3. Importantly Earnest 0/10
4. Good Vibes Only 0/10
2.
Adding colour and images to your webpage
1. Pretty Planets 0/10
2. Searching for Style 0/10
3. Doggo of the Year 0/10
4. Joshua Tree National Park 0/10
1.
Basic HTML documents
1. Hello, World! 0/10
2. Tibs the Great 0/10
3. Green Eggs and Hamphasis 0/10
4. This Newfangled Writing Machine 0/10
9.
Design Tournament
8.
Choosing suitable HTML elements
7.
Styling larger interactive webpages
6.
Styling with class
1. Lists
2. Classes
3. Tables
4. Transparent colours
5. Summary
5.
Grouping your content and changing layout
1. Grouping content
2. Divs and the CSS box model
3. Layout modes
4. Background images
5. Summary
4.
Positioning content on your webpage
1. Margins
2. Borders and padding
3. Putting it all together
4. Summary
3.
The structure of HTML pages
1. Revision
2. Head and body
3. Title and link elements
4. Font families
5. Web fonts
6. Summary
2.
Adding colour and images to your webpage
1. Colour and spans
2. Links
3. Images
4. Choosing colours
5. Summary
1.
Basic HTML documents
1. HTML Tags
2. Document structure
3. Strong, em and br
4. Adding consistent style
5. Text styles
6. Summary