W EB PAGES FOR NON ‐ PROGRAMMERS
C ENTRO DE I NNOVACIÓN T ECNOLÓGICA
AE‐252 832‐4040 Ext. 5352, 5353 A sus órdenes… COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
P ROF. WANDA I. N EGRÓN WANDAI . NEGRON @ UPR . EDU
Sistemas de Información ADEM ‐ RUM
A GENDA Web Pages in General Steps to create any web
page Guidelines for web pages Introduction to Tripod (demo) COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
E VERYONE HAS A WEBSITE TODAY
Government
Corporations
Educational Institutions
Non‐Profit Organizations
Individuals
ANYONE with something to share… COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
W EBSITES
ARE USED TO :
Provide Information
Provide Services
Sell Products
Anything you can imagine… COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
SOOOO…. I NEED A WEBSITE Q UÉ COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
HAGO ?
H IRE S OMEONE… Expertise
Cost Time Problems
Maintenance ‐ updates COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
D O IT MYSELF Learn to program
HTML
PHP
Joomla
Whatever…
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
L EARN TO PROGRAM Advantage: You control everything
Disadvantage You have to do everything COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
U SER F RIENDLY P ROGRAM Advantage:
Select from alternatives
Enter contents
Disdvantage:
No 100% control
Tradeoff
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
S TEPS & G UIDELINES Decide objective / purpose
Who is my audience/customer?
Plan Accordingly
Prepare a Website Map
Three levels maximum
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
W EBSITE M AP What information will appear for each page at every level
Home Page
Option1
Option1 Page1 COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
Option1 Page2
Option2
Option1 Page3
S TEPS & G UIDELINES Keep Planning
Think of good and bad websites
Links should be easy to find
No scrolling for important links
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
A UTOEXPRESO . COM
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
S TEPS & G UIDELINES Keep Planning
Decide Page Layout
Titles for Pages
Where does the menu go?
Colors
Font & font size
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
S TEPS & G UIDELINES A website needs three things:
Tool to create it
A “home” (web server)
A name (domain name)
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
S TEPS & G UIDELINES Create website Deployment
Copy files to a server that has 24 hour web access (web server)
Going LIVE
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
S TEPS & G UIDELINES Deployment
Do I have space and access to a web server?
Web Hosting sites
Name for website that points to my files
Domain name
GoDaddy, Yahoo, etc. to get one (paying)
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
TRIPOD Simplifies significantly
these steps: Create a website Deployment Maintenance “All Inclusive” COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
O THER TOOLS Google Sites Wix Weebly
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. C REATE A CCOUNT Free or paying
free – with ads
paying – no ads
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. C REATE A CCOUNT Select Username
Your website’s address
will be: http://username.tripod.com COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. C REATE A CCOUNT You already have:
Your files in a web server
no need to find web hosting service
A domain name
no need to register/pay for a name
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. C REATE A CCOUNT You can have more than one
website with the same account Name format different from
first COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
2. C REATE W EBSITE Select Template Add Pages and Content
Upload files if necessary
Documents, images…
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
2. C REATE W EBSITE
NO need to
File Open
Save
File Close
Move from page to page same way as you navigate any web page COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
2. C REATE W EBSITE Deploy Publish to the Web button
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
M Y W EBSITE
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
A NGIE ’ S W EBSITE
COPYRIGHT
2011 ‐ PROF. WANDA I. NEGRÓN
R EADY !!!!!
Demo
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN