Descargado 11 veces
Subido porJhonny Jach
Manual html
El documento presenta una introducción al curso HTML. Explica brevemente el contexto actual y la necesidad de diferenciarse en el mercado mediante la tecnología. Luego, define conceptos básicos como HTTP, Internet y navegadores. Procede a mostrar los pasos para crear una página web simple utilizando etiquetas HTML como <html>, <head>, <title>, <body>, <center>, <b>, entre otras. Finalmente, invita a los estudiantes a formar grupos y construir una página web con la información recolectada.
Manual html
- 1.
- 2. 2 CURSO HTML Actualmente(en la sociedad) : - Las personas deben memorizar muchos datos - Se necesitan tomar decisiones acertadas en poco tiempo. - Alto grado de incertidumbre en la información que se posee.
- 3. 3 Continuación… - Las empresasdesean minimizar el costo total de producción. - Las empresas necesitan diferenciarse. - La tecnología ha bajado sus costos. - Se han masificado los PC. - Ha aumentado las conexiones a Internet.
- 4. 4 CURSO HTML Terminología Básica -HTTP: “hyper text transport protocol” Es un protocolo para transmitir hipertexto. - Internet: Conjunto de redes interconectadas. Tiene un alcance mayor a 105 km. - Browser: Programa necesario para navegar en Internet.
- 5. 5 CURSO HTML Terminología Básica -Links: Zonas lógicas dentro del código que permiten acceder a otra zona dentro de un sitio web.
- 6. 6 CURSO HTML Inicio: -Abrir Blockde notas (o algún editor de texto)
- 7. 7 CURSO HTML Código Básicode una página: <html> <head> <title></title> </head> <body> </body> </html>
- 8. 8 CURSO HTML Ingresando titulode la página (en el Browser: <html> <head> <title> Mi Primera Página </title> </head> <body> </body> </html>
- 9. 9 CURSO HTML Ingresando textoen la página: <html> <head> <title Mi Primera Página </title> </head> <body> Aquí escribo lo que deseo... Hola Estudiantes!!!!! </body> </html>
- 10. 10 CURSO HTML Centrando textoen la página: <html> <head> <title> Mi Primera Página </title> </head> <body> <center> Hola Estudiantes!!!!! </center> </body> </html>
- 11. 11 CURSO HTML Mostrar textoen negrita: <html> <head> <title> Mi Primera Página </title> </head> <body> <center> <b> Hola Estudiantes!!!!!</b> </center> </body> </html>
- 12. 12 CURSO HTML Cambiando colorde Background: <html> <head> <title> Mi Primera Página </title> </head> <body bgcolor="#CCCCCC"> <center> <b> Hola Estudiantes!!!!!</b> </center> </body> </html> Consulte la paleta de colores
- 13. LOS COLORES PRIMARIOSSON: #FF0000 rojo #00FF00 verde #0000FF azul Otros colores son: #FFFFFF blanco #000000 negro #FFFF00 amarillo
- 14. 14 CURSO HTML Cambiando tamañode texto y centrando de otra forma: <html> <head> <title> Mi Primera Página</title> </head> <body> <div align="right"> <font size="5"> <b> Hola Estudiantes!!!!!</b> </font></div> </body> </html> ALIGN: right, left, center, justify. SIZE: desde 1 hasta 7 (con modificaciones de + y -).
- 15. 15 CURSO HTML Salto deLínea: <html> <head> <title> Mi Primera Página </title> </head> <body bgcolor="#CCCCCC"> <div align="center"> <font size="7"> <b> El creer, la importancia de la fe.</b> </font></div> Si crees que estás derrotado, lo estás.<br> Si crees que no te atreves, no te atreverás.<br> Si quieres ganar, pero crees no poder,<br> lo más seguro es que no ganarás...<br> </html>
- 16. 16 CURSO HTML Guardar comopagina1.html:
- 17. 17 CURSO HTML • Ira carpeta donde guardamos el archivo y hacer doble click en él:
- 18. ETIQUETAS BÁSICAS ENHTML FORMATO DE TEXTOS <b> </b> negrita (también sirve la etiqueta <strong>… </strong>) <i> </i> cursiva (también sirve la etiqueta <em>…</em>) <u> </u> subrayado Encabezados <H1>Texto</H1> <H2>Texto</H2> <H3>Texto</H3> <H4>Texto</H4> <H5>Texto</H5> <H6>Texto</H6>
- 19. ETIQUETAS BÁSICAS ENHTML Movimiento Puede dar movimiento al texto, gráficos y otros. La instrucción a usar es la siguiente: <marquee></marquee> (instucción básica) <marquee scrolldelay=n></marquee> Establece el númeo de milisegundos entre cada “scroll” Scrolldelay=“200” Scrolldelay=“100” Scrolldelay=“5”
- 20. ETIQUETAS BÁSICAS ENHTML FORMATO DE PÁRRAFOS <p> salto de párrafo </p> <br> salto de línea <blockquote> </blockquote> sangrado. <center> centrar el texto. <p align=center> párrafo centrado. <p align=left> párrafo alineado a la izquierda. <p align=right> párrafo alineado a la derecha.
- 21. ETIQUETAS BÁSICAS ENHTML LÍNEAS HORIZONTALES SEPARADORAS <hr> línea horizontal. <hr width="x%"> anchura de la línea en porcentaje. <hr width=x> anchura de la línea en píxeles. <hr size=x> altura de la línea en píxeles. <hr align=center> línea alineada en el centro. <hr align=left> línea alineada a la izquierda. <hr align=right> línea alineada a la derecha. <hr noshade> línea sin efecto de sombra..
- 22. ETIQUETAS BÁSICAS ENHTML CREACIÓN DE LISTAS 1. Lista no numerada: <ul> <li>primer elemento de la lista</li> <li>segundo elemento de la lista</li> <li>tercer elemento de la lista</li> </ul> cierra lista 2. Lista numerada: <ol> <li>primer elemento de la lista</li> <li>segundo elemento de la lista</li> </ol> cierra lista. 3. Lista de glosario o definición: <dl> <dt>término que se va a definir</dt> <dd>definición del término</dd> </dl> cierra lista.
- 23. ACTIVIDADES Conforman gruposde 4 personas Identificar qué tipo de información debería contener su Web, para que ésta sea rica en información. Recolectar información Construir una página web