Post on 12-Apr-2017
DISEÑO WEB (HTML)PROGRAMACIÓN AVANZADA II
HTML
• Es el código basado en estiquetas (tags) que posibilita la creación y edición de documentos web.
• Utiliza el código ASCII puro que puede teclearse en cualquier editor básico para posteriormente ser interpretado por un navegador (browser) que visualiza el resultado en pantalla.
PARTES DE UN SITIO WEB: HEADER
• Identificación del Sitio: Especifica denominación de la organización/empresa dueña del sitio, si es un sitio institucional pueden incorporarse las sub divisiones de la misma.• Contiene la metainformación del sitio.• No debe estar sobrecargado de información: omitir incorporar
direcciones, teléfonos u otros medios de contacto.• Etiqueta de inicio: <head>• Etiqueta de Fin: </head>
• Dentro del head se pueden especificar etiquetas como:
• <TITLE>…</TITLE>: El contenido de esta etiqueta suele mostrarse como el título de los resultados de búsqueda (y, por supuesto, en el navegador del usuario).• <META />: Las metaetiquetas son un modo perfecto para
que los webmasters faciliten a los motores de búsqueda información sobre sus sitios. Ej.: Keywords, Description, Robots, etc.• <script>…</script>: Se utiliza para incluir código que va
a ser ejecutado por el sitio.
PARTES DE UN SITIO WEB: BODY
• Es el contenedor de los contenidos. Su función es contener los elementos que dan forma al documento.• Se declara después de la etiqueta de cierre </head>.• Etiqueta de inicio: <body>• Etiqueta de Fin: </body>
ELEMENTOS PARA FORMATEAR TEXTO
• <b>…</b>: Negrita.• <i>…</i>: Cursiva.• <u>…</u>: Subrayado.• <h1>…</h1>: Tamaño de letra. h1…h6.• <p>…</p>: Especifica un párrafo.• <div>…</div>: Division. Sirve para crear secciones o agrupar
contenidos.
ELEMENTOS DE FORMULARIOS• <form>…</form>: se utiliza para crear un formulario que le permita al usuario
ingresar datos.• action: especifica a que archivo se enviaran los datos del formulario• method: get – post.• <input />: es usado para crear controles interactivos para formularios basados
en la web. Algunos de los tipos admitidos son checkbox, hidden, file, image, password, radio, reset, submit y text.
• <select>…</select>: crea una lista desplegable de elementos especificados por las etiquetas OPTION
• <table>…</table>: Especifica una tabla compuesta por filas <tr>…</tr> y columnas <td>…</td>
PARTES DE UN SITIO WEB: FOOTER
• Se especifica siempre al final del sitio.• Identifica los medios de contacto, secciones de la página,
mapas del sitio, información de derechos, licencias y copyright.• Etiqueta de inicio: <footer>• Etiqueta de Fin: </footer>