SlideShare una empresa de Scribd logo
1 de 8
Páginas Web
Introducción
En la siguiente práctica los estudiantes aprenderán sobre la historia y el
funcionamiento del internet, particularmente sobre las páginas web y tendrán la
oportunidad de diseñar una página web para su empresa que les permita darse a
conocer en la madre de todas las redes.
Tiempo estimado: 90 min – 2 Sesiones
Grupo de trabajo: 3 Personas
Objetivos de aprendizaje:
 Conocer la historia del internet y su principio de funcionamiento.
 Diseñar una página web atractiva para una empresa.
Conceptos Clave:
1. WWW (World Wide Web):
Definición: También llamada Red informática mundial es un sistema de
distribución de información donde el usuario visualiza sitios web
compuestos de páginas web que pueden contener texto, imágenes, vídeos
u otros contenidos multimedia.
2. Dirección IP:
Definición: Es una etiqueta numérica que utilizan las redes
computacionales para identificar un computador, este es análogo a las
Las páginas web que digitamos como
www.eltiempo.com se denominan URL.
direcciones de nuestros hogares, con la dirección podemos llegar a
cualquier lugar en la ciudad.
3. Navegador WEB:
Definición: Es una aplicación que opera a través de internet, su función es
permitir que el contenido de internet pueda ser visualizado y leído por
nosotros.
Descripción teórica:
¿Qué es Internet?
Internet es una red de redes de ordenadores. Desde un sencillo PC, hasta un
súper-ordenador, se pueden conectar en red; sin embargo es indispensable que
todas las máquinas (dos, tres, cinco… las que se encuentren en red) compartan el
mismo protocolo de comunicación; es decir, que "hablen" el mismo idioma. Más
que nada, Internet es un nuevo medio de comunicación, que nos permite observar
el mundo desde un ángulo diferente del que nos ofrecen los medios tradicionales y
además participar en ese mundo.
Sin las direcciones IP sería
imposible navegar en internet debido
al extenso número de computadores.
Algunos de los navegadores más
conocidos son Google Chrome, Mozilla
Firefox e Internet Explorer
Podríamos decir entonces que la INTERNET es una gran red mundial de
ordenadores, que se comunican entre sí porque están unidos a través de
conexiones telefónicas o de otros tipos de conexiones y porque utilizan un
lenguaje o protocolo común.
La Internet nace a mediados de la década de 1960, hace 50 años atrás a raíz de
un proyecto conocido como ARPAnet; proyecto propuesto por el Departamento de
Defensa de Estados Unidos para construir una infraestructura de redes de
cómputo, capaz de soportar la pérdida de una de sus partes sin que eso afectara a
las demás.
Las posibilidades de intercambio de información y de comunicación remota, no
pasaron desapercibidas para los investigadores académicos, quienes comenzaron
a pedir a sus instituciones que se conectaran a la naciente red. En 1970 se
lograron enlazar entre sí cuatro universidades: Stanford, UCLA, UCSB, y la
Universidad de Utah.
Para 1972, aproximadamente 40 universidades ya formaban parte de la ARPAnet,
y sus computadoras tenían la capacidad de intercambiar mensajes y archivos,
además de controlar a otras computadoras a distancia. A mediados de los setenta,
la introducción de las minicomputadoras y la creación de UNIX permitió el ingreso
a Internet a instituciones medianas y pequeñas. De esa manera, por todas partes
empezaron a multiplicarse las redes. De 159,000 computadoras que en 1990
estaban conectadas a Internet.
A partir de 1994 sucedieron varias cosas: la aparición de la Web, los modems
telefónicos, el software gratuito para los servidores Web y el aumento de los
ordenadores personales, pero el acontecimiento que marcó pauta fue la aparición
de la Web (WorldWideWeb).En en español significa Web Mundial Amplia
La WWW es la mejor herramienta para navegar en Internet. Su éxito se debe a
que permite acceder a los distintos recursos de Internet con un solo programa, y
de una manera tan sencilla que reduce la dificultad para navegar Internet a la
sencilla tarea de mover un mouse y apretar sus botones.
La WWW funciona mediante un concepto conocido como hipertexto, que no es
otra cosa que un texto común y corriente donde algunas palabras o frases se
destacan de las demás. Estas palabras destacadas se llaman "enlaces" (links). Un
lazo (o liga) es entonces una palabra, frase, o elemento gráfico destacado en un
texto, que contiene información sobre un recurso determinado en cualquier lugar
de Internet. Si se presiona el botón del ratón sobre uno de estos lazos, esta
información es utilizada para acceder al recurso en cuestión.
¿Cómo publicar una página Web?
Muchos usuarios crean su primera Web, ya sea personal o empresarial y no saben
cómo publicarla en Internet, cuando esta queda finalizada toca "subirla" en Internet
para que el resto del mundo la vea, los pasos que se deben seguir son:
 Se necesita un dominio (dirección en la web como: “www.mipagina.com”),
se debe buscar si el dominio de interés está libre o no, para esto se puede
ir a la sección buscar nombres de dominio.
 Lo siguiente que hará falta es un alojamiento web, parece una palabra rara
y difícil de entender, pero básicamente significa que la página debe tener su
propio sitio en Internet. Cuando se contrata un alojamiento web, es
asignado un espacio en un servidor que ya se encuentra en Internet para
almacenar la página web.
Esto es todo lo que se necesita para publicar una página en internet, realmente es
un procedimiento sencillo que tiene un costo alrededor de $120.000 COP al año.
Materiales necesarios:
1. Sala de sistemas:
2. Software de edición HTML KompoZer (Gratuito)
Desarrollo de la práctica:
1. Copia la carpeta WebPage que contiene una página web predeterminada
en el escritorio (Entregada con la guía).
2. Abre el programa KompoZer, en la barra “Site Manager” dale clic en “Edit
site list”:
Edit site list
3. Selecciona la carpeta WebPage que se encuentra en el escritorio en el
campo donde dice “Site Folder” usando el botón “Select directory”:
index.html
4. Dale doble clic al lado izquierdo en donde dice “index.html”, te aparecerá la
página principal que podrás modificar con el contenido de tu empresa:
5. También podrás modificar las pestañas de productos y contáctenos
cambiando los archivos “productos.html” y “contact.html” respectivamente.
6. ¡Guarda los cambios en cada una de las páginas y ya tendrás tu página
web!
Evaluación:
 Resume rápidamente cuales son los tres elementos principales que
necesitarás para poder publicar una página web en internet.
 Investiga acerca de las ventas por internet y determina cuales son las
ventajas y desventajas del comercio virtual.
 ¿Crees que el internet es una herramienta segura para hacer mercadeo?,
justifica tu respuesta.
Referencias
 Red Escolar Nacional de Venezuela
http://www.rena.edu.ve/
 Solingest – Servicios de Comercio Electrónico
http://www.solingest.com/

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Ppt
PptPpt
Ppt
 
Taller Internet
Taller InternetTaller Internet
Taller Internet
 
Presentación evolucion de la web
Presentación evolucion de la webPresentación evolucion de la web
Presentación evolucion de la web
 
El mundo de internet
El mundo de internetEl mundo de internet
El mundo de internet
 
Webs
WebsWebs
Webs
 
World wide web
World wide webWorld wide web
World wide web
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Terminos Digitales
Terminos DigitalesTerminos Digitales
Terminos Digitales
 
Glosario interactivo
Glosario interactivoGlosario interactivo
Glosario interactivo
 
Elemento 1 evolucion de paginas web y html
Elemento 1 evolucion de paginas web y htmlElemento 1 evolucion de paginas web y html
Elemento 1 evolucion de paginas web y html
 
Taller de web cuestionario
Taller de web cuestionarioTaller de web cuestionario
Taller de web cuestionario
 
Ejelerr
EjelerrEjelerr
Ejelerr
 
Que es-la-web (1)
Que es-la-web (1)Que es-la-web (1)
Que es-la-web (1)
 
Navegadores web y buscadores web
Navegadores web y buscadores webNavegadores web y buscadores web
Navegadores web y buscadores web
 
First first
First firstFirst first
First first
 
santiago primero de web pagina de web
santiago primero de web pagina de websantiago primero de web pagina de web
santiago primero de web pagina de web
 
Presentacion de internet
Presentacion de internetPresentacion de internet
Presentacion de internet
 

Destacado

Luz intermitente variable
Luz intermitente variableLuz intermitente variable
Luz intermitente variablesemilleroingpuj
 
Luz Eléctrica e Interruptor - Motor de Corriente Directa e Interruptor
Luz Eléctrica e Interruptor - Motor de Corriente Directa e InterruptorLuz Eléctrica e Interruptor - Motor de Corriente Directa e Interruptor
Luz Eléctrica e Interruptor - Motor de Corriente Directa e Interruptorsemilleroingpuj
 
Diodo Emisor de Luz (LED) - Una Dirección para el LED
Diodo Emisor de Luz (LED) - Una Dirección para el LEDDiodo Emisor de Luz (LED) - Una Dirección para el LED
Diodo Emisor de Luz (LED) - Una Dirección para el LEDsemilleroingpuj
 
Experimento de la gota en suspensión
Experimento de la gota en suspensiónExperimento de la gota en suspensión
Experimento de la gota en suspensiónsemilleroingpuj
 
profesor sensor de ultrasonido
profesor   sensor de ultrasonidoprofesor   sensor de ultrasonido
profesor sensor de ultrasonidosemilleroingpuj
 
Guia de programaciвn corregida
Guia de programaciвn corregidaGuia de programaciвn corregida
Guia de programaciвn corregidasemilleroingpuj
 
sensor de sonido y repeticiones
sensor de sonido y repeticionessensor de sonido y repeticiones
sensor de sonido y repeticionessemilleroingpuj
 
profesor movimiento robot lego
profesor   movimiento robot legoprofesor   movimiento robot lego
profesor movimiento robot legosemilleroingpuj
 
Circuitos digitales ii
Circuitos digitales iiCircuitos digitales ii
Circuitos digitales iijesuseperez
 
FOTOMONSTRUO - Tu Primer Robot
FOTOMONSTRUO - Tu Primer RobotFOTOMONSTRUO - Tu Primer Robot
FOTOMONSTRUO - Tu Primer Robotsemilleroingpuj
 

Destacado (20)

El Periódico
El PeriódicoEl Periódico
El Periódico
 
La Entrevista
La EntrevistaLa Entrevista
La Entrevista
 
El Carrito Chocón
El Carrito ChocónEl Carrito Chocón
El Carrito Chocón
 
El Bichito
El BichitoEl Bichito
El Bichito
 
Sirena electrónica
Sirena electrónicaSirena electrónica
Sirena electrónica
 
Luz intermitente variable
Luz intermitente variableLuz intermitente variable
Luz intermitente variable
 
Luz Eléctrica e Interruptor - Motor de Corriente Directa e Interruptor
Luz Eléctrica e Interruptor - Motor de Corriente Directa e InterruptorLuz Eléctrica e Interruptor - Motor de Corriente Directa e Interruptor
Luz Eléctrica e Interruptor - Motor de Corriente Directa e Interruptor
 
Diodo Emisor de Luz (LED) - Una Dirección para el LED
Diodo Emisor de Luz (LED) - Una Dirección para el LEDDiodo Emisor de Luz (LED) - Una Dirección para el LED
Diodo Emisor de Luz (LED) - Una Dirección para el LED
 
Experimento de la gota en suspensión
Experimento de la gota en suspensiónExperimento de la gota en suspensión
Experimento de la gota en suspensión
 
profesor sensor de ultrasonido
profesor   sensor de ultrasonidoprofesor   sensor de ultrasonido
profesor sensor de ultrasonido
 
sensor de ultrasonido
sensor de ultrasonidosensor de ultrasonido
sensor de ultrasonido
 
Guia de programaciвn corregida
Guia de programaciвn corregidaGuia de programaciвn corregida
Guia de programaciвn corregida
 
