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 más 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. Para quien está orientado el curso Este curso está orientado a quienes intentan desarrollar una carrera como Diseñador o Programador Web. También para Diseñadores que manejan Dreamweaver y desean tener una formación integral en la construcción de sitios Web en el cual amplían 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? - 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 - generación de diferentes tipos de bordes - Qué son los mapas de imágenes - Características -

7 , 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 - 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 - 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

8 Lavalle 648 Piso 8, Microcentro, CABA EducaciónIT. Copyright