SlideShare una empresa de Scribd logo
INTRODUCIÓN A LA PROGRAMACIÓN WEBAutor:Ing. Carmelo Yonso
INTRODUCIÓN A LA PROGRAMACIÓN WEBUNIDAD #1Objetivos Generales:Definir HTMLExplicar Usos del HTMLCreación de Ejemplo Básico de HTML
INTRODUCIÓN A LA PROGRAMACIÓN WEBPara transmitir información, se requiere de un medio de comunicación.  Uno de los modos de comunicación que usan las PC’s, es conectarse a internet ó al WorldWide Web (www).A finales de 1992, se desarrollo un navegador que proporcionaba acceso a texto, gráficos y animaciones a través de las PC’s. Para mostrar y manejar texto, gráficos y animaciones, se desarrolla el lenguaje  HyperTextMarkupLanguaje (HTML)
INTRODUCIÓN A LA PROGRAMACIÓN WEBEntorno Web Cliente/Servidor:En esta arquitectura existen aplicaciones (Cliente) que actúan como agentes representante del o los usuarios y a través de la cual se pueden realizar determinada peticiones a otro programa(s) que se encarga de responderle: El servidor.
INTRODUCIÓN A LA PROGRAMACIÓN WEBEntorno Web Cliente/Servidor:La separación entre cliente y servidor es una separación de tipo lógico, donde el servidor no se ejecuta necesariamente sobre una sola máquina ni es necesariamente un sólo programa. Los tipos específicos de servidores incluyen los servidores web, los servidores de archivo, los servidores del correo, etc. Mientras que sus propósitos varían de unos servicios a otros, la arquitectura básica seguirá siendo la misma.
INTRODUCIÓN A LA PROGRAMACIÓN WEBLenguajes de Marcado:A finales de los 60, charles Goldfarb desarrolló un concepto de lenguaje de marcado generalizado que permitía etiquetas, proporcionando así un método para representar los contenidos de texto. El auge surge, cuando Tim Berners aplicó el SGML (lenguaje de Marcado Estándar Generalizado) a la www.
EjemploEjemploINTRODUCIÓN A LA PROGRAMACIÓN WEBUn enlace a laHTMLEl Lenguaje de marcado de hipertexto (HTML),  es una extensión de SGML y fue desarrollado para permitir que los documentos www, incluyan texto, imágenes, tablas, hiperenlacesUPEL
INTRODUCIÓN A LA PROGRAMACIÓN WEBEstructura Básica de HTML
INTRODUCIÓN A LA PROGRAMACIÓN WEBEjemplo de HTML<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Ejemplo Documento HTML sin estilos</title></head><body><div><h1>T&iacute;tulo de la Cabecera</h1><h2>Subtítulo del sitio</h2><p> Ejemplo de párrafo normal</p><p>Ejemplo de párrafo con la clase legal</p><p>Una lista ordenada</p><ol><li>Primer elemento <li>Segundo elemento<li>Tercer elemento </ol><p>&nbsp;</p><p><a href="http://www.ejemplo.com" target="_blank">Ejemplo deenlace</a></p><a href="http://algo.ejemplo.com/importante.html">Un mensaje importante</a></div></body></html>
FIN DE LA UNIDADGRACIAS!!!!

Más contenido relacionado

PPTX
Definicion "HTML"
PPTX
PPTX
Paginas web
PPTX
Códigos HTML y creación de páginas web
PPT
Html vs xml
DOCX
Definiciones
PPTX
Deberdp
PPTX
Definicion "HTML"
Paginas web
Códigos HTML y creación de páginas web
Html vs xml
Definiciones
Deberdp

La actualidad más candente (14)

PPTX
PDF
mapa conceptual
PPTX
Deber de n´tics
PPTX
Que es html 5
PPTX
Como viaja la información a traves de internet francisco
PPTX
Informática
PPTX
Deberdp
PPTX
Html5 (ar)
PPTX
Que es el lenguaje html jorge
DOCX
marlon cordon Html
PPTX
¿Qué es formato MHT o HMTL?
PDF
El HTML
mapa conceptual
Deber de n´tics
Que es html 5
Como viaja la información a traves de internet francisco
Informática
Deberdp
Html5 (ar)
Que es el lenguaje html jorge
marlon cordon Html
¿Qué es formato MHT o HMTL?
El HTML
Publicidad

