HTML5: Fundamentos de una página Web

Transcripción

1 HTML5: Fundamentos de una página Web Programa de Estudio

2 HTML5: Fundamentos de una página Web Domina el lenguaje mas importante para Internet. Aprende a codificar cualquier página basándote en los estándares fijados por el Organismo Internacional World Wide Web Consorsium (W3C). Explora este importante lenguaje de marcas escribiendo documentos HTML, XML y XHTML. Contenido del curso El curso fija los lineamientos básicos para la construcción de tu sitio web, real, sólido y accesible. En este curso comenzarás trabajando con elementos básicos de HTML para luego conocer el mundo de CSS, sus ventajas, aplicaciones básicas, y la unión de ambos para un crear la página que siempre quisiste. ::PRÁ CTICAS EN CLASE :: A lo largo de este curso se comenzará a trabajar con los elementos básicos de HTML, como elementos de texto, imágenes y vínculos. Luego se implementará CSS de manera sencillas y progresivamente se irán aprendiendo algunas propiedades básicas de texto y fuente, así como también colores de fondo o aplicar bordes y márgenes. Se terminará creando una integración entre ambos lenguajes para finalmente en la última clase poder subir tu sitio a Internet. Público Este curso está orientado a quienes busquen desarrollar una carrera como Diseñador o Programador Web. También a Diseñadores que manejen Dreamweaver y deseen tener una formación integral en la construcción de sitios Web y así ampliar la posibilidad de cambios y mejoras a un sitio desde el código mismo de la página. También es importante para las personas que quieren trabajar en el ámbito del marketing online y el posicionamiento web.

3 Salida Laboral Al finalizar este curso de convertirás en un creador de Páginas Web. Podrás empezar a incursionar en otros lenguajes Web para pronto convertirte en un Maquetador Junior. Requisitos El único requerimiento para realizar este curso es contar con manejo básico de PC y sistema operativo Windows o Linux. Modalidad de cursado Puedes tomar este curso en modalidad presencial o modalidad a distancia

4 En este curso aprenderás a Trabajar con elementos de HTML como textos, enunciados, párrafos, imágenes y vinculos Implementar CSS en nuestro HTML Conocer propiedades básicas de texto, fondo, margenes y bordes en CSS Trabajar con CSS y vínculos Subir tu propio proyecto web a Internet

5 Plan de Estudios

6 1. CONOCIENDO EL MUNDO DE HTML HTML y la Web El lenguaje HTML Versiones de HTML, qué es HTML5? Historia del HTML Que es la W3C? Quien fija los standards? Iniciando en el lenguaje Cómo trabajar con HTML? Qué es un lenguaje de marcado Qué es un elemento? Sintaxis Implementación Qué es un proyecto Web? Para qué sirve un navegador? Tipos de Navegadores Trabajando en Nuestro Primer Proyecto Creación de nuestro primer Archivo Editores de texto Formato de archivo html Nomenclatura de archivos y directorios Elementos básicos de nuestro Documento Etiqueta html Etiqueta head Etiqueta Title Etiqueta body Comentarios Elementos de texto párrafos enunciados otros elementos de contenido Listas tipos de listas, ordenadas, desordenadas Atributos y Valores Que es un Atributo, sintaxis, implementación Qué son los meta?

7 Para qué sirven Ubicación dentro de un documento meta de codificación 2. Navegando por los vínculos, insertando imágenes Vínculos Qué son los vínculos Como implementarlo dentro de nuestro HTML Qué la ruta de un vínculo Rutas Relativas Rutas Absolutas Principales atributos de los vinculos atributo HREF atributo TITLE atributo target Diferentes tipos de vínculos vinculo de correo electrónico vinculo ancla Un poco de CSS a través de un atributo en nuestro HTML Qué es CSS Conceptos generales Estilos en línea Atributo style Implementación Propiedades básicas de texto y fondo Cambios de tipografía y estilos de texto Cambios de fondo, color de letra Implementación El mundo de las imágenes Implementación del elemento img Atributo src, rutas relativas y absolutas alt Propiedades de css sobre las imágenes modificación del tamaño aplicación de margenes y paddings

8 generación de diferentes tipos de bordes Qué son los mapas de imágenes Características, shapes Transformar una imágen en vínculo 3. Formularios y validación con HTML5 Concepto de formulario Elementos de Formulario label uso e implementacion atributo for Campos Campo de texto Campo de Cuadro de contraseña Checkbox Radiobutton Campos de fecha Campos de URL Campo de rango Diferentes tipos de menues y listas Fieldset o grupo de campos Diferentes tipos de botones Atributos de validación campo requerido validación de patrones mínimos y máximos step placeholder autocomplete novalidate method GET, POST implementaciones y usos

9 action implementaciones y usos aplicando CSS sobre los formularios ancho y alto de campos colores de texto margenes centrar formulario en nuestro documento 4. Tablas, iframe y publicando mi proyecto en la Web Tablas Qué son las tablas Introducción al manejo de tablas Elementos, filas, celdas Combinación de filas, columnas y celdas atributo colspan atributo rowspan Elementos generales de las tablas thead tbody tfoot caption IFrames Qué son los iframes Atributos src name scrolling Usos actuales de los iframe ejemplo de uso google maps, youtube Servidor y Publicación Qué es un Servidor Para qué sirve? Empresa de Hosting FTP concepto

10 aplicación programas ftp, descarga y ejemplos de utilización Subiendo nuestro proyecto al servidor Configuración, usuario y contraseña Como verlo de nuestro navegador Nuestro proyecto online

11 Lavalle 648 Piso 8, Microcentro, CABA EducaciónBIZ. Copyright