Como crear tu propio website sin ser programador
-
Upload
biblioteca-eea -
Category
Documents
-
view
221 -
download
1
description
Transcript of Como crear tu propio website sin ser programador
![Page 1: Como crear tu propio website sin ser programador](https://reader034.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.us/reader034/viewer/2022042720/568c52d21a28ab4916b83e9d/html5/thumbnails/31.jpg)
READY!!!!!
Demo
COPYRIGHT 2011 ‐ PROF. WANDA I. NEGRÓN