Destacado (20)

PDF
La veille de red guy du 17.10.12 les global brands
DOCX
Capcom13: GF1: Accompagner les nouvelles mobilités : communication, transport...
PDF
Pourquoi banque halal pas pour demain 570easi
PDF
Tmc l'entreprise est un jardin
PDF
Echos de bibliotheques version finale
PDF
Krum C/ Yahoo y Google
PDF
Presentation Audiens Coreps 2012
PPT
Atelier 3 : Adapter le style de rédaction aux supports
PDF
Murmure01 14septembre2012
DOC
Resumen ERA 1 de Salud Mental
PPTX
financement de projets et aides publiques Région Wallone
PPTX
Réadaptation en toxicomanie pour adultes- Portage Lac Écho, Québec
PPTX
un proyecto para potenciar la lectura entre estudiantes de maestro Delia garc...
PPS
PPT
La Alhambra de Granada. Lucía y Laura.
PDF
QUAND LES MANIFESTANTS S'EMPARENT DE LA VIDÉO À MOSCOU : COMMUNIQUER OU FAIRE...
PDF
La veille de red guy du 19.09.12 la marque sociale (part 1)
PDF
PPTX
Réadaptation pour toxicomanes souffrant de problèmes de santé mentale (TSTM) ...
PDF
Jacques Chirac s'adresse au Conseil de l'organisation mondiale des douanes
La veille de red guy du 17.10.12 les global brands
Capcom13: GF1: Accompagner les nouvelles mobilités : communication, transport...
Pourquoi banque halal pas pour demain 570easi
Tmc l'entreprise est un jardin
Echos de bibliotheques version finale
Krum C/ Yahoo y Google
Presentation Audiens Coreps 2012
Atelier 3 : Adapter le style de rédaction aux supports
Murmure01 14septembre2012
Resumen ERA 1 de Salud Mental
financement de projets et aides publiques Région Wallone
Réadaptation en toxicomanie pour adultes- Portage Lac Écho, Québec
un proyecto para potenciar la lectura entre estudiantes de maestro Delia garc...
La Alhambra de Granada. Lucía y Laura.
QUAND LES MANIFESTANTS S'EMPARENT DE LA VIDÉO À MOSCOU : COMMUNIQUER OU FAIRE...
La veille de red guy du 19.09.12 la marque sociale (part 1)
Réadaptation pour toxicomanes souffrant de problèmes de santé mentale (TSTM) ...
Jacques Chirac s'adresse au Conseil de l'organisation mondiale des douanes
Publicidad

Similar a Introdución a la programación web (20)

DOCX
DOCX
DOCX
DOCX
Diagrama de flujo 10 01 jt jhon buitrago
PDF
Historia del HTML por Zaidy Yepez y Angel Rodriguez
DOCX
Que es html
PPTX
Lenguaje html
PPTX
Michael steven
PPTX
Conceptos de dreamweaver Raul Miñoz.pptx
PPTX
Evelyn deber
PPTX
Yeison fabian
PPT
Caracteristicas De Multimedia
PPTX
Jhohan nicolai
DOCX
Que es html zabaleta ruíz milton de jesús
PPTX
Juan sebastian
PPTX
Prueba parcial Codigos html
DOCX
Html nathaly fajardo, melissa gomez
PDF
Htlm y javascrip
PDF
Htlm y javascrip
Diagrama de flujo 10 01 jt jhon buitrago
Historia del HTML por Zaidy Yepez y Angel Rodriguez
Que es html
Lenguaje html
Michael steven
Conceptos de dreamweaver Raul Miñoz.pptx
Evelyn deber
Yeison fabian
Caracteristicas De Multimedia
Jhohan nicolai
Que es html zabaleta ruíz milton de jesús
Juan sebastian
Prueba parcial Codigos html
Html nathaly fajardo, melissa gomez
Htlm y javascrip
Htlm y javascrip

Último (20)