sensor de sonido y repeticiones
sensor de sonido y repeticionessensor de sonido y repeticiones
sensor de sonido y repeticiones
 
profesor movimiento robot lego
profesor   movimiento robot legoprofesor   movimiento robot lego
profesor movimiento robot lego
 
Medios de Comunicación
Medios de ComunicaciónMedios de Comunicación
Medios de Comunicación
 
3.4 la entrevista
3.4 la entrevista3.4 la entrevista
3.4 la entrevista
 
Circuitos digitales 2
Circuitos digitales 2Circuitos digitales 2
Circuitos digitales 2
 
Circuitos digitales ii
Circuitos digitales iiCircuitos digitales ii
Circuitos digitales ii
 
profesor sensor de luz
profesor   sensor de luzprofesor   sensor de luz
profesor sensor de luz
 
FOTOMONSTRUO - Tu Primer Robot
FOTOMONSTRUO - Tu Primer RobotFOTOMONSTRUO - Tu Primer Robot
FOTOMONSTRUO - Tu Primer Robot
 

Similar a Crea tu página web

Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internetJuancarlosportilla1
 
Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internetJuancarlosportilla1
 
Internet y su evolución
Internet y su evoluciónInternet y su evolución
Internet y su evoluciónlorejaramillom
 
Historia del internet (RESUMEN)
Historia del internet (RESUMEN)Historia del internet (RESUMEN)
Historia del internet (RESUMEN)LithiumLat
 
Tere
TereTere
Tereleooo
 
Jany Diapositivas
Jany DiapositivasJany Diapositivas
Jany Diapositivasjany
 
Como se creo internet
Como se creo internetComo se creo internet
Como se creo internetyaquelau
 
la web, deep web
la web, deep webla web, deep web
la web, deep webOdiliRiver
 
Diapositivas(Edson)
Diapositivas(Edson)Diapositivas(Edson)
Diapositivas(Edson)Orlazz
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internetmatiasorue
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internetmatiasorue
 
Leccion 2 a 2b
Leccion  2 a 2bLeccion  2 a 2b
Leccion 2 a 2bysolina56
 

Similar a Crea tu página web (20)

Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internet
 
Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internet
 
Internet y su evolución
Internet y su evoluciónInternet y su evolución
Internet y su evolución
 
Historia del internet (RESUMEN)
Historia del internet (RESUMEN)Historia del internet (RESUMEN)
Historia del internet (RESUMEN)
 
Tere
TereTere
Tere
 
Deisy jkch[1]
Deisy jkch[1]Deisy jkch[1]
Deisy jkch[1]
 
Jany Diapositivas
Jany DiapositivasJany Diapositivas
Jany Diapositivas
 
Como se creo internet
Como se creo internetComo se creo internet
Como se creo internet
 
Internet
InternetInternet
Internet
 
Amiogo Orlando
Amiogo OrlandoAmiogo Orlando
Amiogo Orlando
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
la web, deep web
la web, deep webla web, deep web
la web, deep web
 
Diapositivas(Edson)
Diapositivas(Edson)Diapositivas(Edson)
Diapositivas(Edson)
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Internet
InternetInternet
Internet
 
Leccion 2 a 2b
Leccion  2 a 2bLeccion  2 a 2b
Leccion 2 a 2b
 

Más de semilleroingpuj

Más de semilleroingpuj (20)

Generador de tono variable
Generador de tono variableGenerador de tono variable
Generador de tono variable
 
Interruptor digital
Interruptor digitalInterruptor digital
Interruptor digital
 
Decodificación en siete segmentos
Decodificación en siete segmentosDecodificación en siete segmentos
Decodificación en siete segmentos
 
Lógica and
Lógica andLógica and
Lógica and
 
Resistencias en paralelo y serie
Resistencias en paralelo y serieResistencias en paralelo y serie
Resistencias en paralelo y serie
 
Divisores de voltaje
Divisores de voltajeDivisores de voltaje
Divisores de voltaje
 
El protoboard
El protoboardEl protoboard
El protoboard
 
Pulga Loca
Pulga LocaPulga Loca
Pulga Loca
 
