SlideShare una empresa de Scribd logo
1 de 17
Taller de Internet
& Redes Sociales
Guía para Profesionales y Emprendedores


    1 CLASE - Introducción Web


           Paul Caballero
Taller de Internet &Profesionales y Sociales
                                                  Redes Emprendedores
                                        Guía para

                                        1 Clase : Introducción Web


                   Contenidos
                   Nombres de Dominio y Hosting - Planes de Hosting - Organización interna de una web - Tipos de Web - Introducción al
                   HTML - Etiquetado - Web Dinámicas: PHP, MySQL - Movimiento: Flash - Ajax
INTRODUCCIÓN WEB




                   Páginas Recomendadas
                              ‘
                       TEMA                            LINK                                                     CONTENIDO
                        NIC.AR                        www.nic.ar                  Registrar nombres de webs argentinas.

                      GODADDY                     www.godaddy.com                 Registrar nombres de webs internacionales.

                      NUTHOST                     www.nuthost.com                 Ver planes de Hosting

                       CPANEL                            link                     Demo de CPANEL (elegir Domain Owner Panel)

                      CARPETAS             http://www.quiub.com/imagenes/         Ejemplo de como se ve una carpeta web sin el archivo INDEX

                         FTP                        ftp.quiub.com                 Usuario:taller@quiub.com Contraseña:modulo1 (usar FIREFOX para acceder)
                                                                                  acá se ve una web por dentro
                         FTP                          Descarga                    Bajar el programa Filezilla, usar los datos de FTP para entrar.

                         HTML                          manual                     Sencillo manual sobre HTML

                      Hola Mundo                     hola mundo                   Ejemplo de código HTML (ver código fuente)

                     Google Insight     http://www.google.com/insights/search/#   Para ver que tanto se busca una palabra o frase

                   Estado de Internet                  youtube                    Estadísticas 2009 sobre internet
Taller de Internet &Profesionales y Sociales
                                                           Redes Emprendedores
                                                 Guía para




                   Nombres de Dominios
                   Para poder tener una página web es necesario contar con una dirección de acceso. A
                   esta dirección se le llama nombre de dominio, por ejemplo www.lanacion.com ,
                   www.paulcaballero.com o www.facebook.com
INTRODUCCIÓN WEB




                    Nota: En Argentina los nombres de dominio se              Algunos usos
                    identifican como .ar. El registro de los nombres           .com : Comercial
                    de dominios argentinos es gratuito.                       .gov: Gubernamental.
                                                                              .edu: Educativo.
                                                                              .org: Organizaciones sin fines de lucro.
                                                                              .tv: Empresas de televisión.
                   www.nic.ar                                                 .fm: Empresas radiales.
                                                                              .com.ar: Dominios argentinos.
                    Para registrar un nombre de dominio de Argentina
                   .com.ar , .org.ar                                          .cl : Dominios Chilenos.
                                                                              .com.uy: Dominios Uruguayos.
                                                                              .com.co : Dominios de Colombia
                                                                              .mobi: Celulares.
                   www.godaddy.com                                            .info: Dominios informativos.
                   Para registrar un nombre de dominio internacional          .me: Dominios personales.
                   .com, .net, .info, .me, .mobi, .xxx, .tv, .fm, .org        .name: Dominios personales.

                     Precio aproximado por año US 10                             Al elegir un nombre de dominio opte por el nombre de
                                                                                 su empresa, su sector o búsqueda inteligente.

                                             Hay muchos proveedores de nombres de dominios, busque
                             aquel que le genere más confianza y que no ofrezca precios superiores a 15 dólares anuales
                                                                  por un .com
Taller de Internet &Profesionales y Sociales
                                                                       Redes Emprendedores
                                                             Guía para

                                 Una vez tener adquirido el nombre de dominio, hay que reservar un espacio en una
                                 computadora para guardar los archivos que configuran nuestra web. A este servicio
                                 se le llama Hosting.
                                                                                               Espacio en Disco
                                                                                               Es la cantidad de megas que se pueden almacenar en el servidor. Una página
                                                                                               institucional no debería requerir más de 100 Megas.
                                                                                               Dominios Parkeables
                             Nota: Un usuario promedio no debería requerir                     Es la cantidad de dominios que puede tener en su cuenta. Por ejemplo si tiene
                             más de 100 megas de espacio y 1 base de
