HTML.&!!!!!!!!!profe.!aquiles!garcia.! Profe.!aquiles!garcia.!

Tamaño: px
Comenzar la demostración a partir de la página:

Download "HTML.&!!!!!!!!!profe.!aquiles!garcia.! Profe.!aquiles!garcia.!"

Transcripción

1 HTML. profe.aquilesgarcia. Profe.aquilesgarcia.

2 DiseñoWeb Sedivideendostemas: Backend(TodaesctructuraparaunsiBoweb) Frontend(ProgramaciondelsiBoweb) Profe.aquilesgarcia.

3 diseñoconelcódigohtml abrirblockdenotas(buscarenwin8.1) laebquetaprincipaleshtml todaslaebquetasvanencerradascon<>lossignos demayorqueymenorque ytambienhayquecerrartodaslasebquetascon </html> Profe.aquilesgarcia.

4 diseñoconelcódigohtml Nota: SoloconlapracBca,escomoaprenderánbien ausarelcodigodehtml Enelprogramadeasignaturamarcaquevamosa ver solamente principios de HTML, y ustedes incursionaransiquierensabermasdetodosmodos yo les dejo unos manuales mas avanzados, pero lo masavanzadoeselhtml5y6(elflashyaestaen vías de desaparición en los sibos web para otros temasno) Profe.aquilesgarcia.

5 diseñoconelcódigohtml Escribelosiguienteentublockdenotasyloguardasdos vecesunaconterminacion.txtparaeditarelarchivoy otrocomoterminación.html(parapodervisualizarlo quevasrealizando) <html> <head> <Btle>MiPrimeraPagina</Btle> </head> </html> Aquísolamtenesparaponerentutuloenlapartede Profe.aquilesgarcia. arrivadetusiboweblodemasquedaenblanco

6 diseñoconelcódigohtml enlaebquetadebtleesenlaquevamosaponerel Btulodenuestrapaginaenlapartedearriba Profe.aquilesgarcia.

7 diseñoconelcódigohtml <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <body> CursodeHTML estoycreandomiprimerapaginaaquiles </body> </html> Profe.aquilesgarcia.

8 Profe.aquilesgarcia.

9 Atributosbody Bgcolor: especificaelcolordelfondo Background: ingresauncolorounaimagendefondo Text: indicaelcolordeltexto Link: colordelenlacenovisitado Vlink: colordelenlacevisitado Códigodecolores Blanco=#FFFFFF Amarillo=#FFFF00 Rojo=#FF0000 Azul=#0000FF Verde=#00FF00 Negro=# Cyan=#00FFFF Gris=#C0C0C0 Azulcielo=#3299CC Grisoscuro=#2F4F4F Verdeoscuro=#2F4F2F Turquesa=#7093DB Purpura=#871f78 Naranja=#7F7F00 Magenta=#FF00FF Marron=#A62A2A Profe.aquilesgarcia.

10 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> CursodeHTML estoycreandomiprimerapaginaaquiles </body> </html> Profe.aquilesgarcia.

11 Profe.aquilesgarcia.

12 EBquetahr <HR>esunelementovacioporloquenoBene ebquetainicialseempleaparasepararbloques detextorepresentandounalineahorizontal. Sepuedecambiarlaaparienciadedicha lieneamediantelossiguientesatributos: NOSHADE: eliminaelefectode sombradelalinea WIDTH: permitedefinirlalongitud delalinea SIZE: permitedefinirelgrosorde lalinea EJEMPLO: <hrnoshadewidth=400size=4> Profe.aquilesgarcia.

13 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2f text="#56dd21"> CursodeHTML<br> <hr> estoycreandomiprimerapaginaaquiles </body> </html> Profe.aquilesgarcia.

14 Profe.aquilesgarcia.

15 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> CursodeHTML<br> <hrnoshadewidth=400size=4> estoycreandomiprimerapaginaaquiles </body> </html> Profe.aquilesgarcia.

16 Profe.aquilesgarcia.

17 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> CursodeHTML<br> <hrnoshadequitarwidth=80%400size=4> estoycreandomiprimerapaginaaquiles </body> </html> Profe.aquilesgarcia.

18 Profe.aquilesgarcia.

19 LetrasdeEncabezado. SeusanparaponerBtulooencabezado. LaeBquetaes: <HX>encabezado<HX> <h1> </h1> 1estextogrande 6elmaspequeño Profe.aquilesgarcia.

20 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <h1>cursodehtml</h1><br> <hrwidth=80%size=4> estoycreandomiprimerapaginaaquiles </body> </html>video2minuto4.50min Profe.aquilesgarcia.

21 Profe.aquilesgarcia.

22 EIqueta Paraunparrafo <p> Profe.aquilesgarcia.