Arduino - Hardware Libre
Arduino - Hardware LibreArduino - Hardware Libre
Arduino - Hardware Libre
 
Circuitos Integrados 2
Circuitos Integrados 2Circuitos Integrados 2
Circuitos Integrados 2
 
Circuitos Integrados
Circuitos IntegradosCircuitos Integrados
Circuitos Integrados
 
Luz Nocturna Automatica
Luz Nocturna AutomaticaLuz Nocturna Automatica
Luz Nocturna Automatica
 
Control del Brillo de Luz
Control del Brillo de LuzControl del Brillo de Luz
Control del Brillo de Luz
 
Diseño de Circuitos en Protoboard
Diseño de Circuitos en ProtoboardDiseño de Circuitos en Protoboard
Diseño de Circuitos en Protoboard
 
PROTOBOARD
PROTOBOARDPROTOBOARD
PROTOBOARD
 
De mi ^primera comunión septiembre 2007
De mi ^primera comunión  septiembre 2007De mi ^primera comunión  septiembre 2007
De mi ^primera comunión septiembre 2007
 
sensor de luz
sensor de luzsensor de luz
sensor de luz
 
profesor sensor de sonido y repeticiones
profesor   sensor de sonido y repeticionesprofesor   sensor de sonido y repeticiones
profesor sensor de sonido y repeticiones
 
profesor sensor de tacto
profesor   sensor de tactoprofesor   sensor de tacto
profesor sensor de tacto
 
sensor de tacto
sensor de tactosensor de tacto
sensor de tacto
 