INTRODUCCIÓN WEB




                                                                                               una web .com y una .com.ar con el mismo contenido.
                             datos en su servidor.                                             Transferencia
                                                                                               Es la cantidad de tráfico que genera su web, va a depender de las visitas que
                                                                                               tenga y lo pesadas que sean sus páginas.
                                                                                               Emails
                      Servicios Básicos de un Hosting                                          Cantidad de mails @sudominio.com que puede tener. Debería ser ilimitado.
                                                                                               CPanel
                                                                                               Es el administrador de su dominio, hay varios, CPanel es uno de los mejores.
                                                                                               Bases de Datos
                                                                                               Aquí se almacenarán datos, muchas veces no es indispensable, pero con una
                                                                                               base debería ser suficiente.
                                                                                               Subdominios
                                                                                               Cantidad de dominios de segundo nivel por ejemplo ar.dominio.com.
                                                                                               Cuentas FTP
                                                                                               Es la cantidad de usuarios que pueden gestionar tus conexiones al servidor
                                                                                               para subir o bajar datos.
                                                                                               Estadísticas
                                                                                               Los servidores dan estadísticas de uso. Se sugiere usar Google Analytics.
                                                                                               WebMail
                                                                                               Es el acceso al mail desde la web.
                           Hay muchos proveedores de nombres de Hosting, busque                Backups
                   aquel que le genere más confianza y que no ofrezca precios superiores a 50   Es la posibilidad de tener un backup del sitio por si pasa algo. Se puede
                                               dólares anuales.                                programar.
Taller de Internet &Profesionales y Sociales
                                                             Redes Emprendedores
                                                   Guía para

                        Con el nombre y el hosting, tenemos que armar nuestra web. Los archivos dentro de
                        una web están organizados igual que en una computadora. Cuando una persona
                        accede desde su casa u oficina se comunica con los archivos del server que
                        compramos y los descarga en su propia computadora para verlos.
INTRODUCCIÓN WEB




                                                  hosting con la web
                                                  www.ejemplo.com




                    El dueño del dominio
                   puede modificar su web
                   usando una cuenta FTP




                                                                                       Los navegantes solo
                                                                                     podrán visualizar la web,
                                                                                       no podrán modificar
                                                                                            archivos.
Taller de Internet &Profesionales y Sociales
                                Redes Emprendedores
                      Guía para


                Internet es una red de archivos vinculados

                                                             archivos vinculados
hipervínculos                  Servidor
Taller de Internet &Profesionales y Sociales
                                                                   Redes Emprendedores
                                                         Guía para

                             Un website es un grupo de archivos dentro de un servidor, organizados igual que el
                             sistema de carpetas de cualquier computadora. Cada archivo equivale a una página
                             web.
INTRODUCCIÓN WEB




                                                                                              www.misitioweb.com/
                                                                                              www.misitioweb.com/mision.html
                                                                                              www.misitioweb.com/vision.html
                                                                                              www.misitioweb.com/contacto.html
                                                                                              www.misitioweb.com/galeria/
                                                                                              www.misitioweb.com/galeria/
                                                                                              www.misitioweb.com/galeria/foto1.jpg
                                                                                              www.misitioweb.com/galeria/foto2.jpg


                                                                                              El archivo de inicio de toda web es
                                                                                           index. Por default el navegador buscará
                   El nombre del archivo es
                                                                                             el archivo index de cada carpeta. Su
                   equivalente a una página
                                                                                            extensión puede ser .htm, .html o .php
                             web.




                                                                                                   El navegador oculta el
                                                                                                         index.html
Taller de Internet &Profesionales y Sociales
                                                       Redes Emprendedores
                                             Guía para

                   Para modificar una web el servidor ofrece una cuenta especial de acceso llamada
                   FTP: File Transfer Protocol. Con el usuario y la clave, el dueño de la página web
                   podrá subir y bajar archivos desde su computadora hasta el servidor, pudiendo
                   modificar, borrar o agregar más páginas webs dentro de un sitio.
INTRODUCCIÓN WEB




                                                                       Los programas FTP ofrecen
                                                                             una vista de su
                                                                       computadora y de su sitio
                                                                       web en ventanas paralelas




                                                                         Busque programas gratuitos de FTP, los hay
                                                                                para todas las plataformas.
Taller de Internet &Profesionales y Sociales
                                                           Redes Emprendedores
                                                 Guía para


                       Internet ofrece muchas opciones diferentes de sitios web, cada uno de ellos tiene
                       diferentes usos e implica diversas expectativas de navegación y contenido para los
                       lectores.
