SlideShare una empresa de Scribd logo
Clase 1 Conceptos Básicos
¿Qué es una pagina web?
Es un documento
electrónico capaz de
contener texto, sonido,
vídeo, programas,
enlaces, imágenes y
muchas otras cosas,
adaptada a la World Wide
Web (WWW) y que se
accede mediante un
navegador web.
El web site
Consta de tres partes:
• El código fuente
• El diseño y
• La publicación
Componentes de una web
Departamento
Protocolos
tcp-ip
ftp http https html
Alojamiento o Hosting
Protocolo de transferencia de archivos (en inglés File Transfer Protocol o FTP)
FTP File Transfer Protocol
Dirección de dominio
Protocolo de control de transmisión/Protocolo de Internet t-c-p i-p
www
Diseño de una web
Protocolo de control de transmisión/Protocolo de Internet t-c-p i-p
HTTP Hypertext Transfer Protocol
Se hace mediante editores web
El diseño web
• Archivos en carpetas
• ¿Cuantas web hay?
• ¿Cual es la pagina de
inicio?
Comenzamos con la pagina de
inicio = index
• Define el estilo de la web
• Alberga todas las web de
nuestro site
• Debe decir mucho en
pocas palabras
¿Qué significa http o https?
Son las siglas en
inglés de HiperT
ext
Transfer Protocol
Security (en español,
protocolo de
transferencia de
hipertexto seguro).
¿Cómo se hace una
pagina web?
Con el
lenguaje de
programació
n HTML 5
HTML HyperText Markup Language
HTML
• <html> está al inicio de un documento
HTML e indica a los navegadores que la
página tiene código HTML para que pueda
leerlo de esa forma. Siguiendo la sintaxis
del lenguaje, la etiqueta de
cierre </html> será el último elemento del
documento.
HEAD
• <head> es la etiqueta que se utiliza para
el encabezado de la página. Su principal
función es contener toda la información
del funcionamiento del sitio. Debido a
esto, es un código encriptado que las
personas que entran a la página no
pueden ver.
Título de la página
• <title> es la etiqueta que da a tu sitio un
nombre para que los usuarios puedan
identificarlo. Es el título que puedes ver en
las pestañas del navegador.
Cuerpo
• <body> es la etiqueta que contiene todos
los elementos individuales del sitio. O
dicho de otra forma, comprende todo
el contenido visible del sitio. Aquí
podrás insertar texto, imágenes, videos o
cualquier otra funcionalidad que desees
mostrar.
La estructura
La estructura
Logica de
Programación html
• Se basa en cuadros
y subniveles
El código fuente consta de Marcos y Cuadros
Lógica de Programación html
<html>
Pagina en blanco
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Pagina nueva 1</title>
</head>
<body>
</body>
</html>
En la HEAD reside información acerca del documento, y generalmente
no se ve cuando se navega por él
Vamos a la practica
• <html>
• <head>
• <title>Pagina de XX</title>
• </head>
• <body>
• <p>Hola mundo soy XX</p>
• </body>
• </html>
Descargar el frontpage de www.asipop.com

Más contenido relacionado

La actualidad más candente

Presentación1
Presentación1Presentación1
Presentación1
CeliayEnrique
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
Joshi Tüsa
 
Html y Html 5
Html y Html 5Html y Html 5
Html y Html 5
0229231212
 
Henry...30
Henry...30Henry...30
Henry...30
yeffersonbernalr
 
Que es el htlm
Que es el htlmQue es el htlm
Que es el htlm
abriljennifer
 
Unidad educativa computer world pureba
Unidad educativa computer world purebaUnidad educativa computer world pureba
Unidad educativa computer world pureba
felipe1614
 
Html
HtmlHtml
Ddsw s1 ref
Ddsw s1 refDdsw s1 ref
Ddsw s1 ref
Jessenia Realpe
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
hussein_gabriel
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
foxperro
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
Tomi Mirra
 
Internet!
Internet!Internet!
Internet!
Laliz Matias
 
INTERNET
INTERNETINTERNET
INTERNET
Laliz Matias
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Jenny A
 
Tec
TecTec
Martha vargas
Martha vargasMartha vargas
Martha vargas
vanessamoncada
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
jeilobe
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
Maximiliano Martin
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
geralyfernandacabreraaldana
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
4000859
 

