SlideShare una empresa de Scribd logo
1 de 28
Curso de Paginas Web
HTML
Instructor :
Andrés Sanchez
andresprofesorcenal@gmail.com
http://www.geocities.ws/andresprofesorcenal/Web
1
HTML
Introducción
Sesión 00
Instructor :
Andrés Sanchez
andresprofesorcenal@gmail.com
http://www.geocities.ws/andresprofesorcenal/Web
2
3
Contenido
• ¿Qué es una Pagina web?
• Navegadores o Browsers
• Identificador de Recursos Uniforme
• ¿Qué es HTML?
• ¿Cómo funcionan las paginas web?
• Estructura de una Pagina Web
• Direcciones web
4
¿Qué es una Pagina web?
5
• Una Página Web es un
documento electrónico que
forma parte de la WWW
(World Wide Web)
generalmente construido en
el lenguaje HTML (Hyper Text
Markup Language o Lenguaje
de Marcado de Hipertexto) ó
en SVG (Scalable Vector
Graphics o Gráficos
Vectoriales
Redimensionables) es un
formato de gráficos
vectoriales bidimensionales,
tanto estáticos como
animados.
Navegadores o Browsers
Un navegador web puede leer
archivos tipo HTML y mostrarlos
en forma organizada para ser
visualizados y escuchados.
El navegador no despliega las
marcas de HTML, pero las usa
para interpretar el contenido de
la pagina.
HTML describe la estructura de
una pagina web en forma
semántica con las claves de
presentación haciéndolo una
lenguaje de marcación y no uno
de programación.
6
Identificador de Recursos Uniforme
Dirección Web :
La URL siglas en inglés
de Uniform Resource
Locator es
un identificador de
recursos uniforme.
Es el nombre o
dirección de la pagina
web en internet.
7
¿Qué es HTML?
HTML
Es el lenguaje de
marcación de hipertexto
(HyperText Markup
Language) Diseñado y
administrado por el World
Wide Web Consortium.
Es expresado en
Elementos y estos
Elementos deben abrirse y
cerrarse, para poder que
funcionen correctamente.
8
¿Cómo funcionan las paginas web? I
9
Una pagina web normalmente se puede visualizar por
medio de un navegador, el cual al ingresar la dirección
URL Identificador de Recursos Uniformes.(Uniform
Resource Locator ). En la zona de direcciones, va al
servidor , luego ubica el archivo de inicio de la pagina
web index.html y lo muestra en el navegador.
¿Cómo funcionan las paginas web? II
10
También existen paginas tipo SPA Pagina de una
sola función (Single Page Application) que
únicamente traen un dato específico y siguen
mostrando el resto del contenido, sin mayor
modificación.
Estructura de una Pagina web
<!DOCTYPE html>
<html>
<head>
Elementos del Encabezado van aquí
</head>
<body>
Contenido y sus respectivos
elementos van aquí, esto es lo que
se visualiza en el navegador.
</body>
</html>
11
Dirección web I
Dirección Web :
Aunque todos conocen el
www, en una dirección web .
No saben su significado y
función.
www significa world wide
web (red alrededor del
mundo).
Su función es identificar una
pagina como principal de una
institución o empresa.
12
Dirección web II
Dominio :
Un dominio de Internet es una red
de identificación asociada a un
grupo de dispositivos o equipos
conectados a la red Internet.
El propósito principal de los
nombres de dominio en Internet y
del sistema de nombres de dominio
(DNS), es traducir las direcciones IP
de cada nodo activo en la red, a
términos memorizables y fáciles de
encontrar. Esta abstracción hace
posible que cualquier servicio (de
red) pueda moverse de un lugar
geográfico a otro en la red Internet,
aún cuando el cambio implique que
tendrá una dirección IP diferente.
13
Dirección web III
Nombres de Dominio :
Sin la ayuda del sistema de
nombres de dominio, los usuarios
de Internet tendrían que acceder a
cada servicio web utilizando la
dirección IP del nodo (por ejemplo,
sería necesario utilizar
http://192.0.32.10 en vez de
http://example.com).
Además, reduciría el número de
webs posibles, ya que actualmente
es habitual que una misma
dirección IP sea compartida por
varios dominios.
14
Dirección web IV
http://
Todos conocemos el www
pero ignoramos el http://
que esta antes, estas letras
indican el protocolo a usar en
los navegadores.
HyperText Transfer Protocol
(Protocolo de transmisión de
hipertexto).
El protocolo de visualización
por defecto, que viene en
todos los navegadores.
15
Dirección web V
Dirección web :
La forma básica que conocemos de
una dirección de pagina web es ;
http://www.empresa.com
Ya conocemos el significado de:
http:// (protocolo de transmisión de
hipertexto).
www (red alrededor del mundo).
Empresa : Es el nombre de la empresa
que adquirió del nombre de dominio.
El ultimo componente es el tipo de
empresa, en este caso .com .
Ejemplos web
http://www.empresa.com
http://www.empresa.net
http://www.empresa.gov
http://www.empresa.edu
http://www.empresa.org
http://www.empresa.mil
16
Dirección web VI
Tipos de empresa :
.com : empresa de tipo
comercial.
.net : empresa de
telecomunicaciones.
.org : empresa de tipo
organización.
.gov : empresa de tipo
gubernamental.
.edu : empresa de tipo
educativo.
.mil : empresa de tipo militar.
Existen otros tipos, pero estos
son los principales y mas
comunes.
17
Dirección web VII
País en la dirección web :
Las direcciones tienen un
ultimo complemento y es el
país al que pertenece el
dominio, por tanto la
dirección web de un país
especifico tiene su función al
final indicando que la
dirección web esta en el país
especifico como podemos
ver en el listado de enfrente.
Ejemplos web de Colombia.
http://www.empresa.com.co
http://www.empresa.net.co
http://www.empresa.gov.co
http://www.empresa.edu.co
http://www.empresa.org.co
http://www.empresa.mil.co
18
Dirección web VIII
Listado de nombres
de países :
Afghanistan-Afganistan: AF
Albania: AL
Algeria-Argelia: DZ
American Samoa-Samoa
Americana: AS
Andorra: AD
Angola: AO
Anguilla-Anguila: AI
Antarctica-Antartida: AQ
Antigua y Barbuda: AG
Argentina: AR
Armenia: AM
Aruba: AW
Australia: AU
Austria: AT
Azerbaijan-Azerbaiyan: AZ
Bahamas: BS
Bahrain-Bahrein: BH
Bangladesh: BD
Barbados: BB
Belgium-Belgica: BE
Belize: BZ
Benin: BJ
Bermuda-Bermudas: BM
Bhutan-Butan: BT
Bolivia: BO
Bosnia-Herzegovina: BA
Botswana: BW
Bouvet Island-Isla Bouvet:
BV
Brazil-Brasil: BR
Brunei: BN
Bulgaria: BG
Burkina Faso: BF
Burma-Birmania: BU
Burundi: BI
Byelorussian Ssr
(Bielorussia)-Bielorrusia: BY
19
Dirección web IX
Listado de nombres
de países :
Canada CA
Cape Verde-Cabo Verde:
CV
Caroline Islands-Islas
Carolina: FM
Cayman Islands-Islas
Caiman: KY
Chad: TD
Chile: CL
China: CN
Christmas Island-Isla
Christmas: CX
Cocos Islands-Islas
Cocos: CC
Columbia-Colombia: CO
Commercial-Comercial:
COM
Comoros-Comores: KM
Congo: CG
Cook Islands-Islas Cook:
CK
Costa Rica: CR
Corea del Norte: KP
Croatia-Croacia: HR
Cuba: CU
Cyprus-Chipre: CY
Czech.-Republica Checa:
CZ
Czechoslovakia-
Checoslovaquia: CS
Democratic Kampuchea-
Kampuchea: KH
Democratic Yemen-
Yemen del Sur: YD
Denmark-Dinamarca: DK
Djibouti-Djibuti: DJ
Dominica: DM
Dominican Republic-
Republica Dominicana:
DO
Dronning Maud Land:
NQ
East Timor-Timor
Oriental: TP
20
Dirección web X
Egypt-Egipto: EG
El Salvador: SV
England-Inglaterra: GB
Equatorial Guinea-Guinea
Ecuatorial: GQ
Eritrea: ER
Estonia: EE
Ethiopia-Etiopia: ET
Faeroe Islands-Islas Feroe: FO
Falkland Islands-Falkland / Islas
Malvinas: FK
Fiji: FJ
Finland-Finlandia: FI
France-Francia: FR
French Guiana-Guayana
Francesa: GF
French Polynesia-Polinesia
Francesa: PF
Gabon: GA
Gambia: GM
Georgia: GG
Ghana: GH
Gibraltar: GI
Greece-Grecia: GR
Greenland-Groenlandia: GL
Grenada-Granada: GD
Guadeloupe-Guadalupe: GP
Guam: GU
Guatemala: GT
Guinea: GN
Guinea-Bisseu-Guinea-Bissau:
GW
Guyana: GY
Haiti: HT
Heard y Mc Donald, Islas: HM
Honduras: HN
Hong Kong: HK
Hungary-Hungria: HU
Iceland-Islandia: IS
India: IN
Indonesia: ID
International-Internacional: INT
Iran: IR
Iraq-Irak: IQ
Ireland-Irlanda: IE
Israel: IL
Italy-Italia: IT
Ivory Coast-Costa de Marfil: CI
Islas Canton y Enderbury: CT
Islas Virgenes Britanicas: VG
Islas exteriores menores
(Estados Unidos): UM
Islas del Pacifico de los Estados
Unidos: PU
21
Dirección web XI
Jamaica: JM
Japan-Japon: JP
Johnston Island-Johnston,
Isla: JT
Jordan-Jordania: JO
Kazakhstan-Kazakstan: KK
Kenya: KE
Kiribati: KI
Kuwait: KW
Kyrgyzstan (Kirgistan)-
Kirgistan: KG
Lao People's Democratic
Republic-Laos: LA
Latvia-Letonia: LV
Lebanon-Libano: LB
Lesotho: LS
Liberia: LR
Libyan Arab Jamahiriya-
Libia: LY
Liechtenstein: LI
Lithuania-Lituania: LT
Luxembourg-Luxemburgo:
LU
Macau-Macao: MO
Madagascar: MG
Malasia: MY
Malawi: MW
Maldives-Maldivas: MV
Mali: ML
Malta: MT
Marshall Islands-Islas
Marshall: MH
Martinique-Martinica:
MQ
Mauritania: MR
Mauritius-Mauricio: MU
Mayotte: YT
Mexico: MX
Micronesia: FM
Midway Islands-Midway,
Islas: MI
Moldova-Moldavia: MD
Monaco: MC
22
Dirección web XII
Mongolia: MN
Montserrat: MS
Morrocco-Marruecos: MA
Mozambique: MZ
Namibia: NA
Napal-Nepal: NP
Nato Field-Otan: NATO
Nauru: NR
Netherlands-Holanda: NL
Netherlands Antilles-Antillas
Holandesas: AN
Network-Red: NET
Neutral Zone-Zona Neutral: NT
New Calidonia-Nueva
Caledonia: NC
New Zealand-Nueva Zelanda:
NZ
Nicaragua: NI
Niger: NE
Nigeria: NG
Niue: NU
Organizacion sin animo de
lucro: ORG
Norfolk Island-Norfolk, Isla: NF
Marianas del Norte, Islas: MP
Norway-Noruega: NO
Old Style Arpanet-Arpanet:
ARPA
Oman: OM
Pacific Islands-Islas del Pacifico:
PC
Pakistan: PK
Palau: PW
Panama: PA
Papua New Guinea-Papua
Nueva Guinea: PG
Paraguay: PY
Peru: PE
Philippines-Filipinas: PH
Pitcairn Island-Pitcairn, Isla: PN
Poland-Polonia: PL
Portugal: PT
Puerto Rico: PR
Republic of Korea-Corea del
Sur: KR
Republica Centroafricana: CF
Republica Federal de Alemania:
DE
Reunion: RE
Romania-Rumania: RO
Russia-Rusia: RU
Rwanda-Ruanda: RW
23
Dirección web XIII
Saint Lucia-Santa Lucia: LC
San Vicente y las Granadinas: VC
Samoa: WS
San Marino: SM
Sao Tome and Principe-Santo
Tome y Principe: ST
Saudi Arabia-Arabia Saudi: SA
Senegal: SN
Seychelles: SC
Sierra Leone-Sierra Leona: SL
Singapore-Singapur: SG
Slovakia-Eslovaquia: SQ
Slovenia-Eslovenia: SI
Solomon Islands-Islas Salomon:
SB
Somalia: SO
South Africa-Sudafrica: ZA
South Georgia-Georgia del Sur:
GS
Spain-España: ES
Sri Lanka: LK
St. Helena-Santa Helena: SH
San Cristobal-Nevis-Anguila: KN
Saint Pierre y Miquelon: PM
Sudan: SD
Suriname-Surinam: SR
Svalbard y Jan Mayen, Islas: SJ
Swaziland-Suazilandia: SZ
Sweden-Suecia: SE
Switzerland-Suiza: CH
Syran Arab Republic-Siria: SY
Taiwan: TW
Tajikistan-Tayikistan: TJ
Territorio Oceanico de las Indias
Britanicas: IO
Territorios Franceses del Sur: TF
Thailand-Tailandia: TH
Togo: TG
Tokelau: TK
Tonga: TO
Trinidad and Tobago-Trinidad y
Tobago: TT
Tunisia-Tunez: TN
Turkey-Turquia: TR
Turkmenistan-Turkmenistan: TM
Turks y Caicos, Islas: TC
Tuvalu: TV
24
Dirección web XIV
Uganda: UG
Ukrainian SSR-Ucrania:
UA
Universidades
Norteamericanas: EDU
United Arab Emirates-
Emiratos Arabes Unidos:
AE
United Kingdom-Reino
Unido: UK
United Republic of
Cameroon-Camerun: CM
United Republic of
Tanzania-Tanzania: TZ
United States-Estados
Unidos: US
Unites States Virgin
Islands-Islas Virgenes: VI
Upper Volta-Alto Volta:
HV
Uruguay: UY
US Government-
Gobierno
Norteamericano: GOV
US Military-Organismo
Militar Norteamericano:
MIL
USSR-URSS: SU
Uzbekistan-Uzbequistan:
UZ
Vanuatu: VU
Vatican City State-
Ciudad del Vaticano: VA
Venezuela: VE
Vietnam: VN
Wake Island-Wake, Isla:
WK
Wallis y Futuna, Islas:
WF
Western Sahara-Sahara
Occidental: EH
Yemen-Yemen del Norte:
YE
Yugoslavia: YU
Zaire: ZR
Zambia: ZM
Zimbabwe: ZW
25
Basado en el curso de
HTML, CSS and JavaScript
de Coursera.
Dictado por :
The Hong Kong University of
Science and Technology
Profesor : DAVID ROSSITER
26
27
Bibliografía
• https://www.coursera.org/learn/html-css-javascript/home/welcome
• http://es.wikipedia.org/wiki/Colombia
• http://www.w3schools.com
• http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme
• http://es.wikipedia.org/wiki/Dominio_de_Internet
28