INTRODUCCIÓN WEB




                   Sitios Corporativos          Aplicaciones Web            Medios Sociales                    Portales




                   Com. Electrónicos              Diarios OnLine                    Blogs                   Redes Sociales
Taller de Internet &Profesionales y Sociales
                                                  Redes Emprendedores
                                        Guía para




                                      HTML
                                      HyperText Markup Language
                                  (Lenguaje de Marcado de Hipertexto)
INTRODUCCIÓN WEB




                   • Es un lenguaje de programación.

                   • Está presente en todas las webs.

                   • Es un lenguaje por etiquetado.

                   • Ayuda a organizar el contenido de la apariencia.
Taller de Internet &Profesionales y Sociales
                                                              Redes Emprendedores
                                                    Guía para

                        Hay más lenguajes de programación en una página web, usualmente son: javascript,
                        Flash, PHP, MySQL, ASP, CSS y más. Estos programas están incrustados dentro del
                        código HTML.


                                 Lenguajes que se                                        Lenguajes que se
                        HTML     ejecutan en el                                    PHP   ejecutan en el
INTRODUCCIÓN WEB




                   JAVASCRIPT                                                      ASP
                          CSS    navegador                                         CGI   servidor
                                 Son lenguajes que el navegador es capaz de              Son lenguajes que al acceder a la página web,
                         JAVA    procesar, usualmente son usados para dar vida
                                                                                 MySQL   buscan información contenida en los servidores.
                       FLASH     a una página web, modificando sus colores,        PERL   Usualmente bases de datos donde hay registros de
                                 dándole movimiento u ofreciendo                         usuarios por ejemplo.
                                 información adicional.

                                Si un usuario de mi web llena un                         Si queremos que nuestros
                        CASO                                                      CASO
                                formulario y en el campo del DNI                         visitantes se registren en nuestra
                                incluye letras, quiero avisarle que                      web les pedimos que llenen un
                                se equivocó antes de que envíe la                        formulario con sus datos para
                                información.                                             almacenarlos en una base de
                                                                                         datos.

                        USO     HTML para armar el formulario y                   USO    HTML para armar el formulario y
                                javascript para alertarlo de su                          PHP para guardar esos datos en
                                error.                                                   una base de datos.
Taller de Internet &Profesionales y Sociales
                                                       Redes Emprendedores
                                             Guía para

                   Una web no es más que texto al que se le aplican estilos e imágenes incrustadas. El
                   navegador lee el texto y lo visualiza.

                                  Ejemplo 1: Si escribimos “hola mundo” en el block de notas y
                                  lo guardamos con la extensión .htm o .html, y luego abrimos el
                                  archivo con nuestro navegador, ya tendríamos nuestra primera
                                  web.
INTRODUCCIÓN WEB
Taller de Internet &Profesionales y Sociales
                                                                             Redes Emprendedores
                                                                   Guía para

                                     Para que el texto luzca diferente se le aplican etiquetas, de esta manera el navegador
                                     lee que parte del texto queremos que tenga un estilo en particular. Podemos cambiar
                                     el tipo de fuente, el color, el grosor y muchas más propiedades.
                                        Las etiquetas están entre los signos “menor que” y “mayor que” y para decirle el navegador hasta cuando
                                    aplicar, se utiliza una etiqueta con la barra diagonal: ej: letra normal <b> con negrita </b> letra normal otra vez.
INTRODUCCIÓN WEB




                              Ejemplo 2: Si escribimos la frase “hola mundo, yo
                              estoy aquí” podemos aplicar diferentes colores,
                              grosores al texto, esto en html se llama ESTILOS.




 <b> Hola Mundo.</b> Yo estoy <font color=blue> aquí</font>
                   <b> Indica que a partir de aquí va negrita                                              <font color> Indica que a partir de aquí va azul


                        <b> Indica que hasta aquí va negrita                                                            <font color> Indica que hasta aquí va azul
Taller de Internet &Profesionales y Sociales
                                                                            Redes Emprendedores
                                                                  Guía para



                                     Hay algunas etiquetas que sirven para introducir una fotografía o crear un link.




                    Ejemplo 3: le decimos al navegador que nos
                    muestre una foto y nos lleve a un link.
