01 html
28
Curso de Paginas Web HTML Instructor : Andrés Sanchez andresprofesorcenal@gmail .com http://www.geocities.ws/andresprofeso rcenal/Web 1
-
Upload
andres-sanchez -
Category
Education
-
view
7 -
download
0
Transcript of 01 html
1
Curso de Paginas WebHTML
Instructor :Andrés Sanchez
[email protected]://www.geocities.ws/andresprofesorcenal/Web
2
HTMLIntroducción
Sesión 01
Instructor :Andrés Sanchez
[email protected]://www.geocities.ws/andresprofesorcenal/Web
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
5
¿Qué es una Pagina web?• 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 BrowsersUn 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.
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.
8
¿Qué es HTML?HTMLEs 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.
9
¿Cómo funcionan las paginas web? I
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
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>
12
Dirección web IDirecció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.
13
Dirección web IIDominio :
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.
14
Dirección web IIINombres 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.
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.
16
Dirección web VDirección web :La forma básica que conocemos de una dirección de pagina web es ;
http://www.empresa.comYa 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 webhttp://www.empresa.com
http://www.empresa.net
http://www.empresa.gov
http://www.empresa.edu
http://www.empresa.org
http://www.empresa.mil
17
Dirección web VITipos 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.
18
Dirección web VIIPaí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
19
Dirección web VIIIListado de nombres de países :
Afghanistan-Afganistan: AFAlbania: ALAlgeria-Argelia: DZAmerican Samoa-Samoa Americana: ASAndorra: ADAngola: AOAnguilla-Anguila: AIAntarctica-Antartida: AQAntigua y Barbuda: AG
Argentina: ARArmenia: AMAruba: AWAustralia: AUAustria: ATAzerbaijan-Azerbaiyan: AZBahamas: BSBahrain-Bahrein: BHBangladesh: BDBarbados: BBBelgium-Belgica: BEBelize: BZBenin: BJBermuda-Bermudas: BM
Bhutan-Butan: BTBolivia: BOBosnia-Herzegovina: BABotswana: BWBouvet Island-Isla Bouvet: BVBrazil-Brasil: BRBrunei: BNBulgaria: BGBurkina Faso: BFBurma-Birmania: BUBurundi: BIByelorussian Ssr (Bielorussia)-Bielorrusia: BY
20
Dirección web IXListado de nombres de países :Canada CACape Verde-Cabo Verde: CVCaroline Islands-Islas Carolina: FMCayman Islands-Islas Caiman: KYChad: TDChile: CLChina: CNChristmas Island-Isla Christmas: CXCocos Islands-Islas Cocos:
CCColumbia-Colombia: COCommercial-Comercial: COMComoros-Comores: KMCongo: CGCook Islands-Islas Cook: CKCosta Rica: CRCorea del Norte: KPCroatia-Croacia: HRCuba: CUCyprus-Chipre: CYCzech.-Republica Checa: CZCzechoslovakia-
Checoslovaquia: CSDemocratic Kampuchea-Kampuchea: KHDemocratic Yemen-Yemen del Sur: YDDenmark-Dinamarca: DKDjibouti-Djibuti: DJDominica: DMDominican Republic-Republica Dominicana: DODronning Maud Land: NQEast Timor-Timor Oriental: TP
21
Dirección web XEgypt-Egipto: EGEl Salvador: SVEngland-Inglaterra: GBEquatorial Guinea-Guinea Ecuatorial: GQEritrea: EREstonia: EEEthiopia-Etiopia: ETFaeroe Islands-Islas Feroe: FOFalkland Islands-Falkland / Islas Malvinas: FKFiji: FJFinland-Finlandia: FIFrance-Francia: FRFrench Guiana-Guayana Francesa: GFFrench Polynesia-Polinesia Francesa: PF
Gabon: GAGambia: GMGeorgia: GGGhana: GHGibraltar: GIGreece-Grecia: GRGreenland-Groenlandia: GLGrenada-Granada: GDGuadeloupe-Guadalupe: GPGuam: GUGuatemala: GTGuinea: GNGuinea-Bisseu-Guinea-Bissau: GWGuyana: GYHaiti: HTHeard y Mc Donald, Islas: HMHonduras: HN
Hong Kong: HKHungary-Hungria: HUIceland-Islandia: ISIndia: INIndonesia: IDInternational-Internacional: INTIran: IRIraq-Irak: IQIreland-Irlanda: IEIsrael: ILItaly-Italia: ITIvory Coast-Costa de Marfil: CIIslas Canton y Enderbury: CTIslas Virgenes Britanicas: VGIslas exteriores menores (Estados Unidos): UMIslas del Pacifico de los Estados Unidos: PU
22
Dirección web XIJamaica: JMJapan-Japon: JPJohnston Island-Johnston, Isla: JTJordan-Jordania: JOKazakhstan-Kazakstan: KKKenya: KEKiribati: KIKuwait: KWKyrgyzstan (Kirgistan)-Kirgistan: KGLao People's Democratic Republic-Laos: LALatvia-Letonia: LV
Lebanon-Libano: LBLesotho: LSLiberia: LRLibyan Arab Jamahiriya-Libia: LYLiechtenstein: LILithuania-Lituania: LTLuxembourg-Luxemburgo: LUMacau-Macao: MOMadagascar: MGMalasia: MYMalawi: MWMaldives-Maldivas: MV
Mali: MLMalta: MTMarshall Islands-Islas Marshall: MHMartinique-Martinica: MQMauritania: MRMauritius-Mauricio: MUMayotte: YTMexico: MXMicronesia: FMMidway Islands-Midway, Islas: MIMoldova-Moldavia: MDMonaco: MC
23
Dirección web XIIMongolia: MNMontserrat: MSMorrocco-Marruecos: MAMozambique: MZNamibia: NANapal-Nepal: NPNato Field-Otan: NATONauru: NRNetherlands-Holanda: NLNetherlands Antilles-Antillas Holandesas: ANNetwork-Red: NETNeutral Zone-Zona Neutral: NTNew Calidonia-Nueva Caledonia: NCNew Zealand-Nueva Zelanda: NZNicaragua: NI
Niger: NENigeria: NGNiue: NUOrganizacion sin animo de lucro: ORGNorfolk Island-Norfolk, Isla: NFMarianas del Norte, Islas: MPNorway-Noruega: NOOld Style Arpanet-Arpanet: ARPAOman: OMPacific Islands-Islas del Pacifico: PCPakistan: PKPalau: PWPanama: PAPapua New Guinea-Papua
Nueva Guinea: PGParaguay: PYPeru: PEPhilippines-Filipinas: PHPitcairn Island-Pitcairn, Isla: PNPoland-Polonia: PLPortugal: PTPuerto Rico: PRRepublic of Korea-Corea del Sur: KRRepublica Centroafricana: CFRepublica Federal de Alemania: DEReunion: RERomania-Rumania: RORussia-Rusia: RURwanda-Ruanda: RW
24
Dirección web XIIISaint Lucia-Santa Lucia: LCSan Vicente y las Granadinas: VCSamoa: WSSan Marino: SMSao Tome and Principe-Santo Tome y Principe: STSaudi Arabia-Arabia Saudi: SASenegal: SNSeychelles: SCSierra Leone-Sierra Leona: SLSingapore-Singapur: SGSlovakia-Eslovaquia: SQSlovenia-Eslovenia: SISolomon Islands-Islas Salomon: SBSomalia: SO
South Africa-Sudafrica: ZASouth Georgia-Georgia del Sur: GSSpain-España: ESSri Lanka: LKSt. Helena-Santa Helena: SHSan Cristobal-Nevis-Anguila: KNSaint Pierre y Miquelon: PMSudan: SDSuriname-Surinam: SRSvalbard y Jan Mayen, Islas: SJSwaziland-Suazilandia: SZSweden-Suecia: SESwitzerland-Suiza: CHSyran Arab Republic-Siria: SYTaiwan: TW
Tajikistan-Tayikistan: TJTerritorio Oceanico de las Indias Britanicas: IOTerritorios Franceses del Sur: TFThailand-Tailandia: THTogo: TGTokelau: TKTonga: TOTrinidad and Tobago-Trinidad y Tobago: TTTunisia-Tunez: TNTurkey-Turquia: TRTurkmenistan-Turkmenistan: TMTurks y Caicos, Islas: TCTuvalu: TV
25
Dirección web XIVUganda: UGUkrainian SSR-Ucrania: UAUniversidades Norteamericanas: EDUUnited Arab Emirates-Emiratos Arabes Unidos: AEUnited Kingdom-Reino Unido: UKUnited Republic of Cameroon-Camerun: CMUnited Republic of Tanzania-Tanzania: TZUnited States-Estados
Unidos: USUnites States Virgin Islands-Islas Virgenes: VIUpper Volta-Alto Volta: HVUruguay: UYUS Government-Gobierno Norteamericano: GOVUS Military-Organismo Militar Norteamericano: MILUSSR-URSS: SUUzbekistan-Uzbequistan: UZVanuatu: VU
Vatican City State-Ciudad del Vaticano: VAVenezuela: VEVietnam: VNWake Island-Wake, Isla: WKWallis y Futuna, Islas: WFWestern Sahara-Sahara Occidental: EHYemen-Yemen del Norte: YEYugoslavia: YUZaire: ZRZambia: ZMZimbabwe: ZW
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
27
28
Bibliografía• https://www.coursera.org/learn/html-css-javascript/lecture/jUOxF/about-html• https://courses.edx.org/courses/course-v1:Microsoft+DEV211.1x+1T2016/courseware/db656cf094964a5eae2d4da
8c8c6dc62/5a713e2799644f589e91cfa02b7baf5e/• https://courses.edx.org/courses/course-v1:W3Cx+HTML5.2x+4T2015/courseware/1aae4dac6e8d45c7bfeb70e6848
4b744/197e1d8d948b4abebf31eb93bf2ef056/• http://www.w3schools.com• 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