23 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <h1>cursodehtml</h1><br> <hrwidth=80%size=4> estoycreandomiprimerapaginaaquiles <p> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>

24 Profe.aquilesgarcia.

25 EIqueta Paraaliniarelparrafoala izquierdaoderechao centrar <palign=right> LeO center Profe.aquilesgarcia.

26 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <h1>cursodehtml</h1><br> <hrwidth=80%size=4> estoycreandomiprimerapaginaaquiles <palign=right> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>video2minuto4.50min

27 Profe.aquilesgarcia.

28 EIqueta Paracentrar <center> Profe.aquilesgarcia.

29 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <hrwidth=80%size=4> estoycreandomiprimerapaginaaquiles <palign=right> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>

30 Profe.aquilesgarcia.

31 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> estoycreandomiprimerapaginaaquiles <palign=center> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>

32 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> estoycreandomiprimerapaginaaquiles <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>

33 EIquetas ParaesIlosdecaracteresdeltexto Negrita <b> Italica <i> </i> Subrayado <u> Tachado <strike> ASuperindice <sup> Bsubindice <sub> Parpadeo <blink> Maquinadeescribir <T> TextoGrande <big> TextoPequeño <small> Profe.aquilesgarcia.

34 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> <b>estoycreandomiprimerapaginaaquiles</b> <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>

35 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> <b><i>estoycreandomiprimerapaginaaquiles</i></b> <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>

36 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> <b><i><u>estoycreandomiprimerapaginaaquiles</u></i></b> <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomás de15añoslaborandopormipropiacuentaytambiéndandoclasesenlauniversidad AutónomadelEstadodeMéxico,miprofesiónesArquitectoconMasterenDiseño MulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> </body> Profe.aquilesgarcia. </html>

37 EIquetas TextoPreformateado <pre> </pre> Ordenatextocomoloponemos Profe.aquilesgarcia.

38 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> <b><i><u>estoycreandomiprimerapaginaaquiles</u></i></b> <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomásde 15añoslaborandopormipropiacuentaytambiéndandoclasesenlaUniversidadAutónomadel EstadodeMéxico,miprofesiónesArquitectoconMasterenDiseñoMulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> ArantxaGarcia Carolina Niñas </body> </html> Profe.aquilesgarcia.

39 Profe.aquilesgarcia.

40 <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> <b><i><u>estoycreandomiprimerapaginaaquiles</u></i></b> <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomásde 15añoslaborandopormipropiacuentaytambiéndandoclasesenlaUniversidadAutónomadel EstadodeMéxico,miprofesiónesArquitectoconMasterenDiseñoMulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> <pre> ArantxaGarcia Carolina Niñas </pre> </body> Profe.aquilesgarcia. </html>

41 Profe.aquilesgarcia.

42 EIquetas Podemosdejarcomentarios ennuestrocodigosinqueafecte Yalahoraqueabramoselnavegador nosalgaelcomentario Profe.aquilesgarcia.