INTRODUCCIÓN WEB




                   <img src=”http://www.paulcaballero.com/mifoto.jpg”>
                          <img src> Le dice al navegador dónde está la imagen. Esta etiqueta no necesita cerrarse.




                                               Yo estoy <a href=”http://www.paulcaballero.com” > aquí</a>

                                                                       <a href > le dice al navegador a donde ir cuando el visitante haga click
Taller de Internet &Profesionales y Sociales
                                                           Redes Emprendedores
                                                 Guía para

                    A los comandos que configuran una web se los llama código fuente y puede verse
                    fácilmente haciendo click derecho en cualquier sitio web. De esta manera podemos
                    ver que en el código se hacen llamadas a fotos, videos, tablas y códigos de otros
                    programas diferentes a HTML que pueden estar en la propia web o en una web
                    externa.


                   Ejemplo 4: click derecho y vemos el código fuente
INTRODUCCIÓN WEB




                   de una web




                                                                                            Código Fuente

                                                    Página original
Taller de Internet &Profesionales y Sociales
                                                                     Redes Emprendedores
                                                           Guía para

                             El código fuente de una web está dividido en dos partes: Encabezado y Cuerpo.
                             Estos se identifican claramente con dos etiquetas <head> y <body> respectivamente.

                               En el <head> se incluye información importante que no es visible por el usuario.
                               En el <body> se incluyen los datos que son visibles para el usuario.


                                                                     Ejemplo 4: A la izquierda el código y a la derecha el
                                                                     resultado visualizado.
INTRODUCCIÓN WEB




                                                                                   Hola Mundo
                                                                               o
                                                                          uari
                                                                 le al us
                                                           visib
                                                  Est o es




                     <title> Indica cuál es el título de la página que
                                     estamos viendo.

                       <meta “refresh”> Indica que esta web se
                   actualizará automáticamente cada 3600 segundos
                                             Esto es invisible al usuario
Taller de Internet &Profesionales y Sociales
                         Redes Emprendedores
               Guía para




             GRACIAS
       pcaballero@quiub.com

Más contenido relacionado

La actualidad más candente (19)

Dominio
DominioDominio
Dominio
 
Terminilogias
TerminilogiasTerminilogias
Terminilogias
 
DOMINIO Y HOSTING.pptx
DOMINIO Y HOSTING.pptxDOMINIO Y HOSTING.pptx
DOMINIO Y HOSTING.pptx
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Act 2.1. dominios
Act 2.1. dominiosAct 2.1. dominios
Act 2.1. dominios
 
Dominio del internet
Dominio del internetDominio del internet
Dominio del internet
 
Dominio de internet.
Dominio de internet.Dominio de internet.
Dominio de internet.
 
Dominios de internet
Dominios de internetDominios de internet
Dominios de internet
 
Terminologia proyecto web
Terminologia proyecto webTerminologia proyecto web
Terminologia proyecto web
 
Telematica y redes
Telematica y redesTelematica y redes
Telematica y redes
 
Investigación de los dominios en Internet
Investigación de los dominios en InternetInvestigación de los dominios en Internet
Investigación de los dominios en Internet
 
Dominio del internet Juliana Figueroa
Dominio del internet   Juliana FigueroaDominio del internet   Juliana Figueroa
Dominio del internet Juliana Figueroa
 
Dominios de internet
Dominios de internetDominios de internet
Dominios de internet
 
Trabajo de corte
Trabajo de corteTrabajo de corte
Trabajo de corte
 
Dominio de internet
Dominio de internetDominio de internet
Dominio de internet
 
dominios
dominiosdominios
dominios
 
Dominios De Internet
Dominios De InternetDominios De Internet
Dominios De Internet
 
Dominio
DominioDominio
Dominio
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 

Destacado

Taller 2: Educación presencial y educación a distancia virtual
Taller 2: Educación presencial y educación a distancia virtualTaller 2: Educación presencial y educación a distancia virtual
Taller 2: Educación presencial y educación a distancia virtualesinergy
 
Guia tecnologia 6° 1er p.
Guia tecnologia 6° 1er p.Guia tecnologia 6° 1er p.
Guia tecnologia 6° 1er p.Martha Cabrera
 
Taller Correo
Taller CorreoTaller Correo
Taller CorreoBiviana
 
Embalaje
EmbalajeEmbalaje
Embalaje14325
 
Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010
Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010
Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010Renaud Favier
 
Etude PwC "Carbon Factor" (2013)
Etude PwC "Carbon Factor" (2013)Etude PwC "Carbon Factor" (2013)
Etude PwC "Carbon Factor" (2013)PwC France
 
