1 Introducción HTML
2 Que es Servidor Web Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de peticiones de ejecución que le hará un cliente o un usuario de Internet. El servidor web se encarga de contestar a estas peticiones de forma adecuada, entregando como resultado una página web o información de todo tipo de acuerdo a los comandos solicitados. En este punto es necesario aclarar lo siguiente: mientras que comúnmente se utiliza la palabra servidor para referirnos a una computadora con un software servidor instalado, en estricto rigor un servidor es el software que permite la realización de las funciones descritas.
3 Q UE ES A PACHE es el servidor encargado de interpretar el protocolo HTTP, es un servidor Web de código abierto y trabaja en múltiples plataformas como Linux, Windows y Mac.HTTP
4 Q UE ES PHP es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas, es decir, olvidemos de las eventuales páginas o sitios estáticos que realizábamos anteriormente en HTML ahora con PHP nos permite una conexión con bases de datos y volver dinámico nuestro sitio.
5 M YSQL Mysql es un gestor de base de datos sencillo de usar y increíblemente rápido. También es uno de los motores de base de datos mas usados en Internet, la principal razón de esto es que es gratis para aplicaciones no comerciales.
Que es una página Web? 6 Una página Web es un tipo de fichero de texto, con una extensión.htm o html (hypertext markup language – lenguaje de Hipertexto), HTML HTML
7
8 Que es el Código HTML? HTML es un lenguaje de etiquetas para crear documentos de hipertexto que sean portables de una plataforma a otra. Es un lenguaje para estructurar documentos a partir de texto en World Wide Web. Este lenguaje se basa en tags (Etiquetas) (instrucciones que le dicen al texto como deben mostrarse) y atributos (parámetros que dan valor al tag).
9 Que son las Etiquetas ? Una etiqueta es un texto que cumple con el siguiente formato: Apertura de una etiqueta siempre entre “ ” texto/gráfico/etiquetas A la cual se aplica la etiqueta Cierra de la etiqueta siempre entre “ ”
10 HTML Código Básico de una página:<html><head><title></title></head><body></body></html>
11 HTML Ingresando titulo de la página (en el Browser:<html><head> Mi Primera Página Mi Primera Página </head><body></body></html>
12 HTML Ingresando texto en la página:<html><head> Mi Primera Página Mi Primera Página </head><body> Aquí escribo lo que deseo... Hola Mundo!!!!! </body></html>
13 Centrando texto en la página:<html><head> Mi Primera Página Mi Primera Página </head><body> HOLA MUNDO!!!!! HOLA MUNDO!!!!! </body></html>
14 Mostrar texto en negrita:<html><head> Mi Primera Página Mi Primera Página </head><body> HOLA MUNDO!!!!! HOLA MUNDO!!!!! </body></html>
15 Cambiando color de Background:<html><head> Mi Primera Página Mi Primera Página </head> hola hola </body></html> # > NEGRO #ffffff-> BLANCO
16 Cambiando tamaño de texto y centrando de otra forma:<html><head> Mi Primera Página Mi Primera Página </head><body> hola hola </body></html> ALIGN: right, left, center, justify. SIZE: desde 1 hasta 7 (con modificaciones de + y -).
17 Ingresando Imágenes: hola hola </body>
18 Creando Links: hola hola Pagina 2 Pagina 2 </body>
19 Modificar colores Links: hola hola Pagina 2 Pagina 2 </body>
20 Salto de Línea: Estoy muy entretenido Estoy muy entretenido Es realmente bueno el curso Es realmente bueno el curso jajjajajajaj</body>
21 Revisando algunas etiquetas? Etiqueta La etiqueta dibuja de manera predeterminada una regla horizontal alineada automáticamente, con una apariencia de tercera dimensión. Esta etiqueta especial, por que no necesita de cierre, tiene los siguientes atributos: Align establece que la regla se alinee a la izquierda, centro o derecha LEFT,CENTER o RIGHT NOSHADE quita el sombreado predeterminado de la regla WIDTH permite especificar el ancho de la regla (en pixeles o porcentaje) SIZE permite especificar el alto de la regla (en pixeles)
22 Un ejemplo Curso de HTML Bienvenidos al curso de HTML Cuando la temperatura es menor a 15°c hace bastante frío. Este es un ejemplo de página WEB :)
23 Encabezados Las etiquetas al (acrónimos de “heading 1..6”) son encabezados del cuerpo del texto. El encabezamiento nos proporciona las letras de mayor tamaño. Notará que si usamos una etiqueta de encabezamiento, automáticamente se incluirá un retorno de carro al final del mismo. La etiqueta tiene el siguiente atributo: Align Permite ubicar el encabezamiento a la izquierda, centro o derecha de la pantalla (LEFT, CENTER,RIGHT)
24 Un ejemplo Curso de HTML Bienvenidos al curso de HTML Bienvenidos Cuando la temperatura es menor a 15°c hace bastante frío. Este es un ejemplo de página WEB :)
25 Ubicación, formato y atributos de texto Etiqueta Se utiliza para centrar el texto/imagen o datos que se encuentren entre la apertura y el cierre. Etiqueta Esta es la etiqueta que nos posibilita un texto con negrillas. Etiqueta Etiqueta que posibilita resaltar un texto con subrayado. Etiqueta Etiqueta que permite resaltar el texto con inclinación itálica.
26 Un ejemplo Curso de HTML Bienvenidos al curso de HTML Bienvenidos Este texto esta con negrillas Este texto esta con subrayado Este texto esta con inclinación itálica Este texto cuenta con un combinado de todo.
27 Etiqueta Esta etiqueta proporciona al autor un medio de personalizar el texto con respecto al tipo de fuente, tamaño y color. Atributos: Color determina el color que se aplica al texto Size determina el tamaño relativo del texto. Los tamaños válidos son del 1 al 7, siendo el predeterminado el 3 y el más grande el 1. Face asigna una fuente o tipo de letra.
28 Un ejemplo Curso de HTML Bienvenidos al curso de HTML Bienvenidos Cuando la temperatura es menor a 15°c hace bastante frío. Este texto cuenta con un combinado de todo. B o li via
29 Etiqueta Se trata de otra etiqueta especial, pues no necesita de etiqueta de cierre. Esta etiqueta instruye al navegador para que exhiba la imagen especificada. El formato básico para incluir un gráfico es:
30 Un ejemplo Curso de HTML Bienvenidos al curso de HTML Información General Este curso muestra los conceptos básicos del uso de etiquetas e instrucciones en la elaboración de documentos HTML.
31 Generación de Tablas: Cabereca 1 Cabereca 2 Dato 1 Dato 2 Dato 4 Dato 5
32 Generación de Tablas: PRINCIPAL PRINCIPAL FOTOS FOTOS </table></body>
33 Generación de links a mail: ENVIAR MAIL ENVIAR MAIL </table></body>
34 Generación de Tablas: Tazas de café consumidas Nombre Tazas Tipo de Café ¿Azúcar? Miguel 10 Espresso No Juan 5 Descafeinado Sí Carlos No disponible
35 Generación de Tablas:
36 Generación de Tablas: </TABLE
37 Generación de Listas: Lista no ordenada Perros Gatos Peces Hamsters
38 Generación de Listas: Lista ordenada Perros Gatos Peces Hamsters
39 Generación de Listas: Lista de Definicion Vehiculo Vehículo de 4 o más ruedas que sirve para desplazar cosas, personas o animales. HTML Lenguaje de Marcas de Hipertexto
40 Generación de Listas: Lista de Definicion Vehiculo Vehículo de 4 o más ruedas que sirve para desplazar cosas, personas o animales. HTML Lenguaje de Marcas de Hipertexto