Yorkville High School Computer Science Department
Yorkville High School Computer Science Department on Facebook  Yorkville High School Computer Science Department Twitter Feed  Yorkville High School Computer Science Department on Instagram

Yorkville High School Computer Science

ASSIGNMENTS: Web App - May 19, 2017

Web Design Important Links

W3Schools Logo

W3Schools - This site is the reference for HTML, XML, CSS, and a number of scripting languages. It contains all of the rules for using HTML tags including which tags and properties have been deprecated as well as examples and tutorials so you know how to use them. The site includes a "Try It Yourself" editor that lets you play with code on the site and see how it works.

Color Scheme Designer Wheel

Color Scheme Designer - You can use this web application to create color schemes. The color wheel allows you to pick a monochromatic, complementary, triadic, tetradic, analogous, or accented analogous scheme.

CSS3 Generator - Easily generate the code to create rounded corners, shadows, gradients, embedded fonts, or other CSS3 elements. You can copy the code it creates into a stylesheet.

HTML Table Generator - Tables aren't hard to make in HTML, but they are pretty boring to make. The HTML Table Generator will let you choose styles for your table and output all the HTML and CSS you need. You can even make the table columns sortable.

jsFiddle - This site lets you test your Javascript code. You can insert small snipets of HTML, CSS, and Javascript to see how they work together. You can even use external Javascript libraries such as jQuery.

Animatron: This online editor lets you create animation in HTML. This is preferable to using a program such as Flash or Fireworks for animation. However, animations should be used strategically on websites since they always draw the attention of the vistitor.


Typetester - This site can help you make a good font choice for your website. You can compare up to three fonts with different settings such as size, color, alignment, and a host of other important typography settings.

DaFont - DaFont contains thousands of fonts that are free to download and are organized into various categories. This is a great place to go if you are looking for a unique font for your site.

Thinking w/Type - This site will teach you nearly everything you want to know about fonts and typography. The site shows you good and bad examples of typography on the web. This is an essential site for anyone who wants to learn more about fonts.

morgueFile - This site contains high-resolution stock photos that you don't need to pay for. You don't even have to provide attribution to the original owner of these photos.

W3Avenue - This site contains a number of web design resources, but this specific post contains a number of links to texture sites. Some of the sites are better than others but they all contain repeating textures or other textures that can be used on your sites.

CSS Zen Garden Mario Theme

CSS Play - A site with a wealth of tutorials on how to do almost anything using CSS. Some of the tutorials may be complicated, but they cover a wide range of topics and are all well thought out.

CSS Zen Garden - A demo site that shows how CSS can be used to change almost anything about a website. The exact same HTML code is used for all of the different designs for this site, and the styles are the only things that change from design to design.

Ed Eliot's Weblog - Ed Eliot has written a number of programs that help web developers. Most of the projects will help students in Web Design II such as a CSS sprite generator, captcha, and a program to combine Javascript files.

Yorkville High School Computer Science Department on Facebook Yorkville High School Computer Science Department Twitter Feed Yorkville High School Computer Science Department on Instagram