31
W EB P AGES FOR NON PROGRAMMERS

Como crear tu propio website sin ser programador

Embed Size (px)

DESCRIPTION

Presentación ofrecida durante la actividad Semana de la Biblioteca EEA 2011 ofrecida por la Prof. Wanda Negrón el 12 de abril de 2011

Citation preview

Page 1: Como crear tu propio website sin ser programador

WEB PAGESFOR NON‐PROGRAMMERS

Page 2: Como crear tu propio website sin ser programador

CENTRO DE INNOVACIÓNTECNOLÓGICA

AE‐252832‐4040  Ext. 5352, 5353

A sus órdenes…COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 3: Como crear tu propio website sin ser programador

Sistemas de InformaciónADEM ‐ RUM

PROF. WANDA I. NEGRÓ[email protected]

Page 4: Como crear tu propio website sin ser programador

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

Page 5: Como crear tu propio website sin ser programador

EVERYONE HAS A WEBSITETODAY

Government

Corporations

Educational Institutions

Non‐Profit Organizations

Individuals

ANYONE with something to share…COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 6: Como crear tu propio website sin ser programador

WEBSITES ARE USED TO:

Provide Information

Provide Services

Sell Products

Anything you can imagine…

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 7: Como crear tu propio website sin ser programador

SOOOO…. I NEED A WEBSITE

QUÉ HAGO?

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 8: Como crear tu propio website sin ser programador

HIRE SOMEONE…

Expertise

Cost

Time

Problems

Maintenance ‐ updatesCOPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 9: Como crear tu propio website sin ser programador

DO IT MYSELF

Learn to program

HTML

PHP

Joomla

Whatever…

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 10: Como crear tu propio website sin ser programador

LEARN TO PROGRAM

Advantage:

You control everything

Disadvantage

You have to do everything

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 11: Como crear tu propio website sin ser programador

USER FRIENDLY PROGRAM

Advantage:

Select from alternatives

Enter contents

Disdvantage:

No 100% control

TradeoffCOPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 12: Como crear tu propio website sin ser programador

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

Page 13: Como crear tu propio website sin ser programador

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

Page 14: Como crear tu propio website sin ser programador

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

Page 15: Como crear tu propio website sin ser programador

AUTOEXPRESO.COM

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 16: Como crear tu propio website sin ser programador

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

Page 17: Como crear tu propio website sin ser programador

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

Page 18: Como crear tu propio website sin ser programador

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

Page 19: Como crear tu propio website sin ser programador

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

Page 20: Como crear tu propio website sin ser programador

TRIPOD

Simplifies significantly these steps:Create a website

Deployment

Maintenance “All Inclusive”

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 21: Como crear tu propio website sin ser programador

OTHER TOOLS

Google Sites

Wix

Weebly

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 22: Como crear tu propio website sin ser programador

1. CREATE ACCOUNT

Free or paying

free – with ads 

paying – no ads

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 23: Como crear tu propio website sin ser programador

1. CREATE ACCOUNT

Select Username

Your website’s address will be: http://username.tripod.com

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 24: Como crear tu propio website sin ser programador

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

Page 25: Como crear tu propio website sin ser programador

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

Page 26: Como crear tu propio website sin ser programador

2. CREATE WEBSITE

Select Template

Add Pages and Content

Upload files if necessary Documents, images…

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 27: Como crear tu propio website sin ser programador

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

Page 28: Como crear tu propio website sin ser programador

2. CREATE WEBSITE

Deploy  Publish to the Web button

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 29: Como crear tu propio website sin ser programador

MY WEBSITE

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 30: Como crear tu propio website sin ser programador

ANGIE’S WEBSITE

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN

Page 31: Como crear tu propio website sin ser programador

READY!!!!!

Demo

COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN