The Teaching and Learning of Web Authoring

nervousripΑσφάλεια

5 Νοε 2013 (πριν από 3 χρόνια και 10 μήνες)

63 εμφανίσεις

The Teaching and
Learning of Web
Authoring

AUTHORING
-

programming by non
-
programmers

Some ideas in this PowerPoint come from Dr. Lai Yiu Chi of HKIEd

The Curricula


CIT



Design Factors for Presenting Information on the Internet


Web Authoring and Simple Web Management

(the second most popular elective (probably the first next year)


Computer Literacy


Taught in most secondary schools


How about those in ASL and AL
curriculum?


How about those in primary schools?


Informal curriculum: lots of Web page
competitions

The Issues


A very critical change in IT (Web technology)
in the last century


A “must” IT knowledge after word processing,
graphics and presentation in IT subjects


A very integrated topic


Multimedia, communication (FTP), programming
(HTML), information presentation (layout,
graphics …), dynamic web pages (database,
server
-
side computing), planning and designing

What are our T&L focuses?


“Hard” technology skills:


Web authoring?


HTML programming?


Web technology?


“Soft” technology skills:


Web design/structure concepts?


Communication/presentation skills?


Web site planning/management?


Warm
-
up


Read the related CIT curriculum
(citwebauthoring.pdf)


Surf the Web sites provided (in the folder
webresources)


Install the the 1st page 2000 (a HTML editor)


Install the DENIM system


Word Processing vs Web
Authoring

What for?

Paper publishing

Electronic publishing

Files

Text and graphics
combined into a single
file

Text, graphics and
animations linked by a
set of files

Saving the
files

On one’s own hard
disk

In Web servers

Delivery

Transportation,

Printing media

Network,

Browser

Technology
skills

To be discussed

To be discussed

Discussion (1) Software skills


Word Processing for Web Publishing


Advantages and disadvantages using word
processing for Web publishing?


Why do some teachers use MS
Word/FrontPage Express for constructing a
Web?

Discussion (2) Software skills


Web Authoring vs HTML programming


Advantages and disadvantages using Web
Authoring tools (e.g. Dreamweaver,
FrontPage) vs HTML editors?


To some extents, some teachers insist on
teaching HTML. What are your opinions?

Discussion (3) CIT Curriculum

Analysis of the document


Identify the hard and soft IT skills involved?


Suggest proper teaching software for each
topic in terms of availability and user
-
friendly


Explain how you deal with “Introduction to
dynamic Web pages”.


What are your experiences or difficulties
encountered in teaching this part?

Discussion (4) the Design of a
Web site


Do you agree?


Web Publishing involves: Problem solving,
information searching, decision making,
modeling …


How do you teach your students to build a
prototype of the design?


Visualisation tools such as Inspiration 7.5


Paper Prototyping


the DENIM system

What is paper prototyping?


Resouces:

http://www
-
106.ibm.com/developerworks/library/us
-
paper/


Paper prototyping is a method of usability
testing that is useful for Web sites, Web
applications, and conventional software


Advantages:


No coding and therefore any students can do


Creativity not hindered by any software (“canned
design” or template)


Informal Tools For Early Stage
Web Site and UI Design


Download the DENIM system from the
product site:

http://guir.berkeley.edu/projects/denim/


Study the user guide


http://guir.berkeley.edu/projects/denim/docs/tutorial/tutorial.html


Discussion (5) the informal
curriculum


Surf the following student work. Comment
what our students can achieve in Web design
and construction.


Web sites:

http://www.jsit.net


http://www.ssrc.hku.hk/sym/97/schools.html

http://www.rotary.edu.hk/memo/0102/link/epaward

h
t
m

Discussion (6) Teachers’
difficulties/problems


Lack of knowledge and experiences in Web
design? What are they?


Lack of hardware, Web servers?


Lack of software, client
-
server computing
(dynamic data)?


Any other suggestions?


How do you deal with these difficulties/
problems?

Conclusion


Our focuses are …