PDF
Diapositiva proyecto de vida, materia catedra
PDF
MANUAL de recursos humanos para ODOO.pdf
PDF
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
DOCX
TRABAJO GRUPAL (5) (1).docxsjsjskskksksksks
PDF
Influencia-del-uso-de-redes-sociales.pdf
DOCX
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PDF
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
DOCX
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
PDF
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
DOCX
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
PDF
capacitación de aire acondicionado Bgh r 410
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PDF
Documental Beyond the Code (Dossier Presentación - 2.0)
PPTX
modulo seguimiento 1 para iniciantes del
PPTX
El uso de las TIC en la vida cotidiana..
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PPTX
la-historia-de-la-medicina Edna Silva.pptx
PPTX
Historia Inteligencia Artificial Ana Romero.pptx
Diapositiva proyecto de vida, materia catedra
MANUAL de recursos humanos para ODOO.pdf
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
TRABAJO GRUPAL (5) (1).docxsjsjskskksksksks
Influencia-del-uso-de-redes-sociales.pdf
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
Power Point Nicolás Carrasco (disertación Roblox).pptx
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
capacitación de aire acondicionado Bgh r 410
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Documental Beyond the Code (Dossier Presentación - 2.0)
modulo seguimiento 1 para iniciantes del
El uso de las TIC en la vida cotidiana..
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
la-historia-de-la-medicina Edna Silva.pptx
Historia Inteligencia Artificial Ana Romero.pptx

Introdución a la programación web

  • 1. INTRODUCIÓN A LA PROGRAMACIÓN WEBAutor:Ing. Carmelo Yonso
  • 2. INTRODUCIÓN A LA PROGRAMACIÓN WEBUNIDAD #1Objetivos Generales:Definir HTMLExplicar Usos del HTMLCreación de Ejemplo Básico de HTML
  • 3. INTRODUCIÓN A LA PROGRAMACIÓN WEBPara transmitir información, se requiere de un medio de comunicación. Uno de los modos de comunicación que usan las PC’s, es conectarse a internet ó al WorldWide Web (www).A finales de 1992, se desarrollo un navegador que proporcionaba acceso a texto, gráficos y animaciones a través de las PC’s. Para mostrar y manejar texto, gráficos y animaciones, se desarrolla el lenguaje HyperTextMarkupLanguaje (HTML)
  • 4. INTRODUCIÓN A LA PROGRAMACIÓN WEBEntorno Web Cliente/Servidor:En esta arquitectura existen aplicaciones (Cliente) que actúan como agentes representante del o los usuarios y a través de la cual se pueden realizar determinada peticiones a otro programa(s) que se encarga de responderle: El servidor.
  • 5. INTRODUCIÓN A LA PROGRAMACIÓN WEBEntorno Web Cliente/Servidor:La separación entre cliente y servidor es una separación de tipo lógico, donde el servidor no se ejecuta necesariamente sobre una sola máquina ni es necesariamente un sólo programa. Los tipos específicos de servidores incluyen los servidores web, los servidores de archivo, los servidores del correo, etc. Mientras que sus propósitos varían de unos servicios a otros, la arquitectura básica seguirá siendo la misma.
  • 6. INTRODUCIÓN A LA PROGRAMACIÓN WEBLenguajes de Marcado:A finales de los 60, charles Goldfarb desarrolló un concepto de lenguaje de marcado generalizado que permitía etiquetas, proporcionando así un método para representar los contenidos de texto. El auge surge, cuando Tim Berners aplicó el SGML (lenguaje de Marcado Estándar Generalizado) a la www.
  • 7. EjemploEjemploINTRODUCIÓN A LA PROGRAMACIÓN WEBUn enlace a laHTMLEl Lenguaje de marcado de hipertexto (HTML), es una extensión de SGML y fue desarrollado para permitir que los documentos www, incluyan texto, imágenes, tablas, hiperenlacesUPEL
  • 8. INTRODUCIÓN A LA PROGRAMACIÓN WEBEstructura Básica de HTML
  • 9. INTRODUCIÓN A LA PROGRAMACIÓN WEBEjemplo de HTML<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Ejemplo Documento HTML sin estilos</title></head><body><div><h1>T&iacute;tulo de la Cabecera</h1><h2>Subtítulo del sitio</h2><p> Ejemplo de párrafo normal</p><p>Ejemplo de párrafo con la clase legal</p><p>Una lista ordenada</p><ol><li>Primer elemento <li>Segundo elemento<li>Tercer elemento </ol><p>&nbsp;</p><p><a href="http://www.ejemplo.com" target="_blank">Ejemplo deenlace</a></p><a href="http://algo.ejemplo.com/importante.html">Un mensaje importante</a></div></body></html>
  • 10. FIN DE LA UNIDADGRACIAS!!!!