Tag Archives: Web Standards

Opera Web Standards Curriculum released!

Just released!

I haven’t the time to delve deeply, but I imagine that this will be quite excellent. The parent company – Opera – makes the Opera browser and was instrumental in the development of Cascading Stylesheets and their subsequent encapsulation as a web standard.

http://www.opera.com/wsc/

Advertisements

Advancing your Web Site: Tackling the Joys and Jitters of Javascript

Career-Technical Education Summer Conference 2008
Business & Information Technology Education
Pre-Conference Sessions
Monday, July 21, 2008; 9:00 AM – 3:00 PM
The Joseph S. Koury Convention Center, Grandover East
Room
The Sheraton Greensboro Hotel at Four Seasons, Greensboro, NC, USA

Description

Ready to take the next step in web site development? A full 14% of the North Carolina e-Commerce curriculum is devoted to including JavaScript, Cascading Stylesheets, Multimedia, and Java Applets in web sites. Furthermore, students love adding pop and sizzle to their web sites, so why be afraid to add them? This workshop will gently lead teachers into an understanding of JavaScript, what it is, how to work with it, and how to include it both effectively and safely in a web site.

References

Download

The Document Object Model (DOM)

This is a simplified view of the Document Object Model (DOM). Each box represents an object in the DOM tree structure. There are additional objects in the DOM that are not listed here. I hope to add them to an expanded image later.

The Document Object Model (DOM)

The Document Object Model (DOM)

HTML Event Handlers

This is a brief listing of HTML Event Handlers which are used to trigger JavaScript code in web pages:

onAbort The loading of an image has been canceled
onBlur A page element loses focus
onChange The user changes the content of a form field
onClick The user uses the mouse to click on a page element
onDblClick The user uses the mouse to double-click on a page element
onError An error occurs when loading a page or an image
onFocus A page element gets focus (selected)
onKeyDown The user presses a keyboard key
onKeyPress The user presses or holds down a keyboard key
onKeyUp The user releases a previously pressed keyboard key
onLoad A page or an image finishes loading
onMouseDown The user presses a mouse button
onMouseMove The mouse cursor moves
onMouseOut The mouse cursor moves off of a page element
onMouseOver The mouse cursor moves over a page element
onMouseUp The user releases a previously pressed mouse button
onReset The form is reset; the reset button is clicked
onResize A window or frame is resized
onSelect The user selects some text on the page
onSubmit The form is submitted; the submit button is clicked or the enter key is pressed
onUnload The user leaves the current page

Note: Event Handlers that are device-non-specific are preferred to those that are device-specific. So, for example, use onFocus and onBlur instead of onMouseUp and onMouseDown since the latter are triggered specifically by using the mouse. Keyboard presses will not trigger such an event. Using onFocus and onBlur will make the event device neutral and will be triggered by both the keyboard and the mouse.

Remember, the above event handlers are actually part of XHTML (since HTML 4) not JavaScript. JavaScript now boasts an extended list of event handlers. See http://www.java2s.com/Code/JavaScript/Event-onMethod/CatalogEvent-onMethod.htm for details.

So You Want To Develop An Advanced Web Site, Huh?

Career-Technical Education Summer Conference 2007
Business & Information Technology Education
Pre-Conference Sessions
Tuesday, July 24, 2007; 8:00 a.m. – 2:30 p.m.
The Joseph S. Koury Convention Center
The Sheraton
Greensboro Hotel at Four Seasons, Greensboro, NC, USA

Topics

References

Downloads

From HTML to XHTML and Beyond: XHTML Coding for e-Commerce I Teachers

Career-Technical Education Summer Conference 2006
Business & Information Technology Education
Pre-Conference Sessions
Monday, July 17, 2006; 8:30 a.m. – 5:00 p.m.
The Joseph S. Koury Convention Center
The Sheraton Greensboro Hotel at Four Seasons, Greensboro, NC, USA

Topics

  • Introduction to XHTML including step-by-step instructions from the ground up
  • XHTML compared and contrasted with HTML
  • Brief History of Markup Languages including SGML, HTML, XML
  • Common mistakes
  • Summary of Coding Rules for both HTML and XHTML
  • The use of helper programs including Notepad, Textpad, Microsoft Word, Microsoft Publisher, and Macromedia Dreamweaver
  • Books, Reference Materials, etc.
  • Brief summary of Firefox Features and Extensions including Web Developer and Color-Coded Page Source
  • The basic structure of a web page
  • Tags, RGB Hexadecimal Color Codes, Entities, and Extensions including JavaScript and Stylesheets
  • Standards, Accessibility, www.usability.gov Guidelines, and Browser Wars
  • Lots and lots of hands-on examples