Normampac présentation arrondissement rosemont
Normampac   présentation arrondissement rosemontNormampac   présentation arrondissement rosemont
Normampac présentation arrondissement rosemontLouis-Alexandre Cazal
 
Mivb8 t5. problemas medioambientales
Mivb8 t5. problemas medioambientalesMivb8 t5. problemas medioambientales
Mivb8 t5. problemas medioambientalesjosemariaherrera
 
Recursos de búsqueda de empleo para personas con discapacidad
Recursos de búsqueda de empleo para personas con discapacidadRecursos de búsqueda de empleo para personas con discapacidad
Recursos de búsqueda de empleo para personas con discapacidade-Inclusión Fundación Esplai
 
Ismael y Daniel
Ismael y DanielIsmael y Daniel
Ismael y Danielluisel
 
Resultados línea de base derechos sexuales y reproductivos en Ecuador
Resultados línea de base derechos sexuales y reproductivos en EcuadorResultados línea de base derechos sexuales y reproductivos en Ecuador
Resultados línea de base derechos sexuales y reproductivos en EcuadorGobernabilidad
 
Protein synthesis flip book
Protein synthesis flip bookProtein synthesis flip book
Protein synthesis flip bookpunxsyscience
 

Destacado (20)

Blog
BlogBlog
Blog
 
Taller 2: Educación presencial y educación a distancia virtual
Taller 2: Educación presencial y educación a distancia virtualTaller 2: Educación presencial y educación a distancia virtual
Taller 2: Educación presencial y educación a distancia virtual
 
Guia tecnologia 6° 1er p.
Guia tecnologia 6° 1er p.Guia tecnologia 6° 1er p.
Guia tecnologia 6° 1er p.
 
Taller Correo
Taller CorreoTaller Correo
Taller Correo
 
Embalaje
EmbalajeEmbalaje
Embalaje
 
Divina proporción
Divina proporciónDivina proporción
Divina proporción
 
Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010
Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010
Planete Pme 15 juin 2010 Conference Et Gorgy Timing Prix Chine 2010
 
Ariel et le calcul1
Ariel et le calcul1Ariel et le calcul1
Ariel et le calcul1
 
Poly
PolyPoly
Poly
 
Etude PwC "Carbon Factor" (2013)
Etude PwC "Carbon Factor" (2013)Etude PwC "Carbon Factor" (2013)
Etude PwC "Carbon Factor" (2013)
 
Normampac présentation arrondissement rosemont
Normampac   présentation arrondissement rosemontNormampac   présentation arrondissement rosemont
Normampac présentation arrondissement rosemont
 
Maybach et autres_jmc
Maybach et autres_jmcMaybach et autres_jmc
Maybach et autres_jmc
 
Mivb8 t5. problemas medioambientales
Mivb8 t5. problemas medioambientalesMivb8 t5. problemas medioambientales
Mivb8 t5. problemas medioambientales
 
Recursos de búsqueda de empleo para personas con discapacidad
Recursos de búsqueda de empleo para personas con discapacidadRecursos de búsqueda de empleo para personas con discapacidad
Recursos de búsqueda de empleo para personas con discapacidad
 
B2 b gala acq
B2 b gala acqB2 b gala acq
B2 b gala acq
 
Diegep10 tis3 y4_g3
Diegep10 tis3 y4_g3Diegep10 tis3 y4_g3
Diegep10 tis3 y4_g3
 
Part 1 paris 2010 3
Part 1 paris 2010 3Part 1 paris 2010 3
Part 1 paris 2010 3
 
Ismael y Daniel
Ismael y DanielIsmael y Daniel
Ismael y Daniel
 
Resultados línea de base derechos sexuales y reproductivos en Ecuador
Resultados línea de base derechos sexuales y reproductivos en EcuadorResultados línea de base derechos sexuales y reproductivos en Ecuador
Resultados línea de base derechos sexuales y reproductivos en Ecuador
 
Protein synthesis flip book
Protein synthesis flip bookProtein synthesis flip book
Protein synthesis flip book
 

Similar a Taller internet y redes sociales 1 clase

Similar a Taller internet y redes sociales 1 clase (20)

Gestionarmerc.
Gestionarmerc.Gestionarmerc.
Gestionarmerc.
 
Terminologia web
Terminologia webTerminologia web
Terminologia web
 
DOMINIO_DE_INTERNET.pdf
DOMINIO_DE_INTERNET.pdfDOMINIO_DE_INTERNET.pdf
DOMINIO_DE_INTERNET.pdf
 
