Re: [WSG] Web design education

2006-02-13 Thread Michael Nelson
Ric Raftis wrote:It was interesting reading your post James because it seems that TAFEs 
across the country may vary widely despite courses supposedly being 
drawn from a national based syllabus and providing national 
accreditation.
Related to this, I reckon one of the biggest problems causing a lack of standards in Web design education is a lack of collaboration. Each facilitator/lecturor is re-inventing the wheel with activities and resources largely due to IP restrictions within their workplace. In reality, many facilitators just end up re-using the same resources that's been used for the last 5 years because on their own they don't have time to update both their own skills and the resources they use.
The ironic thing is that (nearly) all the best info on Web Design topics is being shared freely by professional designers on their blogs/sites! ... I mean, with excellent sites like 

http://webdesignfromscratch.com/ and http://maxdesign.com.au/ published by professionals, what is the role of an educator?
My take is that if lecturors and facilitators were able to collaboratively create and update flexible learning pathways from all the great free stuff out there, we'd be in a better position to help the uptake of standards in Web design education.
(Plug) : 'cause of this, I've started setting up a WebDesign Wikibook over at: http://en.wikibooks.org/wiki/Web_Design
Really it's just ordering and grouping all the great resources out there created by you professionals into some sort of learning pathway with ideas for activities... Feel free to contribute :)
-- Michael Nelsonhttp://liveandletlearn.net/




Re: [WSG] Standards-based PHP tutorials for beginners...

2004-09-09 Thread Michael Nelson
Thanks Dylan, Joshua and Nick (and Amit), for the info!

Talk about 6-degrees of separation between the backend and presentation
:) 

I'm currently facilitating a class learning HTML/CSS/JavaScript as part
of a Certificate IV in WebDesign. We've been learning XHTML 1.0 from the
start, separating our content/presentation etc., hopefully now as second
nature!

Now we spend the next 8 weeks or so learning PHP and I'm just rethinking
the approach that I've used in the past. Normally we use Larry Ullman's
Visual Quick-start guide, as it doesn't assume programming knowledge and
is activity based, but it is usually a bit behind (such as not using
super-globals $_POST etc).

As the Certificate IV course is only 6 months in duration, we really
need to stick to the basics of creating a small dynamic site (atm using
PHP/MySQL), as the course does not assume prior programming knowledge.

Anyway, thanks for all the ideas! I'd certainly like to integrate more
XML and xml transforms into the course (currently we only get an
overview of XML and its applications such as SVG, SMIL, RSS, XHTML etc).

If you have any further ideas, please send them my way!
-Michael

On Thu, 2004-09-09 at 10:40, Dylan Egan wrote:
 Hi,
 
 Couldn't agree more.  One other suggestion, though, is to extend that
 separation a little further by generating XML with PHP, and then parsing
 that XML into whatever templating engine you end up using.  This just
 provides another degree of separation, and reduces the temptation to
 hard-code ANY HTML into your back-end... something which I wish I'd been
 aware of 6 months ago!
   
 
 This would be the best choice too, im currently working on a CMS and 
 we're going to be using XML for the data and straight up XSL for the 
 transformation (only because PHP5 has great XML capabilities). This 
 allows us to seperate data from structure.
 
 Having your content available in XML will also simplify the presentation
 of content in other formats in the future, if you choose to do so --
 thinking of syndication (RSS) amongst other things.
   
 
 Or converting to WML, or back to plain HTML.
 
 From a standards perspective, this separation just reduces the chance of
 making some early mistakes which will take ages to correct six months
 down the track.
   
 
 Just make sure you study the best choices.
 
 Joshua Street
 
   
 
 
 **
 The discussion list for  http://webstandardsgroup.org/
 
 Proud presenters of Web Essentials 04 http://we04.com/
  Web standards, accessibility, inspiration, knowledge
 To be held in Sydney, September 30 and October 1, 2004
 
  See http://webstandardsgroup.org/mail/guidelines.cfm
  for some hints on posting to the list  getting help
 **
 

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] Standards-based PHP tutorials for beginners...

2004-09-07 Thread Michael Nelson
... a bit much to ask?

Just wondering if anyone knew of any such tutorials. Those on php.net
seem as if they were written by C programmers wanting to learn php. Yet
those on webmonkey are so old that they still use things like: 

echo FONT COLOR='red'Hi there;

Makes it very hard to help HTML newbies (who've learned standards-based
html from the start) learn PHP!

The best I could find was:
http://www.free2code.net/tutorials/programming/php/4/Introduction_to_PHP.php

Any suggestions welcome!
-Michael

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Interview markup?

2004-09-04 Thread Michael Nelson
 What is the most semantic way to markup an interview?

I've been thinking about this a bit.

