Tables are designed to show tabular data (information that makes sense to show in rows and columns). Here is a good example where we use tabular data, and thus it would make sense to show it in a table: A TV schedule. Here shows are organized by the channel they are on (usually in the…
This will put together all of your previous examples and information such as adding links, adding images, controlling text, etc. Think of this as putting a puzzle together. This is a step by step guide to build and layout your website. Pre-Production Phase This has already been done to some degree for your first web…
CSS provides an easy way to change the way a website looks from the browser defaults. This is sometimes referred to as the presentation of the website, or the presentation layer. This means that CSS allows for a lot of flexibility in how it is applied to the website, and in controlling how the website…
Links are key to making the web work, by interconnecting pages from one section to another. Link Format A link in an HTML document uses an anchor tag, and follows the basic form [link text] That is, a link tag is <a>. It have a required attribute, href, which is a hyperlink reference to a…
What is CSS CSS stands for Cascading Style Sheets. It is used to control the presentation of the website, basically how the website looks. Why do we use CSS If you are using Firefox, Go to View > Page Style > then click on No Style. See what your favorite websites look like without any…
When you start a web project, you want to ask several sets of questions to make sure the website will meet the needs of the client. Here are some basic things to think about when developing your site. You will find asking them in this way, and basic order, will make the most sense and…
Easing is how the speed of the transition between CSS3 settings occurs. For example, is it linear – where the speed stays the same, or does it easeIn, where it starts slow, and progressively gets faster? There are over 30 different ways to ease into your next transition, and http://easings.net/ has a simple way of…
How you define your selectors will often directly effect how your page looks. Sometimes, you want a certain type of look, but only on some elements. You can use complicated classes, specific to only certain cases, or you can style your rules easier if necessary. We’ll be using this base file for our examples. It…