Dominios
DominiosDominios
Dominios
 
Dominios
DominiosDominios
Dominios
 
Dominios
DominiosDominios
Dominios
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Terminologia proyecto web
Terminologia proyecto webTerminologia proyecto web
Terminologia proyecto web
 
Actividad 2 de me
Actividad 2 de meActividad 2 de me
Actividad 2 de me
 
Dominio en internet
Dominio en internetDominio en internet
Dominio en internet
 
Dominio
DominioDominio
Dominio
 
Actividad 2 mercadotecnia electronica
Actividad 2 mercadotecnia electronicaActividad 2 mercadotecnia electronica
Actividad 2 mercadotecnia electronica
 
Actividad 2 Mercadotecnia electronica
Actividad 2 Mercadotecnia electronicaActividad 2 Mercadotecnia electronica
Actividad 2 Mercadotecnia electronica
 
Actividad 2 Mercadotecnia Electronica
Actividad 2 Mercadotecnia ElectronicaActividad 2 Mercadotecnia Electronica
Actividad 2 Mercadotecnia Electronica
 

Último

CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerenciacubillannoly
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDAVIDROBERTOGALLEGOS
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxhasbleidit
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Marketing BRANDING
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdfBetianaJuarez1
 
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxLINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxkimontey
 
Análisis de Artefactos Tecnologicos (3) (1).pdf
Análisis de Artefactos Tecnologicos  (3) (1).pdfAnálisis de Artefactos Tecnologicos  (3) (1).pdf
Análisis de Artefactos Tecnologicos (3) (1).pdfsharitcalderon04
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 

Último (20)

CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerencia
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptx
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
El camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVPEl camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVP
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
 
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxLINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
 
Análisis de Artefactos Tecnologicos (3) (1).pdf
Análisis de Artefactos Tecnologicos  (3) (1).pdfAnálisis de Artefactos Tecnologicos  (3) (1).pdf
Análisis de Artefactos Tecnologicos (3) (1).pdf
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 