If I did want to find the _most semantic_ way to markup an interview (I
can't imagine thinking about it if we hadn't been discussing it though
;-), why wouldn't a paragraph with a meaningful class be the best
solution (such as the speaker or whether it's a question or answer)?

I mean, a definition list is really for definitions, and headings are
really meant for, well, headings. Given that there is no element in
XHTML specifically for interview questions and answers, a paragraph is
the most applicable element that is still semantically (meaningfully)
correct - we just want to give it a bit more meaning with some
well-chosen classes. For example, a paragraph could simply be given a
class corresponding to the person speaking (class=interviewee or
class=DarrinHinch) or even two classes to be more meaningful
(class=interviewer statement or class=interviewer question (aside:
i've seen this in XML but not sure if two values for a class is actually
correct in XHTML?))

Anyway, that being said, not sure that it matters too much :-)


**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Anyone know of any good DOM tutorials?

2004-09-03 Thread Michael Nelson
Hmm... not sure about a tutorial, but adapting Patrick Griffaths DOM
example for avoiding email spam at
http://www.htmldog.com/ptg/archives/63.php

would give something like:

function changeClass(id, newclass){

  elementToChange = document.getElementById(id);
  elementToChange.setAttribute(class, newclass);
  
}

Then you'd need to associate this function with the element/event that
you want to use... such as:

document.getElementById(myMenuItem).onmouseover = function(){
changeClass(myMenuItem, thenewclassname)}

Actually, with the last bit I'm not too sure whether I'm mixing my old
JS habits with proper DOM coding... perhaps someone more knowledgable
can check it when they read this!

Hope it helps!
-Michael.

On Sat, 2004-09-04 at 07:42, Seona Bellamy wrote:
 Hi guys,
 
 Anyone know where I can find a good, easy to follow online tutorial on using
 the DOM to control elements on a webpage? Specifically, I need to change the
 class of an element to a different class.
 
 Cheers,
 
 Seona.
 
 __
  ella for Spam Control  has removed Spam messages and set aside Later
 for me
 You can use it too - and it's FREE!  http://www.ellaforspam.com
 
 ---
 Outgoing mail is certified Virus Free.
 Checked by AVG anti-virus system (http://www.grisoft.com).
 Version: 6.0.749 / Virus Database: 501 - Release Date: 1/09/2004
 
 
 **
 The discussion list for  http://webstandardsgroup.org/
 
 Proud presenters of Web Essentials 04 http://we04.com/
  Web standards, accessibility, inspiration, knowledge
 To be held in Sydney, September 30 and October 1, 2004
 
  See http://webstandardsgroup.org/mail/guidelines.cfm
  for some hints on posting to the list  getting help
 **
 

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Anyone know of any good DOM tutorials?

2004-09-03 Thread Michael Nelson
Seona,

Is there good reason not to use CSS psuedo classes such as :hover etc?
(http://www.htmldog.com/guides/cssintermediate/pseudoclasses/)

I guess you're doing something more complex than the example below...

On Sat, 2004-09-04 at 08:28, Michael Nelson wrote:
 Hmm... not sure about a tutorial, but adapting Patrick Griffaths DOM
 example for avoiding email spam at
 http://www.htmldog.com/ptg/archives/63.php
 
 would give something like:
 
 function changeClass(id, newclass){
 
   elementToChange = document.getElementById(id);
   elementToChange.setAttribute(class, newclass);
   
 }
 
 Then you'd need to associate this function with the element/event that
 you want to use... such as:
 
 document.getElementById(myMenuItem).onmouseover = function(){
 changeClass(myMenuItem, thenewclassname)}
 
 Actually, with the last bit I'm not too sure whether I'm mixing my old
 JS habits with proper DOM coding... perhaps someone more knowledgable
 can check it when they read this!
 
 Hope it helps!
 -Michael.
 
 On Sat, 2004-09-04 at 07:42, Seona Bellamy wrote:
  Hi guys,
  
  Anyone know where I can find a good, easy to follow online tutorial on using
  the DOM to control elements on a webpage? Specifically, I need to change the
  class of an element to a different class.
  
  Cheers,
  
  Seona.
  
  __
   ella for Spam Control  has removed Spam messages and set aside Later
  for me
  You can use it too - and it's FREE!  http://www.ellaforspam.com
  
  ---
  Outgoing mail is certified Virus Free.
  Checked by AVG anti-virus system (http://www.grisoft.com).
  Version: 6.0.749 / Virus Database: 501 - Release Date: 1/09/2004
  
  
  **
  The discussion list for  http://webstandardsgroup.org/
  
  Proud presenters of Web Essentials 04 http://we04.com/
   Web standards, accessibility, inspiration, knowledge
  To be held in Sydney, September 30 and October 1, 2004
  
   See http://webstandardsgroup.org/mail/guidelines.cfm
   for some hints on posting to the list  getting help
  **
  

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**