Más contenido relacionado

La actualidad más candente (17)

ALFIN 1 - Internet y WWW
ALFIN 1 - Internet y WWWALFIN 1 - Internet y WWW
ALFIN 1 - Internet y WWW
 
Significados
SignificadosSignificados
Significados
 
Diferencia entre pagina web y sitios web
Diferencia entre pagina web y sitios webDiferencia entre pagina web y sitios web
Diferencia entre pagina web y sitios web
 
Actividad n3
Actividad n3Actividad n3
Actividad n3
 
Html1
Html1Html1
Html1
 
Presentación computacion
Presentación computacionPresentación computacion
Presentación computacion
 
La web
La webLa web
La web
 
La aparición de la WWW
La aparición de la WWWLa aparición de la WWW
La aparición de la WWW
 
Andree duque
Andree duqueAndree duque
Andree duque
 
Internet, dominio, buscador y navegador
Internet, dominio, buscador y navegadorInternet, dominio, buscador y navegador
Internet, dominio, buscador y navegador
 
Octavo 1
Octavo 1Octavo 1
Octavo 1
 
Act 2.1. dominios
Act 2.1. dominiosAct 2.1. dominios
Act 2.1. dominios
 
1. terminologia: conceptos basicos
1. terminologia: conceptos basicos1. terminologia: conceptos basicos
1. terminologia: conceptos basicos
 
