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