Tuesday, November 15, 2011

Why do I have to type both the id AND name attributes in forms?

Q: Why do I have to type both the id AND name attributes in forms?
A: Technically (although the 3rd edition of the textbook says you do), you don't. You can use only id.
  • The name attribute specifies the name of a form.
  • The name attribute of the form element provides a way to reference the form in a script.
Tip: In XHTML, the name attribute of the tag is deprecated, and will be removed. Use the id attribute instead. (source: W3C schools)


The id attribute is a core attribute. It is not valid in base, head, html, meta, param, script, style, and title elements.
  • It is standard, and is supported by all HTML and XHTML tags.
  • The id attribute specifies a unique id for an HTML element (the id attribute value must be unique within the HTML document).
  • The id attribute can be used to point to a style in a style sheet.
  • The id attribute can also be used by a JavaScript (via the HTML DOM) to make changes to the HTML element with the specific id.

Thursday, September 8, 2011

The Horizontal Rule, or how to find anything by knowing where and how to look

Can you please tell me how to insert he horizontal line again?

Yes, I could tell you, but not just yet. How about if I tell you  how to find it instead, so that you can find the answer to any question? 

(1) Look at your previous submissions. View them in Internet Explorer, then when you see the horizontal rule, In IE click the "Page" link in the upper right hand corner, then click "View Source". You will see the answer that you have already written.

(2) Google any HTML question by typing "HTML code horizontal line" (or whatever you think it's called).

(3) Look in the index in the back of the textbook.

(4) Look in the HTML appendix in the back of the textbook.

<hr /> (to remember it, think "Horizontal Ruler")

Wednesday, August 31, 2011

Image not appearing in Dave's

Q: "I am having trouble with the logo appearing on my webpage for Dave.  I get a red X in a box.  I have rechecked and rechecked my coding and can't figure out what I am doing wrong.  Can you please see if you can find an error in my codes?
<h1 style="text-align: center"><img src="logo.jpg" alt="Dave's Devil Sticks" /></h1>"

A; The problem is that your image file must be in the same folder. Did you download the data files?  Work within those folders.

Firefox Portable (and (Notepad ++ Portable)

"I have a question regarding the downloading of Firefox.  Under the heading Internet, Mozilla Firefox, portable edition is listed.  Is this what we should download?" 
A: Yes, download it to your flash drive so that you have it wherever you go.

Friday, May 27, 2011

Example of Print Style Sheet

Here's an example of a page that looks different when you view it on screen as opposed to the printed page.  This is done with CSS styles. 

Look at this page, and then print preview it.  Notice how they've replaced the Flash with a still image, so that the print page doesn't have that empty X box where the Flash would be.

http://trainreaction.com/ThankYou.php

Wednesday, April 13, 2011

How to Centre a DIV Block Using CSS

How to Centre a DIV Block Using CSS
by Christopher Heng, thesitewizard.com

This article discusses how to centre (or "center" in US English) a DIV block, whether it contains text, graphics, or a mixture of both, using standards-compliant Cascading Style Sheets (CSS). The technique is useful not just for creating pleasing designs, but also for times when you want to create a fixed width single column layout with the main content placed in the centre of the page, and not flushed to one side. More: http://www.thesitewizard.com/css/center-div-block.shtml

Monday, April 11, 2011

CSS Zen Garden

There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. Yes, really.
CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure... More

World Wide Web Consortium

About W3C
The World Wide Web Consortium (W3C) is an international community whereMember organizations, a full-time staff, and the public work together to developWeb standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C's mission is to lead the Web to its full potential...More

Designing With Grid-Based Approach

Designing with grid-based approach

By Vitaly Friedman

...And this is what this article is all about. Inspired by Khoi Vinn’s and Mark Boulton’s presentation Grids are Good, we’ve decided to take a deep look in the articles about grid-based designs. We’ve read through over 50 articles and selected some of themost important and interesting facts web-developers should know about the grid-based approach. Besides, we’ve listed the most useful references, tutorials and tools we found – with precise descriptions of what the articles are about...More

Thursday, April 7, 2011

Welcome to IMED 1316 Intermediate Web Design

I will work on this site in late May, between semesters, and begin using it in either June or August. Sign up for RSS/Atom feed to be notified of updates.