Trabajo contra 1
Trabajo contra 1Trabajo contra 1
Trabajo contra 1
 
Internet y navegadores
Internet y navegadoresInternet y navegadores
Internet y navegadores
 
Grupo x.ppt
Grupo x.pptGrupo x.ppt
Grupo x.ppt
 
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
 

Similar a 00 html

recursos web , sitio , pagina
recursos web , sitio , pagina recursos web , sitio , pagina
recursos web , sitio , pagina Karen Carrillo
 
RECURSOS WEB:PAGINA,SITIO Y PORTAL
RECURSOS WEB:PAGINA,SITIO Y PORTALRECURSOS WEB:PAGINA,SITIO Y PORTAL
RECURSOS WEB:PAGINA,SITIO Y PORTALLeiidii Cortes
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivasbigbeto
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webbigbeto
 
Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte Dzime Miiler
 
Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte Dzime Miiler
 
Modulo de Internet
Modulo de Internet Modulo de Internet
Modulo de Internet Dzime Miiler
 
Fiec internet-rev.2009
Fiec internet-rev.2009Fiec internet-rev.2009
Fiec internet-rev.2009CECIEMM
 
Trabajo t09 eliud mora
Trabajo t09 eliud moraTrabajo t09 eliud mora
Trabajo t09 eliud moraElo Mora
 
