Web page training Phase 1

1
Web Page Training
Phase I
2
The Process Where Are We Now?
Team Meetings -- October 18, 2007 An idea is
born November 19, 2007 Site design
begins January 11, 2008 Putting the pieces
together April 18, 2008 New web site
launched August 22, 2008 Web page team training
3
Our Objectives Today

• Understand the Big Picture of web page design
  process.
• Navigate to WEBDATA folder (library) on server.
• 3) Develop content for your departments page and
  save it to department folder inside WEBDATA
  folder.
• 4) Complete Contribute tutorial.
• 5) Set-up your office computer with shortcuts and
  software.

Future training session for staff that will need
software on their computer to edit their
departments webpage.
Phase 2
4
(No Transcript)
5
Web Page Learning Continuum
Navigation to WEBDATA folder
Edit my department page
Content created and stored in Library
1 2 3
4 5 6 7
Understanding the Big Picture
Teach others
Set-up office computer
Complete Contribute Tutorial
6
Whats the Big Picture here?
How does this process work?
Whats the purpose of the O.U.R. web site?

• To better serve our schools through
• Communicating the services and programs we offer
• Sharing resources
• Building digital bridges

7
Web Site vs. Web Page
File Cabinet Server
http//oursc.k12.ar.us/
http//oursc.k12.ar.us/your page
Text, photos, links to web pages and documents,
slideshows, video, graphics
8
(No Transcript)
9
How does a webpage appear on my computer?
opens a specific drawer in the file cabinet
(server), and assembles all the content from the
files in that drawer...voila! A webpage to view!
10
Web Page Structure and Design Basics
Behind the Scenes HTML coding
ltdiv id"leftColumn1"gtlth2gtLinkslt/h2gtltbr /gt lta
href"index.html"gtO.U.R. Homelt/agtltbr /gt lta
href"default_images/index/contact_us_popup.png"gtC
ontact Uslt/agtltbr /gt lta href"programs_services.htm
l"gtPrograms and Serviceslt/agtltbr /gt Staff
Directory ltspan class"style6"gt(coming
soon)lt/spangtltbr /gt lta href"http//www.escweb.net/
ar_esc/catalog/calendar.aspx?cooperative2461amp
date8/1/2008ampactiongoampsearch1"gtO.U.R.
Professional Developmentlt/agtltbr /gt lta
href"http//www.escweb.net/ar_esc/default.aspx"gtE
SCWorkslt/agtltbr /gt lta href"http//ideas.aetn.org/"
gtIDEAS Portallt/agtltbr /gt lta href"our_schools.html"
gtO.U.R. Schoolslt/agtltbr /gt lta href"http//arkansas
ed.org/"gtArkansas Dept. of Ed.lt/agtltbr /gt lta
href"arkansas_coops.html"gtArkansas Co-opslt/agtltbr
/gt
11
NOT
?
12
Web Page Structure
13
Web Page Structure
14
Web Page Content
What different content can you share with the
people that you serve?
15
(No Transcript)
16
(No Transcript)
17
Practice these skills
18
Web Page Content
Practice these skills
1) Create a new folder in WEBDATA folder on
server. Name it Webpage Hyperlinks 2) Open a
new WORD document. Save as webpage_hyperlinks 3)
Locate three web sites that you think would be
good ones to share with the people you serve. 4)
Copy and paste the URL of each into the WORD
document. Write one or two sentences
that describe the site a preview of what users
will find when they browse there how the site
will benefit them.
19
(No Transcript)
20
Contribute An Introduction
21
(No Transcript)
22
What is Contribute?

• Contribute is an HTML editor.
• Translation
• Contribute is a tool that will enable the O.U.R
  team to collaborate in the editing of web pages.

23
Further Translation You dont need to worry
about this
ltdiv id"leftColumn1"gtlth2gtLinkslt/h2gtltbr /gt lta
href"index.html"gtO.U.R. Homelt/agtltbr /gt lta
href"default_images/index/contact_us_popup.png"gtC
ontact Uslt/agtltbr /gt lta href"programs_services.htm
l"gtPrograms and Serviceslt/agtltbr /gt Staff
Directory ltspan class"style6"gt(coming
soon)lt/spangtltbr /gt lta href"http//www.escweb.net/
ar_esc/catalog/calendar.aspx?cooperative2461amp
date8/1/2008ampactiongoampsearch1"gtO.U.R.
Professional Developmentlt/agtltbr /gt lta
href"http//www.escweb.net/ar_esc/default.aspx"gtE
SCWorkslt/agtltbr /gt lta href"http//ideas.aetn.org/"
gtIDEAS Portallt/agtltbr /gt lta href"our_schools.html"
gtO.U.R. Schoolslt/agtltbr /gt lta href"http//arkansas
ed.org/"gtArkansas Dept. of Ed.lt/agtltbr /gt lta
href"arkansas_coops.html"gtArkansas Co-opslt/agtltbr
/gt

• Editing with Contribute
• is like using MS WORD
• Selecting
• Dragging and dropping
• Inserting
• Button clicking
• Typing
• Working with menus
• Working with files

24

• First - install Contribute Trial version on your
  computer from CD in .
• C\Program Files\Adobe\Adobe Contribute CS3
• File is _at_ 250 MB in size.
• Open the program, Choose 30 Day Trial
  Version, dont buy it

Click shortcut on you desktop
25
Review Tutorials Contribute How-tos
Practice these skills
26
Practice Contribute Skills
27
Progress Check
Do I need to plan, collect, and create
content for my departments web page? Did I
build new knowledge of basic web design? Was
I able to open Contribute program and practice
successfully with the tutorial? Did I identify
where I fit in this process?
28

• Remember
• Contribute is much like most every
• other kind of software
• It is a tool.
• It will take practice to master.
• Avoid getting overwhelmed at first.
• There is built-in tutorial help.
• When you identify and focus on the
• few essential skills, you will grow
• confident and become successful.
• You dont have to be skilled at all
  functions, only the ones you need.
• There are always people around
• that will share their knowledge.
• New knowledge and skills will
• empower you in your job.

Hope this brief tutorial helped to get you
started on using Contribute to edit your
web page on the new O.U.R COOP web site.
29

• To-Dos on your computer 1) Create
  shortcut to O.U.R. web site on your desktop. 2)
  Create shortcut to data library on server on your
  desktop. 3) Install Contribute if
  

Drag-and-drop
30
Phase 2 Web Page training coming soon