Anda di halaman 1dari 10

Docente: Ing. Fabio Ortiz (ortiz.fabio@gmail.

com)
Programa: Ingenieria de Sistemas
Semestre: 7 Semestre (Diurno)
Materia: Programación Ensamblador
OBJETIVOS
• Conocer el lenguaje de marcado HTML, para crear las páginas web
(versión HTML5 y referencias a versiones anteriores)
• Conocer las principales etiquetas HTML y sus atributos (formularios,
tablas…)
• Aprender de forma básica el lenguaje de programación PHP, para
interactuar con Bases de Datos.
• Conocer aspectos prácticos importantes: sitios de alojamiento,
reglas de usabilidad y accesibilidad en el diseño de páginas web.
QUE PROGRAMACIÓN WEB
Es un término amplio que define la creación de sitios web para Internet o una intranet. Para conseguirlo
se hace uso de tecnologías de software del lado del servidor y del cliente que involucran una
combinación de procesos de base de datos con el uso de un navegador web a fin de realizar
determinadas tareas o mostrar información.
El sistema de gestión de base de datos más popular en desarrollo web es MySQL, seguida
por Oracle, SQLServer y PostgreSQL, también puede usarse perfectamente Firebird o HSQL. Idealmente
un desarrollador web debería conocer, además de al menos un lenguaje de programación y el
manejo HTML.

¿QUÉ ES Y PARA QUÉ SIRVE HTML?


HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una
serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para
imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo
sencillo de código HTML podría ser:
QUE PROGRAMACIÓN WEB
ELEMENTOS DE HTML
apertura <xxx> cierre </xxx>
Etiquetas (tags)
<P> ……. </P>

Modifican la funcionalidad de las tags


Atributos
<body BGCOLOR...>

Definen el valor del atributo


Valores
<P ALIGN="center">...</P>
ELEMENTOS DE HTML
Contiene las etiquetas TITLE,
HEAD META; los scripts y las hojas de
estilo (CSS)

Contiene el contenido que ve el


usuario en una pagina web:
BODY
textos, imágenes, tablas, enlaces,
formularios.
MI PRIMERA PAGINA HTML
FORMATO DE TEXTO EN HTML
Párrafos
<P ALIGN="LEFT"> ….. Alineado a la izquierda
<P ALIGN="CENTER"> ….. Alineado al centro
<P ALIGN="RIGHT"> ….. Alineado a la derecha
<P ALIGN="JUSTIFY"> ….. Alineado en forma justificada

Salto de línea: <BR>

Cabeceras
<H1> mayor tamaño
<H2>
<H3>
<H4>
<H5>
<H6> menor tamaño
FORMATO DE TEXTO EN HTML
Estilo del texto
<B> ... </B> Pone el texto en negrita.
<I> ... </I> Representa el texto en cursiva.
<U> ... </U> Para subrayar texto.

Líneas horizontales
<HR>
________________________________________________

Atributos: WIDTH=x% (Anchura), ALIGN=x, x = Left, Right, Center.

Etiqueta FONT : Permite modificar el tamaño, color y tipo de letra a un texto

<font size="4" color="red" face="Arial, Verdana"> aqui va el texto </font>


ENLAZANDO PÁGINAS
Enlaces absolutos
<a href="http://www.ul.edu.co">CUL</a>

Enlaces relativos
<a href="intro.htm">Introducción</a>

Enlaces con imagenes


<a href="intro.htm"><img src="bandera.gif"></a>

Enlaces a archivos independientes


<a href="http://www.dominio.com/archivo.zip">archivo ZIP</a>

Enlaces a correo electrónico


<a href="mailto:manuel@mimail.net">Mi correo</a>

Anda mungkin juga menyukai