como crear tu propio website sin ser programador
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 2011TRANSCRIPT
![Page 1: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/1.jpg)
WEB PAGESFOR NON‐PROGRAMMERS
![Page 2: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/2.jpg)
CENTRO DE INNOVACIÓNTECNOLÓGICA
AE‐252832‐4040 Ext. 5352, 5353
A sus órdenes…COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
![Page 4: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/7.jpg)
SOOOO…. I NEED A WEBSITE
QUÉ HAGO?
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
![Page 8: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/8.jpg)
HIRE SOMEONE…
Expertise
Cost
Time
Problems
Maintenance ‐ updatesCOPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
![Page 9: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/15.jpg)
AUTOEXPRESO.COM
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
![Page 16: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/21.jpg)
OTHER TOOLS
Google Sites
Wix
Weebly
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
![Page 22: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/29.jpg)
MY WEBSITE
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
![Page 30: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/30.jpg)
ANGIE’S WEBSITE
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN
![Page 31: Como crear tu propio website sin ser programador](https://reader034.vdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/31.jpg)
READY!!!!!
Demo
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN