Building Webmaster Workshop

1
Building Webmaster Workshop

• By
• L.A. Lowe

2
Overview

• Navigating new p-word-protected Teaching Staff
  web pages.
• Building Webmaster Skill Checklist
• Site definition in the web editors, DreamWeaver
  (DW) FrontPage (FP)

3
History of new Staff pages

• They are the old Intra-District (ID) Resources
  web pages
• Content migration of ID Resources from old to new
  website (completed in May of 2007)
• New pages require generic logins and passwords
• ONLY for Administrative and Teaching Staff
• Sensitive documents, forms, etc. live here.
• New pages can be accessed both on- and off-campus
  (home, non-ICCSD computers, etc.)
• more advantageous than old ID Resources pages

4
Bldg. Webmaster Skill Checklist

• How many of you
• Use Mac? PC?
• Are new to website / web page construction?
• If new and use PC, I recommend FP (even Word) as
  web editor.
• If fairly tech-savvy, I recommend DW as web
  editor (dual platform).

5
URL pathway of new Staff pages

• ICCSD Home page ?
• Staff (blue button) ?
• Administrative / Teaching Staff bullet (in
  peach-colored, left-hand navigational bar) ?
• Login pword prompt window pop-up
• User name iccsdteacher (one word case
  sensitive)
• Password secureteach (one word case sensitive)

6
(No Transcript)
7
(No Transcript)
8
iccsdteacher
secureteach
9

• If you Remember my password, you will
  always be authenticated for that computer.
• Meaning? Youll not need to remember the generic
  login password for that computer
• However, youll be prompted for the generic login
  password for other computers.

10
Checklist (contd.)

• How many of you are familiar w/
• Uploading (Putting in DW)?
• Downloading (Getting in DW)?
• Converting Word docs to HTML or PDF?
• Cleaning up MS formatting in DW?
• HTML code or design mode in DW / FP?
• ALWAYS backing up your file folders?
• PhotoShop or FW as image editors?
• Good practice save .jpg or .gif at 100K or lt.

11
Checklist (contd.)

• How many of you are familiar w/
• Uploading (Putting in DW)?
• Downloading (Getting in DW)?
• Converting Word docs to HTML or PDF?
• HTML code or design mode in DW / FP?
• ALWAYS backing up your file folders?
• PhotoShop or FW as image editors?
• Good practice save .jpg or .gif at 100K or lt.

12
Pros / Cons of FP vs. DW
DW

• Pros
• CSS template-driven means changes in template
  changes on web pages sitewide.
• Interfaces w/ all Adobe products (FW, Flash,
  Acrobat, PhotoShop)
• Superior to FP as web editor
• All bells whistles
• Can clean up MS residue.
• Can be used for both static dynamic website
  templates (.ASP, ColdFusion, .NET, SQL)

• Cons
• Slow learning curve
• Not intuitive like FP
• Preferential to write in code.
• CSS template-driven restrictive on look and
  feel of web design

13
Pros / Cons of FP vs. DW
FP

• Pros
• Steep (fast) learning curve
• Very intuitive great for newbies
• Can write in code or design mode
• NOT as CSS template-driven , thus, NOT as
  restrictive as DW on look and feel of web design

• Cons
• Not being as CSS template-driven means changes on
  web pages must be done individually (not
  sitewide).
• Does not interface as well as DW does w/ other
  web-based apps.
• Inferior to DW as web editor
• Not as many bells whistles
• Lots and lots of MS residue.
• Used only for static website templates web
  pages (primarily an HTML editor only)

14
District Webmasters Manual

• Please refer frequently to online District
  Webmasters Manual for website design et al.
  questions.
• Most of your website, web page, and web design
  questions can be answered here.

15
Site Mgmt. Definition (DW)
16
Site Mgmt. (DW)
17
Local Site Definition (DW)
18
Remote Site Definition (DW)
19
Questions?

• Suggestions for future Workshops?
• How may we best meet / serve your Bldg. Webmaster
  needs?
• Food For Thought?