CC by Robin Jaffray
Welcome to the website for Computing Everywhere Workshop #3: The Structure of the Web, taught by Jim Maddock and Matthew Heston. We'll use this website for a few in class exercises, as well as a general resource since we don't have a powerpoint. If you have any questions, feel free to use the "contact" links in the header and footer of the page!
Matthew Heston is a doctoral student in the Technology and Social Behavior PhD program. He researches how people communicate in online settings.
Jim Maddock is a PhD Student in the Technology and Social Behavior program. He studies collaboration, coordination, and information diffusion in online communities such as Wikipedia and Twitter.
HTML, or hyper text markup language, is the foundation of websites. HTML is code that is read by your browser, used to both structure and add content to a website. You can identify HTML by the angle brackets that surround code, for instance <html> or <p>. Some common HTML tags found on this web page are:
In order to view the source code of a web page, just right click on a blank space of the page (where there is no text, images, or links), then click "view page source". To use the Chrome developer console, right click on a blank space, then click "inspect".
While HTML is used to structure a web site, CSS is used to style it. At the top of a web page, look for a tag that looks something like: <link rel="stylesheet" href="...">. This is the link to the "stylesheet", or the file that contains CSS code. You can use the right side of the developer console in chrome to experiment with changing the CSS of a web site. Try these examples:
There's so much more to know beyond what we covered in this workshop! If you want to learn more, these are good places to start:
Some pre-packaged CSS and JS (so you don't have to write your own!): Twitter Bootstrap
A huge collection of JS code for anything you could ever want (used in almost all websites): Jquery
(Comming Soon) Computing Everywhere Lecture Outline: Outline