La actualidad más candente (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Html y Html 5
Html y Html 5Html y Html 5
Html y Html 5
 
Henry...30
Henry...30Henry...30
Henry...30
 
Que es el htlm
Que es el htlmQue es el htlm
Que es el htlm
 
Unidad educativa computer world pureba
Unidad educativa computer world purebaUnidad educativa computer world pureba
Unidad educativa computer world pureba
 
Html
HtmlHtml
Html
 
Ddsw s1 ref
Ddsw s1 refDdsw s1 ref
Ddsw s1 ref
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Internet!
Internet!Internet!
Internet!
 
INTERNET
INTERNETINTERNET
INTERNET
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Tec
TecTec
Tec
 
Martha vargas
Martha vargasMartha vargas
Martha vargas
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 

Similar a (HTML) Conceptos básicos de una web

Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
HugoDavidGonzalezCab
 
Tarea
TareaTarea
Tarea
TareaTarea
Manual de html
Manual de htmlManual de html
Html
HtmlHtml
Html
HtmlHtml
Html
CJAO
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
Jorge Cantú López
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Qué es el html
Qué es el htmlQué es el html
Qué es el html
josecabrera987
 
Html
HtmlHtml
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
Xiomara del Carmen Mera Moreira
 
Html
HtmlHtml
Clase 1
Clase 1Clase 1
Cap02 (1)
Cap02 (1)Cap02 (1)
Cap02 (1)
remediosnoemy
 
Presentación1
Presentación1Presentación1
Presentación1
damian meda
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
MaryCarmen Rivera
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.ppt
TIRZOANTONIOMEDINACA
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
ssuser948499
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
Paula Ortiz
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
profetellez
 

Similar a (HTML) Conceptos básicos de una web (20)

Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Tarea
TareaTarea
Tarea
 
Tarea
TareaTarea
Tarea
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 
Html
HtmlHtml
Html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Cap02 (1)
Cap02 (1)Cap02 (1)
Cap02 (1)
 
Presentación1
Presentación1Presentación1
Presentación1
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.ppt
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 

Más de Club Docente Digital

(WW) wordwall Clase 1
(WW) wordwall  Clase 1(WW) wordwall  Clase 1
(WW) wordwall Clase 1
Club Docente Digital
 
(CR) Entrevista a auqui
(CR) Entrevista a auqui(CR) Entrevista a auqui
(CR) Entrevista a auqui
Club Docente Digital
 
(CR) La Divina Revelación
(CR) La Divina Revelación(CR) La Divina Revelación
(CR) La Divina Revelación
Club Docente Digital
 
(CR) Los registros akáshicos
(CR) Los registros akáshicos(CR) Los registros akáshicos
(CR) Los registros akáshicos
Club Docente Digital
 
(CR) El hombre del 3036
(CR) El hombre del 3036(CR) El hombre del 3036
(CR) El hombre del 3036
Club Docente Digital
 
(CR) El Basilisco de Roko
(CR) El Basilisco de Roko(CR) El Basilisco de Roko
(CR) El Basilisco de Roko
Club Docente Digital
 
Clase 6 del bubble al el guion literario
Clase 6   del bubble al el guion literarioClase 6   del bubble al el guion literario
Clase 6 del bubble al el guion literario
Club Docente Digital
 
Clase 5 tema, argumento y trama
Clase 5   tema, argumento y tramaClase 5   tema, argumento y trama
Clase 5 tema, argumento y trama
Club Docente Digital
 
(CR) Enfermedades raras
(CR) Enfermedades raras(CR) Enfermedades raras
(CR) Enfermedades raras
Club Docente Digital
 
(W3) el fondo del video de introducción
(W3) el fondo del video de introducción(W3) el fondo del video de introducción
(W3) el fondo del video de introducción
Club Docente Digital
 
(CR) Secretos de la luna
(CR) Secretos de la luna(CR) Secretos de la luna
(CR) Secretos de la luna
Club Docente Digital
 
(PA) Del argumento al guion
(PA) Del argumento al guion(PA) Del argumento al guion
(PA) Del argumento al guion
Club Docente Digital
 
(CR) Otros profetas
(CR) Otros profetas(CR) Otros profetas
(CR) Otros profetas
Club Docente Digital
 
(W3) Ensayando el rodaje
(W3) Ensayando el rodaje(W3) Ensayando el rodaje
(W3) Ensayando el rodaje
Club Docente Digital
 
(HTML) Google drive como hosting
(HTML) Google drive como hosting(HTML) Google drive como hosting
(HTML) Google drive como hosting
Club Docente Digital
 
(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsive(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsive
Club Docente Digital
 
(PA) De la escaleta al argumento
(PA) De la escaleta al argumento(PA) De la escaleta al argumento
(PA) De la escaleta al argumento
Club Docente Digital
 
Como usar el paint para hacer tutoriales con atube
Como usar el paint para hacer tutoriales con atubeComo usar el paint para hacer tutoriales con atube
Como usar el paint para hacer tutoriales con atube
Club Docente Digital
 
(W3) Del bubble al pitch
(W3) Del bubble al pitch(W3) Del bubble al pitch
(W3) Del bubble al pitch
Club Docente Digital
 
(W3) Ensayando el discurso
(W3) Ensayando el discurso(W3) Ensayando el discurso
(W3) Ensayando el discurso
Club Docente Digital
 

Más de Club Docente Digital (20)

(WW) wordwall Clase 1
(WW) wordwall  Clase 1(WW) wordwall  Clase 1
(WW) wordwall Clase 1
 
(CR) Entrevista a auqui
(CR) Entrevista a auqui(CR) Entrevista a auqui
(CR) Entrevista a auqui
 
(CR) La Divina Revelación
(CR) La Divina Revelación(CR) La Divina Revelación
(CR) La Divina Revelación
 
(CR) Los registros akáshicos
(CR) Los registros akáshicos(CR) Los registros akáshicos
(CR) Los registros akáshicos
 
(CR) El hombre del 3036
(CR) El hombre del 3036(CR) El hombre del 3036
(CR) El hombre del 3036
 
(CR) El Basilisco de Roko
(CR) El Basilisco de Roko(CR) El Basilisco de Roko
(CR) El Basilisco de Roko
 
Clase 6 del bubble al el guion literario
Clase 6   del bubble al el guion literarioClase 6   del bubble al el guion literario
Clase 6 del bubble al el guion literario
 
Clase 5 tema, argumento y trama
Clase 5   tema, argumento y tramaClase 5   tema, argumento y trama
Clase 5 tema, argumento y trama
 
(CR) Enfermedades raras
(CR) Enfermedades raras(CR) Enfermedades raras
(CR) Enfermedades raras
 
(W3) el fondo del video de introducción
(W3) el fondo del video de introducción(W3) el fondo del video de introducción
(W3) el fondo del video de introducción
 
(CR) Secretos de la luna
(CR) Secretos de la luna(CR) Secretos de la luna
(CR) Secretos de la luna
 
(PA) Del argumento al guion
(PA) Del argumento al guion(PA) Del argumento al guion
(PA) Del argumento al guion
 
(CR) Otros profetas
(CR) Otros profetas(CR) Otros profetas
(CR) Otros profetas
 
(W3) Ensayando el rodaje
(W3) Ensayando el rodaje(W3) Ensayando el rodaje
(W3) Ensayando el rodaje
 
(HTML) Google drive como hosting
(HTML) Google drive como hosting(HTML) Google drive como hosting
(HTML) Google drive como hosting
 
(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsive(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsive
 
(PA) De la escaleta al argumento
(PA) De la escaleta al argumento(PA) De la escaleta al argumento
(PA) De la escaleta al argumento
 
Como usar el paint para hacer tutoriales con atube
Como usar el paint para hacer tutoriales con atubeComo usar el paint para hacer tutoriales con atube
Como usar el paint para hacer tutoriales con atube
 
(W3) Del bubble al pitch
(W3) Del bubble al pitch(W3) Del bubble al pitch
(W3) Del bubble al pitch
 
(W3) Ensayando el discurso
(W3) Ensayando el discurso(W3) Ensayando el discurso
(W3) Ensayando el discurso
 

Último

Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social EmpresarialCalidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
JonathanCovena1
 
Apoplejia_UNIVERSIDAD CENTRAL DEL ECUADOR
Apoplejia_UNIVERSIDAD CENTRAL DEL ECUADORApoplejia_UNIVERSIDAD CENTRAL DEL ECUADOR
Apoplejia_UNIVERSIDAD CENTRAL DEL ECUADOR
NicoleEnriquez19
 
PRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdf
PRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdfPRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdf
PRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdf
Fernanda Salazar
 
FRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLA
FRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLAFRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLA
FRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLA
JAVIER SOLIS NOYOLA
 
2.- DIARIO -MANIFESTACIONES-LECTURA...pdf
2.- DIARIO -MANIFESTACIONES-LECTURA...pdf2.- DIARIO -MANIFESTACIONES-LECTURA...pdf
2.- DIARIO -MANIFESTACIONES-LECTURA...pdf
MiNeyi1
 
Fundamentos metodología deenseñanza.pptx
Fundamentos metodología deenseñanza.pptxFundamentos metodología deenseñanza.pptx
Fundamentos metodología deenseñanza.pptx
pedro827vasquez
 
contrato de trabajo en Honduras análisis
contrato de trabajo en Honduras análisiscontrato de trabajo en Honduras análisis
contrato de trabajo en Honduras análisis
vilmachavez2024
 
Os presentamos un nuevo Acompaña2 en Relideleon
Os presentamos un nuevo Acompaña2 en RelideleonOs presentamos un nuevo Acompaña2 en Relideleon
Os presentamos un nuevo Acompaña2 en Relideleon
Profes de Relideleón Apellidos
 
Mapa-conceptual-de-la-Evolucion-del-Hombre-3.pptx
Mapa-conceptual-de-la-Evolucion-del-Hombre-3.pptxMapa-conceptual-de-la-Evolucion-del-Hombre-3.pptx
Mapa-conceptual-de-la-Evolucion-del-Hombre-3.pptx
ElizabethLpez634570
 
PPT: Los acontecimientos finales de la tierra
PPT: Los acontecimientos finales de la tierraPPT: Los acontecimientos finales de la tierra
PPT: Los acontecimientos finales de la tierra
https://gramadal.wordpress.com/
 
Fundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanzaFundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanza
iamgaby0724
 
Los acontecimientos finales de la tierra.pdf
Los acontecimientos finales de la tierra.pdfLos acontecimientos finales de la tierra.pdf
Los acontecimientos finales de la tierra.pdf
Alejandrino Halire Ccahuana
 
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdfELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
DaliaAndrade1
 
Jesús calma la tempestad el mar de en.docx
Jesús calma la tempestad el mar de en.docxJesús calma la tempestad el mar de en.docx
Jesús calma la tempestad el mar de en.docx
JRAA3
 
Mi Comunidad En El Sector Monterrey-Poste Blanco
Mi Comunidad En El Sector Monterrey-Poste BlancoMi Comunidad En El Sector Monterrey-Poste Blanco
Mi Comunidad En El Sector Monterrey-Poste Blanco
Ruth Noemí Soto Villegas
 
CUADRO COMPARATIVO Aylen.docx............
CUADRO COMPARATIVO Aylen.docx............CUADRO COMPARATIVO Aylen.docx............
CUADRO COMPARATIVO Aylen.docx............
LuanaJaime1
 
REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...
REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...
REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...
carla526481
 
Qué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptxQué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptx
saradocente
 
Linea De Tiempo EL BULLYING EN LA HISTORIA.pdf
Linea De Tiempo EL BULLYING EN LA HISTORIA.pdfLinea De Tiempo EL BULLYING EN LA HISTORIA.pdf
Linea De Tiempo EL BULLYING EN LA HISTORIA.pdf
moranquirozangelina
 
La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.
DobbieElfo
 

Último (20)

Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social EmpresarialCalidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
 
Apoplejia_UNIVERSIDAD CENTRAL DEL ECUADOR
Apoplejia_UNIVERSIDAD CENTRAL DEL ECUADORApoplejia_UNIVERSIDAD CENTRAL DEL ECUADOR
Apoplejia_UNIVERSIDAD CENTRAL DEL ECUADOR
 
PRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdf
PRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdfPRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdf
PRESENTO TRABAJO DE APLICACIONES EN INTERNET.pdf
 
FRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLA
FRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLAFRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLA
FRASE CÉLEBRE OLÍMPICA EN ROMPECABEZAS. Por JAVIER SOLIS NOYOLA
 
2.- DIARIO -MANIFESTACIONES-LECTURA...pdf
2.- DIARIO -MANIFESTACIONES-LECTURA...pdf2.- DIARIO -MANIFESTACIONES-LECTURA...pdf
2.- DIARIO -MANIFESTACIONES-LECTURA...pdf
 
Fundamentos metodología deenseñanza.pptx
Fundamentos metodología deenseñanza.pptxFundamentos metodología deenseñanza.pptx
Fundamentos metodología deenseñanza.pptx
 
contrato de trabajo en Honduras análisis
contrato de trabajo en Honduras análisiscontrato de trabajo en Honduras análisis
contrato de trabajo en Honduras análisis
 
Os presentamos un nuevo Acompaña2 en Relideleon
Os presentamos un nuevo Acompaña2 en RelideleonOs presentamos un nuevo Acompaña2 en Relideleon
Os presentamos un nuevo Acompaña2 en Relideleon
 
Mapa-conceptual-de-la-Evolucion-del-Hombre-3.pptx
Mapa-conceptual-de-la-Evolucion-del-Hombre-3.pptxMapa-conceptual-de-la-Evolucion-del-Hombre-3.pptx
Mapa-conceptual-de-la-Evolucion-del-Hombre-3.pptx
 
PPT: Los acontecimientos finales de la tierra
PPT: Los acontecimientos finales de la tierraPPT: Los acontecimientos finales de la tierra
PPT: Los acontecimientos finales de la tierra
 
Fundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanzaFundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanza
 
Los acontecimientos finales de la tierra.pdf
Los acontecimientos finales de la tierra.pdfLos acontecimientos finales de la tierra.pdf
Los acontecimientos finales de la tierra.pdf
 
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdfELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
 
Jesús calma la tempestad el mar de en.docx
Jesús calma la tempestad el mar de en.docxJesús calma la tempestad el mar de en.docx
Jesús calma la tempestad el mar de en.docx
 
Mi Comunidad En El Sector Monterrey-Poste Blanco
Mi Comunidad En El Sector Monterrey-Poste BlancoMi Comunidad En El Sector Monterrey-Poste Blanco
Mi Comunidad En El Sector Monterrey-Poste Blanco
 
CUADRO COMPARATIVO Aylen.docx............
CUADRO COMPARATIVO Aylen.docx............CUADRO COMPARATIVO Aylen.docx............
CUADRO COMPARATIVO Aylen.docx............
 
REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...
REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...
REGIMÉN ACADÉMICO PARA LA EDUCACIÓN SECUNDARIA - RESOC-2024-1650-GDEBA-DGC...
 
Qué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptxQué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptx
 
Linea De Tiempo EL BULLYING EN LA HISTORIA.pdf
Linea De Tiempo EL BULLYING EN LA HISTORIA.pdfLinea De Tiempo EL BULLYING EN LA HISTORIA.pdf
Linea De Tiempo EL BULLYING EN LA HISTORIA.pdf
 
La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.
 

(HTML) Conceptos básicos de una web

  • 1. Clase 1 Conceptos Básicos
  • 2. ¿Qué es una pagina web? Es un documento electrónico capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada a la World Wide Web (WWW) y que se accede mediante un navegador web.
  • 3. El web site Consta de tres partes: • El código fuente • El diseño y • La publicación
  • 4. Componentes de una web Departamento
  • 6.
  • 7. Alojamiento o Hosting Protocolo de transferencia de archivos (en inglés File Transfer Protocol o FTP)
  • 8. FTP File Transfer Protocol
  • 9. Dirección de dominio Protocolo de control de transmisión/Protocolo de Internet t-c-p i-p www
  • 10. Diseño de una web Protocolo de control de transmisión/Protocolo de Internet t-c-p i-p
  • 12. Se hace mediante editores web
  • 13. El diseño web • Archivos en carpetas • ¿Cuantas web hay? • ¿Cual es la pagina de inicio?
  • 14. Comenzamos con la pagina de inicio = index • Define el estilo de la web • Alberga todas las web de nuestro site • Debe decir mucho en pocas palabras
  • 15. ¿Qué significa http o https? Son las siglas en inglés de HiperT ext Transfer Protocol Security (en español, protocolo de transferencia de hipertexto seguro).
  • 16. ¿Cómo se hace una pagina web? Con el lenguaje de programació n HTML 5
  • 18. HTML • <html> está al inicio de un documento HTML e indica a los navegadores que la página tiene código HTML para que pueda leerlo de esa forma. Siguiendo la sintaxis del lenguaje, la etiqueta de cierre </html> será el último elemento del documento.
  • 19. HEAD • <head> es la etiqueta que se utiliza para el encabezado de la página. Su principal función es contener toda la información del funcionamiento del sitio. Debido a esto, es un código encriptado que las personas que entran a la página no pueden ver.
  • 20. Título de la página • <title> es la etiqueta que da a tu sitio un nombre para que los usuarios puedan identificarlo. Es el título que puedes ver en las pestañas del navegador.
  • 21. Cuerpo • <body> es la etiqueta que contiene todos los elementos individuales del sitio. O dicho de otra forma, comprende todo el contenido visible del sitio. Aquí podrás insertar texto, imágenes, videos o cualquier otra funcionalidad que desees mostrar.
  • 24. Logica de Programación html • Se basa en cuadros y subniveles
  • 25. El código fuente consta de Marcos y Cuadros
  • 26. Lógica de Programación html <html> Pagina en blanco <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Pagina nueva 1</title> </head> <body> </body> </html> En la HEAD reside información acerca del documento, y generalmente no se ve cuando se navega por él
  • 27. Vamos a la practica • <html> • <head> • <title>Pagina de XX</title> • </head> • <body> • <p>Hola mundo soy XX</p> • </body> • </html>
  • 28. Descargar el frontpage de www.asipop.com