modulo 1-web

13
Diseño de Páginas de Internet Guía de estudio APRENDE A CREAR UNA WEB CREAR UNA PAGINA WEB ES ALGO TAN SENCILLO QUE CUALQUIER PERSONA PUEDE HACERLO.... Aprender hacer una Página de Internet le ayudará a poder crear su empresa en línea y vender sus servicios a miles de personas a través de Internet www.incube2.com

Upload: aguilblack

Post on 17-Nov-2015

2 views

Category:

Documents


0 download

DESCRIPTION

desarrollor web

TRANSCRIPT

  • Diseo de Pginas de InternetGua de estudio

    APRENDEA CREARUNA WEBCREAR UNA PAGINA WEB ES ALGO TAN SENCILLO QUE CUALQUIER PERSONA PUEDE HACERLO....

    Aprender hacer una Pgina de Internet le ayudar a poder crear su empresa en lnea y vender sus servicios a miles de personas a travs de Internet

    www.incube2.com

    http://www.incube2.com

  • 2

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    Temas del mdulo 1:

    Acerca del instructor 3Conoce a Juan Carlos Rodrguez 3

    Introduccin al mundo de las Pginas de Internet 4No necesita saber nada de programacin 4

    Qu es un editor de HTML? 4

    Qu es una Pgina de Internet? 5

    El mundo CMS 6Wordpress 6

    Qu es un plugin? 7

    Pasos importantes 8

    Detrs de Incube2 9

    El organigrama 10

    El dominio de Internet 11

    Recomendaciones para registrar un dominio 12

    Asignaciones 13

    http://www.incube2.com

  • 3

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    Conoce al instructorINCUBE2

    Hola! Me alegra saber que le gustara crear su

    propia pgina de Internet, sea para su uso perso-

    nal o para su negocio. En este libro le explicar

    diferentes tcnicas y confi guraciones que usted

    debe saber para que su portal tenga mucho xito.

    Actualmente, llevo ms de 15 aos de experien-

    cia en el rea de la confi guracin de servidores,

    diseo de portales de Internet, seguridad y otros.

    Desarroll el portal incube2.com, el cual est

    enfocado en capacitar a ms de 30 mil personas en

    todo el mundo. Todo un xito!

    A nivel acadmico, tengo ms de 35

    certifi caciones de empresas como Microsoft,

    CompTIA, Eccouncil y otras. Tengo un bachillerato

    en Administracin de Empresas y he apredido que

    el dinero no est en la calle, el dinero est en la

    Web.

    Bienvenido al mundo del Internet!

    Haciendo negocios en lnea!!!

    JUAN CARLOS RODRIGUEZ

    Juan Carlos RodrguezFundador de Incube2

    Juan Carlos

    http://www.incube2.com

  • 4

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    IntroduccinBienvenidos al Curso de Diseo de Pginas de Internet para principantes. Este curso, en modo de libro, es ideal para todas las personas que desean aprender a hacer pginas de Internet tanto a nivel personal como tambin para negocios. En este curso usted aprender los fundamentos en el diseo de una pgina de Internet y un poco ms.

    No necesita saber nada de programacin

    Gracias a las tecnologas que existen actualmente en el mercadeo y en el mundo del Internet, ya no es necesario conocer nada de programacin para crear un portal web.Aunque se recomienda que en el camino de su aprendizaje en el desarrollo de su portal,

    aprenda lenguajes como HTML, PHP y manejo de bases de datos en MySQL.

    Actualmente, existen diferentes tecnologas y herramientas que puede utilizar para crear un

    portal de Internet que puede ser desde utilizar un editor web, hasta un sistema de CMS.

    Qu es editor de HTML?La palabra editor de Pginas de Internet es muy generalizada, pero se refi ere a estas aplica-

    ciones que se utilizan para desarrollar portales de Internet, tales como:

    1. Adobe Dreamweaver

    2. Microsoft FrontPage

    3. Microsoft Expression Web

    La realidad es que existe una gran cantidad de aplicaciones para programar Pginas de In-

    ternet, incluso, muchos programadores utilizan la aplicacin de Windows: Notepad, para

    editar sus cdigos.

    Este curso no est enfocado en lenguajes de programacin, pero durante el curso aprendere-

    mos algunos fundamentos bsicos para identifi car diferentes lenguajes de programacin.

    INCUBE2

    http://www.incube2.com

  • 5

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    Qu es una Pgina de Internet?

    Una Pgina de Internet es un archivo que es interpretado por un navegador de Internet (In-ternet Explorer, Firefox, Google Chrome, etc.) y nos presenta una informacin en especfi co

    que pueden ser Textos, Imgenes, Videos, Audios y otros.

    Para que una Pgina de Internet pueda ser vista por los usuarios que se encuentran conec-

    tados a Internet, se requiere que los archivos de la Pgina de Internet estn ubicados en un

    Servidor de Pginas de Internet que puede ser en Windows o en Linux.

    Un ejemplo de un cdigo de programacin HMTL es:

    Mi primer encabezado

    Mi primer prrafo

    Un ejemplo de un cdigo de programacin PHP es:

    Esto son ejemplos bsicos relacionado al cdigo de HTML, PHP y ASP. Si pudo observar la estructura a nivel HTML, siempre se

    mantiene, lo que cambiar son las instrucciones de lo que se desea hacer en la pgina!

    INCUBE2

    http://www.incube2.com

  • 6

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    El mundo de los CMSLos sistemas de CMS nos hacen la vida ms fcil. Usted no necesita, por el momento, aprender estos cdigos de programacin que ya mencionamos debido a que ya existen lo que se conoce como CMS = Content Management Systems. Esto son los sistemas de manejo de contenido que nos ayudarn a crear nuestro portal de Internet de una forma muy rpida.

    Algunos CMS:

    Es utilizado por miles de empresas...

    WordpressWordpresss es una herramienta muy til para desarrollar una Pgina de Internet desde cero. El Wordpress nos

    permite tener un portal poderoso, sin nece-

    sidad de tener conocimientos de programa-

    cin y la mejor parte es que podemos tener

    un portal completo en solo horas.

    Por qu utilizar Wordpress? Una de las razones por las cuales recomendamos que utilices Wordpress es por la cantidad de

    plugins disponibles.

    1. Sony Music

    2. Ebay Inc

    3. MTV News

    4. Xerox

    5. ESPN

    6. Fortune

    7. Harvard University

    8. Mozilla Blog

    9. Wall Street Journal

    10. Incube2 y otras...

    INCUBE2

    http://www.incube2.com

  • 7

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    Qu es un plugin?

    Un plugin es un componente que se le

    aade al sistema de Wordpress para que

    haga algo adicional. Por ejemplo, una

    galera, un sistema de contacto, una tienda

    virtual, entre otros.

    Esto quiere decir que cuando usted disea

    su pgina de Internet, usted puede arma su

    portal con algunos plugins que ayudaran

    a su pgina para que se convierta en un gran

    portal.

    El costo de Worpdress es cero. Para descargar el CMS totalmente gratis, solo debe entrar

    al portal: http://www.wordpress.org.

    Realmente donde usted puede gastar dinero es en

    2 reas. Una de ellas es en lo que se conoce como

    la Plantilla o Template y la otra es en los plugins

    comerciales.

    Los plugins comerciales son componentes que

    usted compra, que han sido desarrollados por

    una empresa o individuo y, normalmente, ofrecen

    algn soporte tcnico relacionado al componente.

    Los costos de los plugins pueden variar. Existen plugins que cuestan $5.00 dlares, como

    tambin, existen plugins que cuestan $500.00 dlares. Cuando usted compre algn compo-

    nente debe estar pendiente si incluye actualizaciones gratis del mismo y por cuanto tiempo

    recibir el soporte. Existen plugins comerciales que ofrecen actualizaciones cada 3, 6 meses

    o hasta un 1 ao. En algunas excepciones, ofrecen actualizaciones de por vida.

    Consejo... siempre lea las referencias y comentarios de los clientes que han comprado un plugin en especfi co. As podr saber si el soporte es bueno.

    INCUBE2

    http://www.incube2.comhttp://www.wordpress.org.

  • 2

    8

    www.incube2.comEDUCATE EN LINEA CON INCUBE2

    Pasos importantesEn Internet existen millones de portales que no aportan absolutamente ningn benefi cio al usu-ario que los visita. Por eso, usted debe tener mucho cuidado a la hora de crear un portal de Inter-net. Si va a desarrollar algo, ofrezca algn benefi cio a las personas que lo visitan. Ms visitas es igual a ms ganancias = $$$. Referente al tema de ganar dinero en Internet, lo estaremos trabajan-do en los prximos mdulos.

    Lo primero es lo primero

    Antes de comenzar a crear una Pgina de Internet, debemos hacernos las siguientes preguntas:2 razones

    importantes Quizs la primera razn

    por la cual usted desarrolla

    una pgina de Internet es

    porque tiene curiosidad y

    quiere aprender a hacer

    Pginas de Internet y la

    segunda es que porque

    quiere tener xito en

    Internet. Espero que sea la segunda...

    -JC!

    Qu desea crear? Estudie a una empresa que hace lo que usted desea

    Trate de imitarla, pero aada su toque original

    1 3

    Qu realmente deseo crear? Existe alguna empresa que haga lo que deseo? Cmo es la pgina de Internet de esa empresa? Por qu quiero hacer una Pgina de Internet as?

    La idea de estas preguntas es que usted tenga una imagen clara de lo que desea hacer. Muchas veces al no hacernos la pregun-ta correcta, podemos tomar decisiones equivocadas a la hora de hacer el desarrollo de nuestro portal.

    Para que usted pueda tener xito en la creacin de su pgina de Internet, debe tener claro qu es lo que realmente desea hacer. Puede sonar simple, pero es la activad ms importante de todo el proceso.

    INCUBE2

    http://www.incube2.com

  • 9

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    Detrs de Incube2...

    Cuando desarrollamos Incube2, nuestra idea era tener un portal de Educacin a Distan-cia donde los estudiantes pudieran prepararse desde la comodidad de su hogar. Para esto estuvimos que hacer varias cosas, entre ellas:

    Crear un estudio de grabacin para grabar las clases de los cursos

    Crear un rea para la creacin de los mdulos de estudio

    Crear un departamento para la verifi cacin de contenido

    Confi gurar varios servidores para subir los videos en nuestra plataforma de

    Streaming

    Realmente fue algo muy divertido al momento de crear todo. La idea era crear un producto

    que ayudar a las personas que se encontraban en otros pases a poder prepararse y estudiar

    por Internet. Siempre que usted evale lo que realmente desea hacer y cmo lo quiere pre-

    sentar, sabr que recursos necesita y podr evaluar la viabilidad del su proyecto.

    Nunca se de por vencido

    Cuando desarrollamos Incube2, tengo que

    admitir que me paso por la mente no menos

    de 1,500 veces, cancelar todo el proyecto.

    Realmente, era un proceso divertido, pero

    muy estresante. Mientras ms se esfuerce,

    menos se d por vencido. Ms conocimiento

    obtendr y ms rapido tendr xito.

    Realice un organigrama de su proyecto

    El organigrama le permite saber cul va a ser

    la estructura del portal de la empresa. Por

    ejemplo, usted podra especifi car excta-

    mente sus secciones, reas, botones, enlaces

    y otras partes. Esto sera un tipo de plano

    antes de hacer el portal de Internet. Un buen

    organigrama puede economizarle mucho

    tiempo en el desarrollo.

    Mientras ms organizado usted se

    encuentre mejor...

    Permtanos comentar que uno de los proble-

    mas principales de los diseadores de pgi-

    nas de Internet es que sus mentes creativas

    le complican un poco la tarea de ser oganiza-

    dos. Esto no pasa con todo el mundo, conoz-

    co diseadores grfi cos que son muy organi-

    zados, pero la mayora que conozco poseen

    una organizacin que no es la ms efi ciente y

    porque siempre tienen ideas y conceptos nu-

    evos en su mente, muchas veces se les hace

    complicado terminar sus proyectos.

    Trate usted siempre de estar organizado y

    enfocado en su proyecto. Mientras ms orga-

    nizado pueda estar, ms efectivo ser.

    INCUBE2

    http://www.incube2.com

  • 10

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    El organigramaAsi que el primer ejercicio de este curso es crear un organigrama del diseo del portal.

    Esto es muy importante porque sera nuestro plano para el diseo. Como comentamos

    en la pgina anterior, el organigrama nos permite tener la estructura de diseo de como

    funcoinar el portal. Por eso, es importante que usted realice el siguiente ejericio:

    Creacin de un organigrama.

    Para crear un organigrama, usted debe saber qu exctamente que desea en su portal. Por eso en uno de los temas anteriores le mencione que primero debe saber qu desea hacer y luego seguimos con los prximos pasos. Asi que, a continuacin, usted podr ver un

    ejemplo de como sera un diseo bsico de un organigrama.

    EL ORGANIGRAMA

    INCUBE2

    http://www.incube2.com

  • 11

    www.incube2.comEDUCATE EN LINEA CON INCUBE2

    El dominio de Internet es la direccin que el usuario escribe en su navegador de Internet,

    por ejemplo: www.sunegocio.com. El costo por registrar un dominio de Internet puede variar desde $1.99 hasta miles de dlares. Esto depende si es un dominio nuevo o si es un dominio

    de subasta. Los dominios de subasta son dominios que han sido comprado y se revenden a

    precios mayores.

    Cules tipos de dominio existen?Existe una gran cantidad de tipos de dominios. A continuacin, le mencionamos los ms uti-

    lizados: .com, .net, .org, .info, .edu, .mil, .gov, .biz, .info, .co y muchos otros. Realmente existen

    una gran cantidad de extensiones que usted podra comprar. Los precios pueden variar y

    existen dominios que sus extensiones son mas caras que otras. Un ejemplo es: tunegocio123.

    com, que cuesta ms caro que un dominio como: tunegocio123.info. Muchas veces los

    costos pueden variar por la popularidad del dominio.

    El dominio de Internet

    Consejo importante

    Registre su dominio

    Si puede, compre la mayor cantidad de dominios

    posibles relacionados a su negocio de Internet.

    Registre su dominio principal por la mayor

    cantidad de aos posible. Eso evitar poner en riesgo

    su dominio si se vence rpido.

    .com = Para uso comercial

    .net = Empresas de redes, ISP y otros

    .org = Organizaciones sin fi nes de lucro

    .gov = Los asignan instituciones de gobierno por pais

    .edu =Uso exclusivo para uso de universidades y

    colegios

    .tv =Los usan principalmente empresas de televisin

    .mobi = Dispositivos mviles

    .info =Dominios diseados principalmente para la

    difusin de informacin

    .asia =Para compaas, organizaciones e indiciduos

    localizados en Asia, Australia y el Pcifi co

    .biz = Se pueden usar para actividades comerciales y

    de negocios

    .ws = Siglas que se identifi can con Web Site, se trata

    de una opcin para cualquier tipo de web

    INCUBE2

    http://www.incube2.comhttp://www.sunegocio.com.

  • 12

    www.incube2.comEDCATE EN LINEA CON INCUBE2

    Recomendaciones para registrar un dominio

    Existe una gran cantidad de empresas autorizadas para registrar dominios y no todo el que dice en Internet que registra lo dominio puede hacerlo como proveedor autoriza-do. Normalmente, se utilizan empresas que se dedican a la registracin de dominios tales

    como: Godaddy.com, Register.com, Networksolutions.com y otros.

    Consejos para registrar un domininio de InternetA continuacin, le presentamos una lista de consejos al momento de registrar su dominio de Internet. Aunque registrar un dominio de Internet puede ser algo que no cueste mucho, mientras menos gaste mejor.

    Utilice nombres cortos y fcil de promocionar Trate de no utilizar frases raras a menos que sea una marca Trate de registrar su dominio, pero que a la vez sea su marca: Ej Incube2.com Bsquele un signifi cado a su dominio - Por qu se llama as? No utilice su dominio de Internet como su slogan: www.nosotroslohacemosmejorqu elacompetencia.com Que sea fcil de recordar Evite los guiones -. Ej: www.tu-negocio-en-linea.com Registre todas las variantes que pueda. .com. .net. info. Etc

    Existe una herramienta muy til que se llama: Domainsbot.com, que la puede utilizar para buscar recomendaciones de dominios. Visite el portal: http://www.domainsbot.com

    Nosotros utilizamos la empresa Godaddy.com, para que comprar dominios si quiere comprar do-minios econmicos con descuentos. Le invitamos a que utilice esta direccin para que le apliquen un descuento especial a travs de ella,

    http://www.descuentosendominios.com

    INCUBE2

    http://www.incube2.comhttp://www.tu-negocio-en-linea.comhttp://www.domainsbot.comhttp://www.descuentosendominios.com

  • Para completar este mdulo usted debe realizar la siguiente asignacin.

    Este es el primer mdulo de Diseo de Pginas de Internet con Wordpress. Este libro est com-

    puesto por 20 captulos. Le invitamos a que participe tambin en nuestro curso introductorio de

    Diseo de Pginas de Internet, que se encuentra en http://www.incube2.com.

    Le invitamos a que nos enve un e-mail a [email protected], sobre la pgina de Internet que

    le gustara tener para as enviarle un lista de consejos para que tenga xito en todo su proyecto!

    La mejor inversin que puede hacer es cuando invierte en usted!

    Asignacin del mdulo #1

    INCUBE2

    http://www.incube2.commailto:[email protected]