Downloads

My Web Design Philsophy

Introduction

The following statements summarize my beliefs on how web sites can and should be best implemented. They comprise over 8 years of personal research into how and what makes the web tick.

I. There are Web Standards.

I follow the web standards as determined by the W3C as much as popular practice and implementation allow. I avoid the use of proprietary HTML tags and code implementation that requires selective web technologies for viewing and general use.

II. Web Pages are Fluid.

There are those within the HTML community that believe web pages are just like printed pages – i.e. they should all be a certain size (8½ by 11), etc. These people incorrectly treat web pages as if they were static and unchanging like their traditional counterparts. This view stems from a basic misunderstanding of how web pages differ from traditional printed pages and how best to use them.

When implemented correctly, web pages are fluid – they may change shape and size to fit the needs and requirements placed upon them. These requirements come from:

  • the hardware, (Web pages can be viewed on computer monitors as well as the smaller Cell Phone and PDA screens.)
  • the operating system, (The Macintosh OS consistently displays fonts smaller than the Windows OS.)
  • the screen resolution, (800×600 and 1024×768 are currently the most common, but still differ in width by 20%.)
  • the web browser, (Once, Netscape dominated the market and then Internet Explorer came along. Will Firefox be next?)
  • the user, (Users don’t have to maximize their browser windows and can customize their browser interface.)
  • and spyware. (Spyware can make changes to your computer without permission that inhibits normal activity.)

Fluid web pages allow for a customized fit of their content while ignoring most external factors. Although no approach is perfect, it is best to make use of this inherent strength given the sheer number and variety of variable requirements.

III. Separate Content from Presentation

Your content is your information. It should never be lost and it should be accessible no matter how it is stored. This might be in a tabular format in a PDF file, as a list in a word document, or viewed on a cell phone as a web page. It should just work.

Things start to break down when the presentational aspects (style and design) have to come along for the ride. The future tells us only one thing: information will remain important but the form it takes will inevitably change. By separating the two, the information is kept ready for whatever the future holds. As a very nice side-effect, it’s MUCH easier to manage and update both parts to any web site.

IV. Small is Beautiful.

Just like Steve Gibson of GRC.com (who may have coined the phrase above), I hate waste. Web pages should contain the necessary code to make them load correctly in a web browser and no more. Too many “modern” programmers (including those who create web pages) generate a lot of waste and superfluous code. They take shortcuts by letting their software do the work for them. Software can’t optimize itself. It will often include extra components and features that aren’t fully utilized. Furthermore, software will never be able to achieve the efficiency of a good, manual programmer.

Take Microsoft Word as an example. It is probably the best known word processor on the planet and as such does a good job. As a web page creation tool, however, it is absolutely horrible. The pages it creates are horrendously bloated with superfluous code. I am referring specifically to the 97 and 2000 versions. Hopefully, newer versions will do a much better job. Earlier versions of Microsoft FrontPage are equally bad at producing unnecessary code.

Instead of creating code that is bloated, takes longer to download, takes longer to process, and wastes both memory and disk space, I create web pages that only contain what is necessary. My sites load fast because their pages and images are optimized (all things being equal). A lower page size translates directly into a faster transfer and more bandwidth available for other purposes. And the faster a page loads, the less likely a user will go somewhere else because they don’t like waiting.

V. Neither Aesthetics nor Functionality must be sacrificed.

I have seen web sites that functioned well but would never win any awards in the looks department. I have also seen web sites that must have cost a fortune, looked like a million bucks, and were effectively useless, empty shells. They lacked either usable content or functional navigation. Given the choice of these two extremes, the former is definitely better but why be forced to pick? You can have proper functionality AND good looks at the same time.

VI. Content is Key.

Someone once said the most important thing to remember when starting a business is “Location, Location, Location.” If that person were alive today, they might say the most important thing to remember when creating a web site is “Content, Content, Content.” The old adage “if you build it, they will come” does not apply. It is content that brings the masses to your web site. It is equally important that the content be appropriate, unique, and organized. Without proper content, visitors will go elsewhere as your web site is passed over for more interesting, meaningful, and fulfilling sites.

Now, what is content you may ask? It’s all the stuff that is available on a web site. It is the sum total of all the information contained in all of a site’s pages. It can be text, images, movies, songs, and more. It is the substance, the subject, and the reason for the existence of a site. Think of all the stuff you can access in a multimedia encyclopedia and you’ll have the right idea.