Taller internet y redes sociales 1 clase

  • 1. Taller de Internet & Redes Sociales Guía para Profesionales y Emprendedores 1 CLASE - Introducción Web Paul Caballero
  • 2. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para 1 Clase : Introducción Web Contenidos Nombres de Dominio y Hosting - Planes de Hosting - Organización interna de una web - Tipos de Web - Introducción al HTML - Etiquetado - Web Dinámicas: PHP, MySQL - Movimiento: Flash - Ajax INTRODUCCIÓN WEB Páginas Recomendadas ‘ TEMA LINK CONTENIDO NIC.AR www.nic.ar Registrar nombres de webs argentinas. GODADDY www.godaddy.com Registrar nombres de webs internacionales. NUTHOST www.nuthost.com Ver planes de Hosting CPANEL link Demo de CPANEL (elegir Domain Owner Panel) CARPETAS http://www.quiub.com/imagenes/ Ejemplo de como se ve una carpeta web sin el archivo INDEX FTP ftp.quiub.com Usuario:taller@quiub.com Contraseña:modulo1 (usar FIREFOX para acceder) acá se ve una web por dentro FTP Descarga Bajar el programa Filezilla, usar los datos de FTP para entrar. HTML manual Sencillo manual sobre HTML Hola Mundo hola mundo Ejemplo de código HTML (ver código fuente) Google Insight http://www.google.com/insights/search/# Para ver que tanto se busca una palabra o frase Estado de Internet youtube Estadísticas 2009 sobre internet
  • 3. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Nombres de Dominios Para poder tener una página web es necesario contar con una dirección de acceso. A esta dirección se le llama nombre de dominio, por ejemplo www.lanacion.com , www.paulcaballero.com o www.facebook.com INTRODUCCIÓN WEB Nota: En Argentina los nombres de dominio se Algunos usos identifican como .ar. El registro de los nombres .com : Comercial de dominios argentinos es gratuito. .gov: Gubernamental. .edu: Educativo. .org: Organizaciones sin fines de lucro. .tv: Empresas de televisión. www.nic.ar .fm: Empresas radiales. .com.ar: Dominios argentinos. Para registrar un nombre de dominio de Argentina .com.ar , .org.ar .cl : Dominios Chilenos. .com.uy: Dominios Uruguayos. .com.co : Dominios de Colombia .mobi: Celulares. www.godaddy.com .info: Dominios informativos. Para registrar un nombre de dominio internacional .me: Dominios personales. .com, .net, .info, .me, .mobi, .xxx, .tv, .fm, .org .name: Dominios personales. Precio aproximado por año US 10 Al elegir un nombre de dominio opte por el nombre de su empresa, su sector o búsqueda inteligente. Hay muchos proveedores de nombres de dominios, busque aquel que le genere más confianza y que no ofrezca precios superiores a 15 dólares anuales por un .com
  • 4. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Una vez tener adquirido el nombre de dominio, hay que reservar un espacio en una computadora para guardar los archivos que configuran nuestra web. A este servicio se le llama Hosting. Espacio en Disco Es la cantidad de megas que se pueden almacenar en el servidor. Una página institucional no debería requerir más de 100 Megas. Dominios Parkeables Nota: Un usuario promedio no debería requerir Es la cantidad de dominios que puede tener en su cuenta. Por ejemplo si tiene más de 100 megas de espacio y 1 base de INTRODUCCIÓN WEB una web .com y una .com.ar con el mismo contenido. datos en su servidor. Transferencia Es la cantidad de tráfico que genera su web, va a depender de las visitas que tenga y lo pesadas que sean sus páginas. Emails Servicios Básicos de un Hosting Cantidad de mails @sudominio.com que puede tener. Debería ser ilimitado. CPanel Es el administrador de su dominio, hay varios, CPanel es uno de los mejores. Bases de Datos Aquí se almacenarán datos, muchas veces no es indispensable, pero con una base debería ser suficiente. Subdominios Cantidad de dominios de segundo nivel por ejemplo ar.dominio.com. Cuentas FTP Es la cantidad de usuarios que pueden gestionar tus conexiones al servidor para subir o bajar datos. Estadísticas Los servidores dan estadísticas de uso. Se sugiere usar Google Analytics. WebMail Es el acceso al mail desde la web. Hay muchos proveedores de nombres de Hosting, busque Backups aquel que le genere más confianza y que no ofrezca precios superiores a 50 Es la posibilidad de tener un backup del sitio por si pasa algo. Se puede dólares anuales. programar.
  • 5. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Con el nombre y el hosting, tenemos que armar nuestra web. Los archivos dentro de una web están organizados igual que en una computadora. Cuando una persona accede desde su casa u oficina se comunica con los archivos del server que compramos y los descarga en su propia computadora para verlos. INTRODUCCIÓN WEB hosting con la web www.ejemplo.com El dueño del dominio puede modificar su web usando una cuenta FTP Los navegantes solo podrán visualizar la web, no podrán modificar archivos.
  • 6. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Internet es una red de archivos vinculados archivos vinculados hipervínculos Servidor
  • 7. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Un website es un grupo de archivos dentro de un servidor, organizados igual que el sistema de carpetas de cualquier computadora. Cada archivo equivale a una página web. INTRODUCCIÓN WEB www.misitioweb.com/ www.misitioweb.com/mision.html www.misitioweb.com/vision.html www.misitioweb.com/contacto.html www.misitioweb.com/galeria/ www.misitioweb.com/galeria/ www.misitioweb.com/galeria/foto1.jpg www.misitioweb.com/galeria/foto2.jpg El archivo de inicio de toda web es index. Por default el navegador buscará El nombre del archivo es el archivo index de cada carpeta. Su equivalente a una página extensión puede ser .htm, .html o .php web. El navegador oculta el index.html
  • 8. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Para modificar una web el servidor ofrece una cuenta especial de acceso llamada FTP: File Transfer Protocol. Con el usuario y la clave, el dueño de la página web podrá subir y bajar archivos desde su computadora hasta el servidor, pudiendo modificar, borrar o agregar más páginas webs dentro de un sitio. INTRODUCCIÓN WEB Los programas FTP ofrecen una vista de su computadora y de su sitio web en ventanas paralelas Busque programas gratuitos de FTP, los hay para todas las plataformas.
  • 9. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Internet ofrece muchas opciones diferentes de sitios web, cada uno de ellos tiene diferentes usos e implica diversas expectativas de navegación y contenido para los lectores. INTRODUCCIÓN WEB Sitios Corporativos Aplicaciones Web Medios Sociales Portales Com. Electrónicos Diarios OnLine Blogs Redes Sociales
  • 10. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para HTML HyperText Markup Language (Lenguaje de Marcado de Hipertexto) INTRODUCCIÓN WEB • Es un lenguaje de programación. • Está presente en todas las webs. • Es un lenguaje por etiquetado. • Ayuda a organizar el contenido de la apariencia.
  • 11. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Hay más lenguajes de programación en una página web, usualmente son: javascript, Flash, PHP, MySQL, ASP, CSS y más. Estos programas están incrustados dentro del código HTML. Lenguajes que se Lenguajes que se HTML ejecutan en el PHP ejecutan en el INTRODUCCIÓN WEB JAVASCRIPT ASP CSS navegador CGI servidor Son lenguajes que el navegador es capaz de Son lenguajes que al acceder a la página web, JAVA procesar, usualmente son usados para dar vida MySQL buscan información contenida en los servidores. FLASH a una página web, modificando sus colores, PERL Usualmente bases de datos donde hay registros de dándole movimiento u ofreciendo usuarios por ejemplo. información adicional. Si un usuario de mi web llena un Si queremos que nuestros CASO CASO formulario y en el campo del DNI visitantes se registren en nuestra incluye letras, quiero avisarle que web les pedimos que llenen un se equivocó antes de que envíe la formulario con sus datos para información. almacenarlos en una base de datos. USO HTML para armar el formulario y USO HTML para armar el formulario y javascript para alertarlo de su PHP para guardar esos datos en error. una base de datos.
  • 12. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Una web no es más que texto al que se le aplican estilos e imágenes incrustadas. El navegador lee el texto y lo visualiza. Ejemplo 1: Si escribimos “hola mundo” en el block de notas y lo guardamos con la extensión .htm o .html, y luego abrimos el archivo con nuestro navegador, ya tendríamos nuestra primera web. INTRODUCCIÓN WEB
  • 13. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Para que el texto luzca diferente se le aplican etiquetas, de esta manera el navegador lee que parte del texto queremos que tenga un estilo en particular. Podemos cambiar el tipo de fuente, el color, el grosor y muchas más propiedades. Las etiquetas están entre los signos “menor que” y “mayor que” y para decirle el navegador hasta cuando aplicar, se utiliza una etiqueta con la barra diagonal: ej: letra normal <b> con negrita </b> letra normal otra vez. INTRODUCCIÓN WEB Ejemplo 2: Si escribimos la frase “hola mundo, yo estoy aquí” podemos aplicar diferentes colores, grosores al texto, esto en html se llama ESTILOS. <b> Hola Mundo.</b> Yo estoy <font color=blue> aquí</font> <b> Indica que a partir de aquí va negrita <font color> Indica que a partir de aquí va azul <b> Indica que hasta aquí va negrita <font color> Indica que hasta aquí va azul
  • 14. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para Hay algunas etiquetas que sirven para introducir una fotografía o crear un link. Ejemplo 3: le decimos al navegador que nos muestre una foto y nos lleve a un link. INTRODUCCIÓN WEB <img src=”http://www.paulcaballero.com/mifoto.jpg”> <img src> Le dice al navegador dónde está la imagen. Esta etiqueta no necesita cerrarse. Yo estoy <a href=”http://www.paulcaballero.com” > aquí</a> <a href > le dice al navegador a donde ir cuando el visitante haga click
  • 15. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para A los comandos que configuran una web se los llama código fuente y puede verse fácilmente haciendo click derecho en cualquier sitio web. De esta manera podemos ver que en el código se hacen llamadas a fotos, videos, tablas y códigos de otros programas diferentes a HTML que pueden estar en la propia web o en una web externa. Ejemplo 4: click derecho y vemos el código fuente INTRODUCCIÓN WEB de una web Código Fuente Página original
  • 16. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para El código fuente de una web está dividido en dos partes: Encabezado y Cuerpo. Estos se identifican claramente con dos etiquetas <head> y <body> respectivamente. En el <head> se incluye información importante que no es visible por el usuario. En el <body> se incluyen los datos que son visibles para el usuario. Ejemplo 4: A la izquierda el código y a la derecha el resultado visualizado. INTRODUCCIÓN WEB Hola Mundo o uari le al us visib Est o es <title> Indica cuál es el título de la página que estamos viendo. <meta “refresh”> Indica que esta web se actualizará automáticamente cada 3600 segundos Esto es invisible al usuario
  • 17. Taller de Internet &Profesionales y Sociales Redes Emprendedores Guía para GRACIAS pcaballero@quiub.com

Notas del editor