Trabajo T09 Eliud mora
Trabajo T09 Eliud moraTrabajo T09 Eliud mora
Trabajo T09 Eliud moraElo Mora
 
Tema de exposición 3
Tema de exposición 3 Tema de exposición 3
Tema de exposición 3 111aldha
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwwwdsfdjhd
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwwwdsfdjhd
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwwwdsfdjhd
 

Similar a 00 html (20)

recursos web , sitio , pagina
recursos web , sitio , pagina recursos web , sitio , pagina
recursos web , sitio , pagina
 
RECURSOS WEB:PAGINA,SITIO Y PORTAL
RECURSOS WEB:PAGINA,SITIO Y PORTALRECURSOS WEB:PAGINA,SITIO Y PORTAL
RECURSOS WEB:PAGINA,SITIO Y PORTAL
 
Dominios internet
Dominios internetDominios internet
Dominios internet
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivas
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina web
 
Internet
InternetInternet
Internet
 
Internet
InternetInternet
Internet
 
Actividad 3
Actividad 3Actividad 3
Actividad 3
 
Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte
 
Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte Modulo de internet. esteban sdo kewin cte
Modulo de internet. esteban sdo kewin cte
 
Modulo de Internet
Modulo de Internet Modulo de Internet
Modulo de Internet
 
