Post on 31-Mar-2016
description
WEB PAGESFOR NON‐PROGRAMMERS
CENTRO DE INNOVACIÓNTECNOLÓGICA
AE‐252832‐4040 Ext. 5352, 5353
A sus órdenes…COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
Sistemas de InformaciónADEM ‐ RUM
PROF. WANDA I. NEGRÓNWANDAI.NEGRON@UPR.EDU
AGENDA
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
EVERYONE HAS A WEBSITETODAY
Government
Corporations
Educational Institutions
Non‐Profit Organizations
Individuals
ANYONE with something to share…COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
WEBSITES 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
QUÉ HAGO?
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
HIRE SOMEONE…
Expertise
Cost
Time
Problems
Maintenance ‐ updatesCOPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
DO IT MYSELF
Learn to program
HTML
PHP
Joomla
Whatever…
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
LEARN TO PROGRAM
Advantage:
You control everything
Disadvantage
You have to do everything
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
USER FRIENDLY PROGRAM
Advantage:
Select from alternatives
Enter contents
Disdvantage:
No 100% control
TradeoffCOPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
STEPS & GUIDELINES
Decide objective / purpose
Who is my audience/customer?
Plan Accordingly
Prepare a Website Map
Three levels maximum COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
WEBSITE MAP
Home Page
Option1
Option1 Page1
Option1 Page2
Option2
Option1 Page3
What information will appear for each page at every level
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
STEPS & GUIDELINES
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
AUTOEXPRESO.COM
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
STEPS & GUIDELINES
Keep Planning
Decide Page Layout
Titles for Pages
Where does the menu go?
Colors
Font & font sizeCOPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
STEPS & GUIDELINES
A website needs three things:
Tool to create it
A “home” (web server)
A name (domain name)
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
STEPS & GUIDELINES
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
STEPS & GUIDELINES
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
OTHER TOOLS
Google Sites
Wix
Weebly
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. CREATE ACCOUNT
Free or paying
free – with ads
paying – no ads
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. CREATE ACCOUNT
Select Username
Your website’s address will be: http://username.tripod.com
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. CREATE ACCOUNT
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 nameCOPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
1. CREATE ACCOUNT
You can have more than one website with the same account
Name format different from first
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
2. CREATE WEBSITE
Select Template
Add Pages and Content
Upload files if necessary Documents, images…
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
2. CREATE WEBSITE
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. CREATE WEBSITE
Deploy Publish to the Web button
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
MY WEBSITE
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
ANGIE’S WEBSITE
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
READY!!!!!
Demo
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN