CS140 - Web Design Resources
-
Adobe Creative Cloud Suite - Download & Install
Instructions for downloading and installing the Adobe Creative Cloud (CC) suite of software for free. Thomas College students may install the full Adobe Creative Suite on Windows or Mac for free on one computer. NOTE: you'll be required to sign in using your Thomas email address and password.
-
Adobe Xd: Download & Install
Download and install the Adobe Xd prototyping program for free (your Thomas email address/password is your Adobe account username and password).
-
Wix
A free, online website builder with limitations (registration required). Allows you to build a full website without having to write any HTML or CSS. NOTE: There is no software to install; you just need a modern web browser (preferably Chrome or Firefox on a desktop, laptop, or tablet.)
-
WordPress
Very popular web content management system with a free, online website builder (with limitations; registration required.) NOTE: You don't need to install any software when building a website through WordPress.com - simply go to the site, log in, and build!
-
CSS Tutorial & Reference - W3Schools
Tutorial and reference website for all things related to Cascading Style Sheets (CSS). Each page includes a "try-me-out" section so that you can experiment with different styles on web page fragments.
-
CSS/HTML Standard Colors
W3schools list of colors supported by all major browsers. Includes color names, hex codes, and swatches.
-
HTML & CSS Code Samples (Duckett)
HTML & CSS examples from Jon Duckett's book HTML & CSS: Design and Build Websites. To view the HTML and CSS behind each web page, right-click on the page and choose View Page Source.
-
HTML Tutorial & Reference - W3Schools
Tutorial and reference website for all things HTML. Each page includes a "try-me-out" section so that you can experiment with different tags and settings.
-
Intro to HTML & CSS @ Khan Academy
Series of tutorials from Khan Academy on building web pages with HTML and Cascading Style Sheets (CSS). Covers basic and advanced HTML markup, as well as CSS for styling text, creating page layouts, and choosing specific parts of a web page based on relationships.
-
Learn CSS Layout
Step-by-step tutorial that walks you through the fundamentals of using CSS and HTML for web page layouts. Assumes you have working knowledge of HTML and basic CSS.
-
Learn to Code HTML & CSS
Free, online version of the Learn to Code HTML & CSS book covering the fundamentals of web page design. Includes chapters on the box model; positioning content; typography; backgrounds; gradients; lists; forms; tables; and best practices.