Crea tu página web

  • 1. Páginas Web Introducción En la siguiente práctica los estudiantes aprenderán sobre la historia y el funcionamiento del internet, particularmente sobre las páginas web y tendrán la oportunidad de diseñar una página web para su empresa que les permita darse a conocer en la madre de todas las redes. Tiempo estimado: 90 min – 2 Sesiones Grupo de trabajo: 3 Personas Objetivos de aprendizaje:  Conocer la historia del internet y su principio de funcionamiento.  Diseñar una página web atractiva para una empresa. Conceptos Clave: 1. WWW (World Wide Web): Definición: También llamada Red informática mundial es un sistema de distribución de información donde el usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia. 2. Dirección IP: Definición: Es una etiqueta numérica que utilizan las redes computacionales para identificar un computador, este es análogo a las Las páginas web que digitamos como www.eltiempo.com se denominan URL.
  • 2. direcciones de nuestros hogares, con la dirección podemos llegar a cualquier lugar en la ciudad. 3. Navegador WEB: Definición: Es una aplicación que opera a través de internet, su función es permitir que el contenido de internet pueda ser visualizado y leído por nosotros. Descripción teórica: ¿Qué es Internet? Internet es una red de redes de ordenadores. Desde un sencillo PC, hasta un súper-ordenador, se pueden conectar en red; sin embargo es indispensable que todas las máquinas (dos, tres, cinco… las que se encuentren en red) compartan el mismo protocolo de comunicación; es decir, que "hablen" el mismo idioma. Más que nada, Internet es un nuevo medio de comunicación, que nos permite observar el mundo desde un ángulo diferente del que nos ofrecen los medios tradicionales y además participar en ese mundo. Sin las direcciones IP sería imposible navegar en internet debido al extenso número de computadores. Algunos de los navegadores más conocidos son Google Chrome, Mozilla Firefox e Internet Explorer
  • 3. Podríamos decir entonces que la INTERNET es una gran red mundial de ordenadores, que se comunican entre sí porque están unidos a través de conexiones telefónicas o de otros tipos de conexiones y porque utilizan un lenguaje o protocolo común. La Internet nace a mediados de la década de 1960, hace 50 años atrás a raíz de un proyecto conocido como ARPAnet; proyecto propuesto por el Departamento de Defensa de Estados Unidos para construir una infraestructura de redes de cómputo, capaz de soportar la pérdida de una de sus partes sin que eso afectara a las demás. Las posibilidades de intercambio de información y de comunicación remota, no pasaron desapercibidas para los investigadores académicos, quienes comenzaron a pedir a sus instituciones que se conectaran a la naciente red. En 1970 se lograron enlazar entre sí cuatro universidades: Stanford, UCLA, UCSB, y la Universidad de Utah. Para 1972, aproximadamente 40 universidades ya formaban parte de la ARPAnet, y sus computadoras tenían la capacidad de intercambiar mensajes y archivos, además de controlar a otras computadoras a distancia. A mediados de los setenta, la introducción de las minicomputadoras y la creación de UNIX permitió el ingreso a Internet a instituciones medianas y pequeñas. De esa manera, por todas partes empezaron a multiplicarse las redes. De 159,000 computadoras que en 1990 estaban conectadas a Internet. A partir de 1994 sucedieron varias cosas: la aparición de la Web, los modems telefónicos, el software gratuito para los servidores Web y el aumento de los ordenadores personales, pero el acontecimiento que marcó pauta fue la aparición de la Web (WorldWideWeb).En en español significa Web Mundial Amplia La WWW es la mejor herramienta para navegar en Internet. Su éxito se debe a que permite acceder a los distintos recursos de Internet con un solo programa, y de una manera tan sencilla que reduce la dificultad para navegar Internet a la sencilla tarea de mover un mouse y apretar sus botones.
  • 4. La WWW funciona mediante un concepto conocido como hipertexto, que no es otra cosa que un texto común y corriente donde algunas palabras o frases se destacan de las demás. Estas palabras destacadas se llaman "enlaces" (links). Un lazo (o liga) es entonces una palabra, frase, o elemento gráfico destacado en un texto, que contiene información sobre un recurso determinado en cualquier lugar de Internet. Si se presiona el botón del ratón sobre uno de estos lazos, esta información es utilizada para acceder al recurso en cuestión. ¿Cómo publicar una página Web? Muchos usuarios crean su primera Web, ya sea personal o empresarial y no saben cómo publicarla en Internet, cuando esta queda finalizada toca "subirla" en Internet para que el resto del mundo la vea, los pasos que se deben seguir son:  Se necesita un dominio (dirección en la web como: “www.mipagina.com”), se debe buscar si el dominio de interés está libre o no, para esto se puede ir a la sección buscar nombres de dominio.  Lo siguiente que hará falta es un alojamiento web, parece una palabra rara y difícil de entender, pero básicamente significa que la página debe tener su propio sitio en Internet. Cuando se contrata un alojamiento web, es asignado un espacio en un servidor que ya se encuentra en Internet para almacenar la página web. Esto es todo lo que se necesita para publicar una página en internet, realmente es un procedimiento sencillo que tiene un costo alrededor de $120.000 COP al año.
  • 5. Materiales necesarios: 1. Sala de sistemas: 2. Software de edición HTML KompoZer (Gratuito) Desarrollo de la práctica: 1. Copia la carpeta WebPage que contiene una página web predeterminada en el escritorio (Entregada con la guía). 2. Abre el programa KompoZer, en la barra “Site Manager” dale clic en “Edit site list”:
  • 6. Edit site list 3. Selecciona la carpeta WebPage que se encuentra en el escritorio en el campo donde dice “Site Folder” usando el botón “Select directory”:
  • 7. index.html 4. Dale doble clic al lado izquierdo en donde dice “index.html”, te aparecerá la página principal que podrás modificar con el contenido de tu empresa: 5. También podrás modificar las pestañas de productos y contáctenos cambiando los archivos “productos.html” y “contact.html” respectivamente. 6. ¡Guarda los cambios en cada una de las páginas y ya tendrás tu página web!
  • 8. Evaluación:  Resume rápidamente cuales son los tres elementos principales que necesitarás para poder publicar una página web en internet.  Investiga acerca de las ventas por internet y determina cuales son las ventajas y desventajas del comercio virtual.  ¿Crees que el internet es una herramienta segura para hacer mercadeo?, justifica tu respuesta. Referencias  Red Escolar Nacional de Venezuela http://www.rena.edu.ve/  Solingest – Servicios de Comercio Electrónico http://www.solingest.com/