Fiec internet-rev.2009
Fiec internet-rev.2009Fiec internet-rev.2009
Fiec internet-rev.2009
 
Trabajo t09 eliud mora
Trabajo t09 eliud moraTrabajo t09 eliud mora
Trabajo t09 eliud mora
 
Trabajo T09 Eliud mora
Trabajo T09 Eliud moraTrabajo T09 Eliud mora
Trabajo T09 Eliud mora
 
DOMINIO_DE_INTERNET.pdf
DOMINIO_DE_INTERNET.pdfDOMINIO_DE_INTERNET.pdf
DOMINIO_DE_INTERNET.pdf
 
Tema de exposición 3
Tema de exposición 3 Tema de exposición 3
Tema de exposición 3
 
dreamweaver
dreamweaverdreamweaver
dreamweaver
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 
Wwwwwwwww
WwwwwwwwwWwwwwwwww
Wwwwwwwww
 

Último

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 

Último (20)

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 

00 html

  • 1. Curso de Paginas Web HTML Instructor : Andrés Sanchez andresprofesorcenal@gmail.com http://www.geocities.ws/andresprofesorcenal/Web 1
  • 2. HTML Introducción Sesión 00 Instructor : Andrés Sanchez andresprofesorcenal@gmail.com http://www.geocities.ws/andresprofesorcenal/Web 2
  • 3. 3
  • 4. Contenido • ¿Qué es una Pagina web? • Navegadores o Browsers • Identificador de Recursos Uniforme • ¿Qué es HTML? • ¿Cómo funcionan las paginas web? • Estructura de una Pagina Web • Direcciones web 4
  • 5. ¿Qué es una Pagina web? 5 • Una Página Web es un documento electrónico que forma parte de la WWW (World Wide Web) generalmente construido en el lenguaje HTML (Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto) ó en SVG (Scalable Vector Graphics o Gráficos Vectoriales Redimensionables) es un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados.
  • 6. Navegadores o Browsers Un navegador web puede leer archivos tipo HTML y mostrarlos en forma organizada para ser visualizados y escuchados. El navegador no despliega las marcas de HTML, pero las usa para interpretar el contenido de la pagina. HTML describe la estructura de una pagina web en forma semántica con las claves de presentación haciéndolo una lenguaje de marcación y no uno de programación. 6
  • 7. Identificador de Recursos Uniforme Dirección Web : La URL siglas en inglés de Uniform Resource Locator es un identificador de recursos uniforme. Es el nombre o dirección de la pagina web en internet. 7
  • 8. ¿Qué es HTML? HTML Es el lenguaje de marcación de hipertexto (HyperText Markup Language) Diseñado y administrado por el World Wide Web Consortium. Es expresado en Elementos y estos Elementos deben abrirse y cerrarse, para poder que funcionen correctamente. 8
  • 9. ¿Cómo funcionan las paginas web? I 9 Una pagina web normalmente se puede visualizar por medio de un navegador, el cual al ingresar la dirección URL Identificador de Recursos Uniformes.(Uniform Resource Locator ). En la zona de direcciones, va al servidor , luego ubica el archivo de inicio de la pagina web index.html y lo muestra en el navegador.
  • 10. ¿Cómo funcionan las paginas web? II 10 También existen paginas tipo SPA Pagina de una sola función (Single Page Application) que únicamente traen un dato específico y siguen mostrando el resto del contenido, sin mayor modificación.
  • 11. Estructura de una Pagina web <!DOCTYPE html> <html> <head> Elementos del Encabezado van aquí </head> <body> Contenido y sus respectivos elementos van aquí, esto es lo que se visualiza en el navegador. </body> </html> 11
  • 12. Dirección web I Dirección Web : Aunque todos conocen el www, en una dirección web . No saben su significado y función. www significa world wide web (red alrededor del mundo). Su función es identificar una pagina como principal de una institución o empresa. 12
  • 13. Dirección web II Dominio : Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet. El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aún cuando el cambio implique que tendrá una dirección IP diferente. 13
  • 14. Dirección web III Nombres de Dominio : Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo, sería necesario utilizar http://192.0.32.10 en vez de http://example.com). Además, reduciría el número de webs posibles, ya que actualmente es habitual que una misma dirección IP sea compartida por varios dominios. 14
  • 15. Dirección web IV http:// Todos conocemos el www pero ignoramos el http:// que esta antes, estas letras indican el protocolo a usar en los navegadores. HyperText Transfer Protocol (Protocolo de transmisión de hipertexto). El protocolo de visualización por defecto, que viene en todos los navegadores. 15
  • 16. Dirección web V Dirección web : La forma básica que conocemos de una dirección de pagina web es ; http://www.empresa.com Ya conocemos el significado de: http:// (protocolo de transmisión de hipertexto). www (red alrededor del mundo). Empresa : Es el nombre de la empresa que adquirió del nombre de dominio. El ultimo componente es el tipo de empresa, en este caso .com . Ejemplos web http://www.empresa.com http://www.empresa.net http://www.empresa.gov http://www.empresa.edu http://www.empresa.org http://www.empresa.mil 16
  • 17. Dirección web VI Tipos de empresa : .com : empresa de tipo comercial. .net : empresa de telecomunicaciones. .org : empresa de tipo organización. .gov : empresa de tipo gubernamental. .edu : empresa de tipo educativo. .mil : empresa de tipo militar. Existen otros tipos, pero estos son los principales y mas comunes. 17
  • 18. Dirección web VII País en la dirección web : Las direcciones tienen un ultimo complemento y es el país al que pertenece el dominio, por tanto la dirección web de un país especifico tiene su función al final indicando que la dirección web esta en el país especifico como podemos ver en el listado de enfrente. Ejemplos web de Colombia. http://www.empresa.com.co http://www.empresa.net.co http://www.empresa.gov.co http://www.empresa.edu.co http://www.empresa.org.co http://www.empresa.mil.co 18
  • 19. Dirección web VIII Listado de nombres de países : Afghanistan-Afganistan: AF Albania: AL Algeria-Argelia: DZ American Samoa-Samoa Americana: AS Andorra: AD Angola: AO Anguilla-Anguila: AI Antarctica-Antartida: AQ Antigua y Barbuda: AG Argentina: AR Armenia: AM Aruba: AW Australia: AU Austria: AT Azerbaijan-Azerbaiyan: AZ Bahamas: BS Bahrain-Bahrein: BH Bangladesh: BD Barbados: BB Belgium-Belgica: BE Belize: BZ Benin: BJ Bermuda-Bermudas: BM Bhutan-Butan: BT Bolivia: BO Bosnia-Herzegovina: BA Botswana: BW Bouvet Island-Isla Bouvet: BV Brazil-Brasil: BR Brunei: BN Bulgaria: BG Burkina Faso: BF Burma-Birmania: BU Burundi: BI Byelorussian Ssr (Bielorussia)-Bielorrusia: BY 19
  • 20. Dirección web IX Listado de nombres de países : Canada CA Cape Verde-Cabo Verde: CV Caroline Islands-Islas Carolina: FM Cayman Islands-Islas Caiman: KY Chad: TD Chile: CL China: CN Christmas Island-Isla Christmas: CX Cocos Islands-Islas Cocos: CC Columbia-Colombia: CO Commercial-Comercial: COM Comoros-Comores: KM Congo: CG Cook Islands-Islas Cook: CK Costa Rica: CR Corea del Norte: KP Croatia-Croacia: HR Cuba: CU Cyprus-Chipre: CY Czech.-Republica Checa: CZ Czechoslovakia- Checoslovaquia: CS Democratic Kampuchea- Kampuchea: KH Democratic Yemen- Yemen del Sur: YD Denmark-Dinamarca: DK Djibouti-Djibuti: DJ Dominica: DM Dominican Republic- Republica Dominicana: DO Dronning Maud Land: NQ East Timor-Timor Oriental: TP 20
  • 21. Dirección web X Egypt-Egipto: EG El Salvador: SV England-Inglaterra: GB Equatorial Guinea-Guinea Ecuatorial: GQ Eritrea: ER Estonia: EE Ethiopia-Etiopia: ET Faeroe Islands-Islas Feroe: FO Falkland Islands-Falkland / Islas Malvinas: FK Fiji: FJ Finland-Finlandia: FI France-Francia: FR French Guiana-Guayana Francesa: GF French Polynesia-Polinesia Francesa: PF Gabon: GA Gambia: GM Georgia: GG Ghana: GH Gibraltar: GI Greece-Grecia: GR Greenland-Groenlandia: GL Grenada-Granada: GD Guadeloupe-Guadalupe: GP Guam: GU Guatemala: GT Guinea: GN Guinea-Bisseu-Guinea-Bissau: GW Guyana: GY Haiti: HT Heard y Mc Donald, Islas: HM Honduras: HN Hong Kong: HK Hungary-Hungria: HU Iceland-Islandia: IS India: IN Indonesia: ID International-Internacional: INT Iran: IR Iraq-Irak: IQ Ireland-Irlanda: IE Israel: IL Italy-Italia: IT Ivory Coast-Costa de Marfil: CI Islas Canton y Enderbury: CT Islas Virgenes Britanicas: VG Islas exteriores menores (Estados Unidos): UM Islas del Pacifico de los Estados Unidos: PU 21
  • 22. Dirección web XI Jamaica: JM Japan-Japon: JP Johnston Island-Johnston, Isla: JT Jordan-Jordania: JO Kazakhstan-Kazakstan: KK Kenya: KE Kiribati: KI Kuwait: KW Kyrgyzstan (Kirgistan)- Kirgistan: KG Lao People's Democratic Republic-Laos: LA Latvia-Letonia: LV Lebanon-Libano: LB Lesotho: LS Liberia: LR Libyan Arab Jamahiriya- Libia: LY Liechtenstein: LI Lithuania-Lituania: LT Luxembourg-Luxemburgo: LU Macau-Macao: MO Madagascar: MG Malasia: MY Malawi: MW Maldives-Maldivas: MV Mali: ML Malta: MT Marshall Islands-Islas Marshall: MH Martinique-Martinica: MQ Mauritania: MR Mauritius-Mauricio: MU Mayotte: YT Mexico: MX Micronesia: FM Midway Islands-Midway, Islas: MI Moldova-Moldavia: MD Monaco: MC 22
  • 23. Dirección web XII Mongolia: MN Montserrat: MS Morrocco-Marruecos: MA Mozambique: MZ Namibia: NA Napal-Nepal: NP Nato Field-Otan: NATO Nauru: NR Netherlands-Holanda: NL Netherlands Antilles-Antillas Holandesas: AN Network-Red: NET Neutral Zone-Zona Neutral: NT New Calidonia-Nueva Caledonia: NC New Zealand-Nueva Zelanda: NZ Nicaragua: NI Niger: NE Nigeria: NG Niue: NU Organizacion sin animo de lucro: ORG Norfolk Island-Norfolk, Isla: NF Marianas del Norte, Islas: MP Norway-Noruega: NO Old Style Arpanet-Arpanet: ARPA Oman: OM Pacific Islands-Islas del Pacifico: PC Pakistan: PK Palau: PW Panama: PA Papua New Guinea-Papua Nueva Guinea: PG Paraguay: PY Peru: PE Philippines-Filipinas: PH Pitcairn Island-Pitcairn, Isla: PN Poland-Polonia: PL Portugal: PT Puerto Rico: PR Republic of Korea-Corea del Sur: KR Republica Centroafricana: CF Republica Federal de Alemania: DE Reunion: RE Romania-Rumania: RO Russia-Rusia: RU Rwanda-Ruanda: RW 23
  • 24. Dirección web XIII Saint Lucia-Santa Lucia: LC San Vicente y las Granadinas: VC Samoa: WS San Marino: SM Sao Tome and Principe-Santo Tome y Principe: ST Saudi Arabia-Arabia Saudi: SA Senegal: SN Seychelles: SC Sierra Leone-Sierra Leona: SL Singapore-Singapur: SG Slovakia-Eslovaquia: SQ Slovenia-Eslovenia: SI Solomon Islands-Islas Salomon: SB Somalia: SO South Africa-Sudafrica: ZA South Georgia-Georgia del Sur: GS Spain-España: ES Sri Lanka: LK St. Helena-Santa Helena: SH San Cristobal-Nevis-Anguila: KN Saint Pierre y Miquelon: PM Sudan: SD Suriname-Surinam: SR Svalbard y Jan Mayen, Islas: SJ Swaziland-Suazilandia: SZ Sweden-Suecia: SE Switzerland-Suiza: CH Syran Arab Republic-Siria: SY Taiwan: TW Tajikistan-Tayikistan: TJ Territorio Oceanico de las Indias Britanicas: IO Territorios Franceses del Sur: TF Thailand-Tailandia: TH Togo: TG Tokelau: TK Tonga: TO Trinidad and Tobago-Trinidad y Tobago: TT Tunisia-Tunez: TN Turkey-Turquia: TR Turkmenistan-Turkmenistan: TM Turks y Caicos, Islas: TC Tuvalu: TV 24
  • 25. Dirección web XIV Uganda: UG Ukrainian SSR-Ucrania: UA Universidades Norteamericanas: EDU United Arab Emirates- Emiratos Arabes Unidos: AE United Kingdom-Reino Unido: UK United Republic of Cameroon-Camerun: CM United Republic of Tanzania-Tanzania: TZ United States-Estados Unidos: US Unites States Virgin Islands-Islas Virgenes: VI Upper Volta-Alto Volta: HV Uruguay: UY US Government- Gobierno Norteamericano: GOV US Military-Organismo Militar Norteamericano: MIL USSR-URSS: SU Uzbekistan-Uzbequistan: UZ Vanuatu: VU Vatican City State- Ciudad del Vaticano: VA Venezuela: VE Vietnam: VN Wake Island-Wake, Isla: WK Wallis y Futuna, Islas: WF Western Sahara-Sahara Occidental: EH Yemen-Yemen del Norte: YE Yugoslavia: YU Zaire: ZR Zambia: ZM Zimbabwe: ZW 25
  • 26. Basado en el curso de HTML, CSS and JavaScript de Coursera. Dictado por : The Hong Kong University of Science and Technology Profesor : DAVID ROSSITER 26
  • 27. 27
  • 28. Bibliografía • https://www.coursera.org/learn/html-css-javascript/home/welcome • http://es.wikipedia.org/wiki/Colombia • http://www.w3schools.com • http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme • http://es.wikipedia.org/wiki/Dominio_de_Internet 28