43 <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> <b><i><u>estoycreandomiprimerapaginaaquiles</u></i></b> <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomásde 15añoslaborandopormipropiacuentaytambiéndandoclasesenlaUniversidadAutónomadel EstadodeMéxico,miprofesiónesArquitectoconMasterenDiseñoMulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesen hablarmeparacualquierdudaomándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuy compebbvo. contactarmeporelfacebookytehagoundescuento. </P> <[[esteespacioesparadejarcomentarios[[> <pre> ArantxaGarcia Carolina Niñas </pre> Profe.aquilesgarcia. </body>

44 EIqueta <blockpuote> </blockpuote> Paraponercitaoresaltar Profe.aquilesgarcia.

45 <html> <head> <Btle>MiPrimeraPagina</Btle> </head> <bodybgcolor="#2f4f2f"2f4f2ftext="#56dd21"> <center><h1>cursodehtml</h1><br></center> <center><h1>seguroaprenderas</h1><br></center> <hrwidth=80%size=4> <b><i><u>estoycreandomiprimerapaginaaquiles</u></i></b> <palign=jusify> BienvenidosamisiBowebdondepodrásencontrartodoslosserviciosqueofrezco,tengomásde15añoslaborandopormi propiacuentaytambiéndandoclasesenlauniversidadautónomadelestadodeméxico,miprofesiónesarquitectocon MasterenDiseñoMulBmedia. </P> <palign=right> Teinvitoaquedesunpaseoparadetallarmásacercadecadatemaquetrabajo,nodudesenhablarmeparacualquierdudao mándamecorreo. Nota:mitrabajoespersonalizado,casientodosloscasostrabajosoloyelprecioesmuycompeBBvo. contactarmeporelfacebookytehagoundescuento. </P> <[[esteespacioesparadejarcomentarios[[> <blockquote> Parapoderalcazareléxitohayquesertenaz </blockquote> <pre> ArantxaGarcia Carolina Niñas </pre> </body> </html> Profe.aquilesgarcia.

46 Profe.aquilesgarcia.

47 ParapoderfinalizarlapracIcatendrasque invesigarcomohacerbotonescontextolos cualesnosvinculenamaspaginas. Asiquetambiencomocolocarimágenesaeste siioweb yenestapracicatendrásqueentregarunsiio webconcincoenlaces(botonescontexto)que tellevenacincopaginasquesolamentetendran textoyimágenes QuesiIowebelquehiciestetodalaestructrura AnyqueIonaskmethaks Profe.aquilesgarcia.

48 EntrenalsiguientesiIocomouna recomendaciónparaaprendermasde HTML htp:// IrdelladoizquierdoaLernHTML Ydellistadovanaltemaquequieran Yluegodelladoderechovaa TryitYourself» Profe.aquilesgarcia.

Actividad 3: Codificación básica de un texto en HTML

Actividad 3: Codificación básica de un texto en HTML Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html

Más detalles

Manual básico de HTML

Manual básico de HTML Manual básico de HTML 1 Índice 1Estructura básica...3 Atributos de la etiqueta BODY...3 2Formación de parráfos:...4 Cabeceras / Headings...4 Párrafos / Paragraph...4 Múltiples espacios...4 Salto línea...5

Más detalles

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin

Más detalles

En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo:

En primer lugar necesitamos indicar el tipo de documento que estamos creando. Esto en HTML5 es extremadamente sencillo: 1 Estructura global Los documentos HTML se encuentran estrictamente organizados. Cada parte del documento está diferenciada, declarada y determinada por etiquetas específicas. En esta parte del capítulo

Más detalles

COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS HTML - PRÁCTICAS DOC RAUL MONROY PAMPLONA

COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS HTML - PRÁCTICAS DOC RAUL MONROY PAMPLONA Introducción al curso de HTML COLEGIO PABLO DE TARSO IED Desarrolla comprensión al conocer, interpretar, socializar y argumentar diferentes temáticas relacionadas con la tecnología informática de punto

Más detalles

HTML 2 / Atributos/etiquetas(Tags)

HTML 2 / Atributos/etiquetas(Tags) HTML 2 / Atributos/etiquetas(Tags) ATRIBUTOS bgcolor=#ff0000 Asigna un color en hexadecimal o en RGB a el fondo de todo el body ( la página) FGCOLOR="#00FF00" Asigna un color en hexadecimal

Más detalles

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html. Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje

Más detalles

Profesor: Vicente Destruels Moreno. Teoría: Tipos de letra (Color de texto)

Profesor: Vicente Destruels Moreno. Teoría: Tipos de letra (Color de texto) Teoría: Tipos de letra (Color de texto) Tipos de letra En este apartado se indica cómo definir cabeceras mediante el elemento , y cómo modificar el tamaño y color de algún grupo de caracteres mediante

Más detalles

QUE ES HTML? Las siglas HTML se refieren a:

QUE ES HTML? Las siglas HTML se refieren a: QUE ES HTML? Las siglas HTML se refieren a: HyperText Markup Language Es uno de los lenguajes más utilizados en el Web Wide Web. Las páginas de Internet están escritas en este lenguaje. Le brinda al autor

Más detalles

ETIQUETAS HTML 5 Diseño de Sitios Web TUW

ETIQUETAS HTML 5 Diseño de Sitios Web TUW Etiqueta Descripción Define un comentario nueva nueva nueva nueva

Más detalles

HTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003

HTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...

Más detalles

Profesor: Víctor Cárdenas Schweiger

Profesor: Víctor Cárdenas Schweiger Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de

Más detalles

Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador.

Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador. HTML Etiquetas Básicas y de Estructura de páginas Web, Manejo de Texto y diseño de Páginas. Objetivo: Hacer prácticos los conocimientos adquiridos en la clase teórica. Investigar más etiquetas para el

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2014 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Introducción a las hojas de estilo Lugar de ejecución: Laboratorio

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2014 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Fundamentos del Lenguaje HTML Lugar de ejecución: Laboratorio

Más detalles

Taller de Paginas Web

Taller de Paginas Web Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion

Más detalles

Lenguaje HTML y páginas web. Alex Sánchez

Lenguaje HTML y páginas web. Alex Sánchez Lenguaje HTML y páginas web Alex Sánchez Introducción: La web y las páginas web Componentes de la web Como funciona la web? Como es la comunicación en la web El acceso a la Web suele basarse en un un explorador

Más detalles

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes

Bases del HTML CÓMO SE HACE LA WEB ENTENDIENDO LA ESTRUCTURA DE HTML. Sesión 3 10/09/14. Orígenes. Orígenes 10/09/14 CÓMO SE HACE LA WEB LO QUE VES Bases del HTML CÓMO ES CREADA Sitios pequeños utilizan solamente HTML y CSS. Sesión 3 Sitios más grandes usan CMS, herramientas de blog o comercio de e-commerce.

Más detalles

ESTRUCTURA DEL CÓDIGO HTML5

ESTRUCTURA DEL CÓDIGO HTML5 ESTRUCTURA DEL CÓDIGO HTML5 1. DocType Es la etiqueta que se escribe en la primera línea del código. Permite declarar el tipo de documento. Es decir, el doctype indica que el documento está escrito siguiendo

Más detalles

Universidad Politécnica de El Salvador Computación Básica. HTML Guía 1. Requerimientos y material. Qué es HTML? Etiquetas

Universidad Politécnica de El Salvador Computación Básica. HTML Guía 1. Requerimientos y material. Qué es HTML? Etiquetas Universidad Politécnica de El Salvador Computación Básica HTML Guía 1 Requerimientos y material Internet es un medio que no precisa de mucho conocimiento, el prerrequisito inmediato para poder usar esta

Más detalles

Introducción antes de comenzar

Introducción antes de comenzar Introducción antes de comenzar RECUERDA que este pequeño curso tiene la intención de acercarte sólo un poco a cómo se programa con lenguaje HTML. Estas páginas han sido diseñadas siguiendo estos comandos,

Más detalles

Cómo crear páginas. para el WEB? Objetivos: Crear nuestra primera página Publicarla en la red. Prof. José Neville Díaz

Cómo crear páginas. para el WEB? Objetivos: Crear nuestra primera página Publicarla en la red. Prof. José Neville Díaz Cómo crear páginas para el WEB? Objetivos: Crear nuestra primera página Publicarla en la red Programados necesarios: i. Microsoft Internet Explorer, Netscape Communication ii. Notepad, CuteHtml iii. Secure

Más detalles

Listado de elementos o etiquetas HTML5

Listado de elementos o etiquetas HTML5 Listado de elementos o etiquetas HTML5 Etiqueta Función Define un comentario Define el tipo de docuemento Define

Más detalles

PINs codificados. Tecnología de la Información. HTML. Escribir en el Bloc de Notas lo siguiente:

PINs codificados. Tecnología de la Información. HTML. Escribir en el Bloc de Notas lo siguiente: Escribir en el Bloc de Notas lo siguiente: Guardar este archivo como plantilla.htm. Este archivo tiene las etiquetas básicas de todo documento

Más detalles

Preparando las imágenes para la maquetación con GIMP

Preparando las imágenes para la maquetación con GIMP Preparando las imágenes para la maquetación con GIMP Cuando maquetamos una página web la idea principal es hacerla lo más parecida al diseño original, y que además todas las imágenes y demás archivos utilizados

Más detalles

ERICK OSWALDO IXMATUL NÁJERA 200914921 CUESTIONARIO

ERICK OSWALDO IXMATUL NÁJERA 200914921 CUESTIONARIO CUESTIONARIO 1) Cuál es el protocolo de comunicación en un puerto serial? El protocolo de comunicación en un puerto serial es: RS-232 2) Cuál es el conector que se utiliza en un puerto serial? El conector

Más detalles

FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa

FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa Introducción a la programación de páginas web en el entorno de las Ciencias de la Empresa Profesor: Ramón Cantó Alcaraz Despacho:

Más detalles

HTML/CSS( Mi(primera(página(

HTML/CSS( Mi(primera(página( HTML/CSS Miprimerapágina QuéesHTML Esunlenguajedemarcasparaformateary estructurarundocumento,quepuedeleerseen cualquiernavegador. EstandarizadoenlanormaISOdeSGML StandardGeneralizedMarkupLenguage).

Más detalles

Los documentos HTML son ficheros de texto plano (también conocidos como ASCII) que pueden ser editados con cualquier editor de texto (como Vim o el

Los documentos HTML son ficheros de texto plano (también conocidos como ASCII) que pueden ser editados con cualquier editor de texto (como Vim o el El lenguaje HTML HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos,

Más detalles

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar

Más detalles

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es: TEMA P1. CURSO BÁSICO DE PROGRAMACIÓN EN LENGUAJE HTML HTML es un acrónimo de HiperText Markup Language que, traducido al español, quiere decir algo así como lenguaje de definición por marcas para hipertexto,

Más detalles

HTML El idioma de Internet (Parte 1)

HTML El idioma de Internet (Parte 1) HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos

Más detalles

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí. Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la

Más detalles

HTML. El Lenguaje de Programación de Páginas Web. Iván Martínez Toro

HTML. El Lenguaje de Programación de Páginas Web. Iván Martínez Toro HTML El Lenguaje de Programación de Páginas Web Iván Martínez Toro ÍNDICE DECONTENIDOS Introducción al HTML. Estructura general de una página: etiquetas HTML, HEAD y BODY. Dar título a la página con la

Más detalles

EDICIÓN WEB CÓDIGO HTML

EDICIÓN WEB CÓDIGO HTML EDICIÓN WEB CÓDIGO HTML 1. Estructura básica de un documento HTML 1.1. Tipos de etiquetas. Etiqueta cerrada Mi página Web Etiqueta abierta Etiqueta con parámetros

Más detalles

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

Más detalles

GUÍA DE TRABAJO PÁGINAS WEB

GUÍA DE TRABAJO PÁGINAS WEB Liceo Politécnico Hannover Depto. de Computación Profesora: Ana Pardo Huerta Nivel Segundo Medio GUÍA DE TRABAJO PÁGINAS WEB Objetivos Conocer Fundamentos teóricos de Lenguaje Html. Diseñar una página

Más detalles

MANUAL PRACTICO DE HTML

MANUAL PRACTICO DE HTML MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. MI PC... Aquí iría el contenido que ve el usuario final

Más detalles

Nociones basicas de HTML

Nociones basicas de HTML Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador

Más detalles

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2015 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 1 Nombre de la practica: Introducción al lenguaje HTML Lugar de ejecución: Laboratorio

Más detalles

Apuntes básicos de HTML I.E.S. Pintor José María Fernández

Apuntes básicos de HTML I.E.S. Pintor José María Fernández Manual Básico de HTML Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas

Más detalles

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL

GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL Maneja herramientas informáticas vigentes que le permiten administrar y difundir información diversa en un contexto social, académico y laboral

Más detalles

Resumen Rápido de CSS

Resumen Rápido de CSS Resumen Rápido de CSS Selectores. Resumimos la manera de seleccionar los elementos a ''lookear''. * Todos los elementos div #div #div * Todos los elementos dentro de

Más detalles

Proyecto: Buscador de Películas usando XQuery y exist

Proyecto: Buscador de Películas usando XQuery y exist Buscador de Películas usando XQuery y exist Arquitecturas de Altas Prestaciones Rafael Martos Llavero I. Objetivo del Proyecto. El objetivo del proyecto es la creación de una base de datos basada en XML

Más detalles

Práctica de HTML (Curso )

Práctica de HTML (Curso ) Práctica de HTML (Curso 2007-2008) Introducción HTML (Hypertext Markup Language) es un lenguaje estándar utilizado en Internet para representar la información intercambiada por sus usuarios en forma de

Más detalles

Introducción: páginas web y navegadores

Introducción: páginas web y navegadores IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede

Más detalles

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)

Más detalles

UNIDAD DIDÁCTICA. Integración de documentos profesionales en la Web. Objetivos. www.adams.es

UNIDAD DIDÁCTICA. Integración de documentos profesionales en la Web. Objetivos. www.adams.es UNIDAD DIDÁCTICA 3 Integración de documentos profesionales en la Web Objetivos Mantener actualizadas páginas Web de acuerdo con el diseño y con los contenidos planificados, organizándolos a través del

Más detalles

Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD. Lenguaje HTML. Clase 7 Clase 8

Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD. Lenguaje HTML. Clase 7 Clase 8 Elaboración de actividades: Webquest y Caza del Tesoro UNIDAD Lenguaje HTML Clase 7 Clase 8 Exposición 4.6. Fuentes Tamaño de las fuentes: Texto En el nuevo estándar HTML 3.2 se admite

Más detalles

[HTML (HYPERTEX T MARKUP LANGUAJE)]

[HTML (HYPERTEX T MARKUP LANGUAJE)] HTML se basa en principalmente en etiquetas, que son como instrucciones para dar formato a las diferentes partes de una página web. Para toda persona interesada en crear páginas web es importante conocer

Más detalles

Cursito 27: Curso de HTML Parte 3

Cursito 27: Curso de HTML Parte 3 Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito

Más detalles

Creación y Estructura de Páginas WEB

Creación y Estructura de Páginas WEB Creación y Estructura de Páginas WEB Carlos Eduardo Aníbarro Zelaya Versión 1.3 2001 Creación y Estructura de Páginas WEB Indice ACERCA EL AUTOR... 1 REQUERIMIENTOS Y MATERIAL... 1 LICENCIA... 2 HISTORIA...

Más detalles

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

4º Unidad Didáctica. Lenguaje HTML. Eduard Lara

4º Unidad Didáctica. Lenguaje HTML. Eduard Lara 4º Unidad Didáctica Lenguaje HTML Eduard Lara 1 ÍNDICE 4.1 Lenguaje HTML 4.2 Etiquetas HTML 4.3 Estructura del documento HTML 4.4 Texto en HTML en HTML 4.5 Hiperenlaces en HTML 4.6 Imágenes en HTML 4.7

Más detalles

(X)HTML. Tablas. Las tablas son grupos de celdas que contienen información.

(X)HTML. Tablas. Las tablas son grupos de celdas que contienen información. Las tablas son grupos de celdas que contienen información. Toda celda de una tabla puede albergar cualquier elemento disponible en una página web (siempre que pueda incluirse en el elemento body). Para

Más detalles

7. Desarrollo de aplicaciones multimedia.

7. Desarrollo de aplicaciones multimedia. 7. Desarrollo de aplicaciones multimedia. Dpt. Informática Univ. Valencia Índice 7.1 El sistema WWW y el lenguaje HTML...3 7.2 El lenguaje HTML...4 7.2.1. HTML 4.0 y otros estándares HTML...5 7.2.2. Identificación

Más detalles

PROGRAMA DE DISEÑO WEB

PROGRAMA DE DISEÑO WEB Objetivo PROGRAMA DE DISEÑO WEB El objetivo de esta capacitación es que el alumno adquiera los conocimientos necesarios para poder Diseñar y Maquetar una Página Web optimizando al máximo la escritura de

Más detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)

Más detalles

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) 1. Hojas de estilo: una base para el marcado semántico Lluís Codina UPF. Abril 2007 Una hoja de estilo es un conjunto

Más detalles

GUIA 3. Tema: Hipervínculos. Qué es un hipervínculo?

GUIA 3. Tema: Hipervínculos. Qué es un hipervínculo? GUIA 3 Tema: Hipervínculos. Objetivo General Crear una página de inicio para que los alumnos puedan aplicar los diferentes tipos de enlaces de hipertexto que existen en la web. Objetivos Específicos Crear

Más detalles

El fondo con CSS. La propiedad de los fondos o backgrounds. Aplicar color al fondo

El fondo con CSS. La propiedad de los fondos o backgrounds. Aplicar color al fondo El fondo con CSS Las propiedades de fondo (en inglés background) en CSS, nos permiten controlar el color de fondo de un elemento. Colocar una imagen de fondo, la ubicación de la misma en la pantalla (centrada,

Más detalles

CIRCUITO CERRADO DE TELEVISIÓN Y SEGURIDAD ELECTRÓNICA

CIRCUITO CERRADO DE TELEVISIÓN Y SEGURIDAD ELECTRÓNICA TÍTULOS 1. Instalación de alarma de seguridad basada en el módulo EZ WEB LYNX. 2. Instalación de alarma de proximidad disparada por cámara basada en el módulo EZ WEB LYNX. NIVEL EDUCATIVO del ciclo formativo

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

CUADERNILLO DE PRÁCTICAS

CUADERNILLO DE PRÁCTICAS UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO CUADERNILLO DE PRÁCTICAS Aplicaciones Educativas WEB CUADERNILLO DE PRÁCTICAS Introducción Las posibilidades que brindan las tecnologías de la información

Más detalles

PHP y MySQL. Aplicaciones Web: HTML I (segunda parte) Autor: Johnny Zulca Mamani

PHP y MySQL. Aplicaciones Web: HTML I (segunda parte) Autor: Johnny Zulca Mamani PHP y MySQL. Aplicaciones Web: HTML I (segunda parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora estudiaremos las páginas Web HTML, la estructura

Más detalles

TEMA 4: INFORMACIÓN EN LA RED: PÁGINAS WEB

TEMA 4: INFORMACIÓN EN LA RED: PÁGINAS WEB TEMA 4: INFORMACIÓN EN LA RED: PÁGINAS WEB 4.1.- CONCEPTOS BÁSICOS DE INTERNET 4.2.- CONTENIDOS DE UNA WEB 4.3.- SERVICIO FTP 4.4.- INSTRUCCIONES BÁSICAS EN HTML 4.5.- INSTRUCCIONES BÁSICAS PARA TABLAS

Más detalles

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

Interface de Búsqueda iah

Interface de Búsqueda iah Interface de Búsqueda iah Eduardo Pleitez Valle *.mst FlujoGrama *.mst *.iso *.html wxis C G I H T T P S E R V E R I N T E R F A C E Internet Documentos *.pdf Quées iah? La interface de consultas iah es

Más detalles

La red previa a Internet se conocía como

La red previa a Internet se conocía como La red previa a Internet se conocía como arpanet protonet intranet La dirección IP de un ordenador es Un protocolo de comunicación entre ordenadores La dirección única que recibe cada ordenador conectado

Más detalles

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos Desarrollo de aplicaciones web Manuel Torres Gil mtorres@ual.es Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis

Más detalles

POPCORN.JS: GOOGLE MAPS

POPCORN.JS: GOOGLE MAPS POPCORN.JS: GOOGLE MAPS Juanma Rueda Gallo Producción y dirección Multimedia 4º CAV - UVIC Índice Introducción...3 Google Maps...4 Ejemplo del código...5 Ejemplos...7 Introducción Para entrar en materia

Más detalles

CÓMO USAR EL EDITOR ATTO

CÓMO USAR EL EDITOR ATTO CÓMO USAR EL EDITOR ATTO Con las actualizaciones de la plataforma a versiones 2.7, se incluye el nuevo editor de texto ATTO. Herramientas del editor ATTO 1. Mostrar más botones: Al dar clic a este botón

Más detalles

Creación de una página web accesible sencilla

Creación de una página web accesible sencilla Unidad 2: Las hojas de estilo en cascada Creación de una página web accesible sencilla Objetivos: -Agregar formato a la página creada, a través de una hoja de estilo. Contenidos: -Incorporación de una

Más detalles

DISEÑO DE PAGINAS CON HTML

DISEÑO DE PAGINAS CON HTML DISEÑO DE PAGINAS CON HTML CONCEPTOS HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada. Compuesto

Más detalles

Manual FOXTIR Editor HTML MOBILE MARKETING

Manual FOXTIR Editor HTML MOBILE MARKETING Manual FOXTIR Editor HTML MOBILE MARKETING Editor de HTML: en las siguientes páginas te explicaré una por una las diferentes funciones del Editor de HTML. Una vez ampliada la pantalla al espacio que te

Más detalles

Instituto Politécnico Nacional

Instituto Politécnico Nacional Instituto Politécnico Nacional Escuela Superior de Ingeniería Mecánica y Eléctrica Ingeniería en Comunicaciones y Electrónica Desarrollo de Aplicaciones Web para los Sistemas de Selección de Tópicos y

Más detalles

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar

Más detalles

PROGRAMA DE PROGRAMACIÓN WEB

PROGRAMA DE PROGRAMACIÓN WEB PROGRAMA DE PROGRAMACIÓN WEB Objetivo El objetivo de esta capacitación es que el alumno pueda programar un Sitio/Portal Web con las funciones más importantes de tal: conectar a una base de datos, registraciones

Más detalles

INTRODUCCIÓN A HTML. Son las iniciales de Hiper Text Markup Language, lo que traducido al castellano sería lenguaje de etiquetas de hipertexto.

INTRODUCCIÓN A HTML. Son las iniciales de Hiper Text Markup Language, lo que traducido al castellano sería lenguaje de etiquetas de hipertexto. 1.LA PRIMERA PÁGINA WEB. Qué es HTML?. INTRODUCCIÓN A HTML. Son las iniciales de Hiper Text Markup Language, lo que traducido al castellano sería lenguaje de etiquetas de hipertexto. Es un lenguaje usado

Más detalles

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1

Lectura No. 7. Contextualización. Nombre: Programa integrador de medios DISEÑO DIGITAL 1 Diseño Digital DISEÑO DIGITAL 1 Lectura No. 7 Nombre: Programa integrador de medios Contextualización En estos días la importancia de tener un sitio web se ha vuelto fundamental para que las empresas y

Más detalles

SUB 15C 2016 FI GRUPO A 2016 ACADEMIA UNION ESTRELLA ROJA

SUB 15C 2016 FI GRUPO A 2016 ACADEMIA UNION ESTRELLA ROJA SUB 15C 2016 FI GRUPO A 2016 Fecha: 1 Fecha: 2 Fecha: 3 Fecha: 4 Fecha: 5 Fecha: 6 Fecha: 7 Fecha: 8 Fecha: 9 Fecha: 10 Fecha: 11 Fecha: 12 Fecha: 13 SUB 15C 2016 FI GRUPO B 2016 Fecha: 1 Fecha: 2 Fecha:

Más detalles

XHTML. Sergio Luján Mora. sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/

XHTML. Sergio Luján Mora. sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/ XHTML Sergio Luján Mora sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/ 1 XHTML... 3 Introducción... 3 Ventajas... 4 Estructura de un documento XHTML correcto... 5 Diferencias con HTML 4... 6 Los documentos

Más detalles

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido. Estructura de una página Web Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente

Más detalles

MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D)

MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D) APRENDERAPROGRAMAR.COM MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

Unidad II: Lenguaje de marcado

Unidad II: Lenguaje de marcado Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información

Más detalles

Diseño Web. Introducción a HTML

Diseño Web. Introducción a HTML Diseño Web Introducción a HTML Cuántas páginas Web has visto? Muchas están llenas de colores, imágenes y contenido vistoso. Otras son simples documentos con texto y algunos links. Actualmente existen decenas

Más detalles

Manual Sistema de Afiliados Lomas Travel

Manual Sistema de Afiliados Lomas Travel Manual Sistema de Afiliados Lomas Travel Contenido Registro de Afiliados... 3 Administración de su cuenta... 7 Ingresar... 7 Uso del Administrador... 8 Configuración de Plantilla... 9 1.-Opción de subir

Más detalles

Feliz cumpleaños. Introducción HTML & CSS

Feliz cumpleaños. Introducción HTML & CSS HTML & CSS 1 Feliz cumpleaños All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.

Más detalles

Fundamentos de HTML. Contenidos. Programación en Internet Curso Introducción HTML Etiquetas Guía de estilo

Fundamentos de HTML. Contenidos. Programación en Internet Curso Introducción HTML Etiquetas Guía de estilo Departamento de Lenguajes y Sistemas Informáticos Fundamentos de HTML Programación en Internet Curso 2006-2007 Introducción HTML Etiquetas Guía de estilo Contenidos DLSI - Universidad de Alicante 1 Introducción

Más detalles

Qué es HTML? Páginas WEB. Etiquetas

Qué es HTML? Páginas WEB. Etiquetas Guía de Html 2015 QUÉ ES HTML PÁGINAS WEB ETIQUETAS ESTRUCTURA BÁSICA DE UNA PÁGINA WEB CÓMO SE UTILIZAN LOS COLORES EN HTML? TEXTO EN HTML ENCABEZADOS UBICACIÓN, FORMATO Y ATRIBUTOS DE TEXTO TABLAS NUMERACIÓN

Más detalles

CONTENIDO TEMÁTICO. Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA...

CONTENIDO TEMÁTICO. Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA... CONTENIDO TEMÁTICO Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA... 6 2. ESTRUCTURA DE UNA PÁGINA... 9 IDENTIFICADOR DEL TIPO DE DOCUMENTO

Más detalles

Barcelona Activa Cibernàrium

Barcelona Activa Cibernàrium Crea tu website 1. Introducción En el lenguaje coloquial se utiliza muy a menudo la expresión me he conectado a una página web. Pero en realidad eso es inexacto. No nos conectamos a una página web sino

Más detalles

MATRIZ DE VALORACIÓN O RÚBRICA. Actividad de evaluación:

MATRIZ DE VALORACIÓN O RÚBRICA. Actividad de evaluación: MATRIZ DE VALORACIÓN O RÚBRICA Siglema: DEWE-02 Nombre del Módulo: Nombre del Alumno: Docente evaluador: Grupo: Fecha: Resultado de Aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje

Más detalles

Que es H.T.M.L.? HTML debe ponerse entre las etiquetas: Título en la ventana del navegador que identifique su contenido...

Que es H.T.M.L.? HTML debe ponerse entre las etiquetas: Título en la ventana del navegador que identifique su contenido... Contenido Que es H.T.M.L.?... 3 HTML debe ponerse entre las etiquetas:... 3 Título en la ventana del navegador que identifique su contenido.... 3 Incluir botón atrás... 2 Formato de texto... 2 El documento

Más detalles

Este manual se ha desarrollado con el fin de brindar los conceptos fundamentales del lenguaje HTML para la construcción de páginas Web.

Este manual se ha desarrollado con el fin de brindar los conceptos fundamentales del lenguaje HTML para la construcción de páginas Web. MANUAL BÁSICO DE HTML Introducción Este manual se ha desarrollado con el fin de brindar los conceptos fundamentales del lenguaje HTML para la construcción de páginas Web. Actualmente existen muchos programas

Más detalles

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 3 Box

Más detalles

COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO

COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML

Más detalles

INTRODUCCIÓN AL LENGUAJE HTML... 2 Características del lenguaje HTML... 2 Sintaxis del HTML... 2 Partes de un documento HTML... 2 FORMATO EN HTML...

INTRODUCCIÓN AL LENGUAJE HTML... 2 Características del lenguaje HTML... 2 Sintaxis del HTML... 2 Partes de un documento HTML... 2 FORMATO EN HTML... INTRODUCCIÓN AL LENGUAJE HTML... 2 Características del lenguaje HTML... 2 Sintaxis del HTML... 2 Partes de un documento HTML... 2 FORMATO EN HTML... 2 Formato de párrafo... 2 Encabezados... 3 Formateando

Más detalles