Página Web Barcelona:
VideoTutorial Páginas Web: Este videotutorial te llevará a un nivel avanzado en el manejo y diseño de páginas Web. Tu eres el que lleva el control del videotutorial Photoshop CS3. Puedes parar, empezar por la lección que más te convenga, aclarar conceptos, etc. A la terminación del curso podrás crear, editar o diseñar páginas web.
Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML para un mayor entendimiento de las funciones avanzadas de ciertas aplicaciones aunque no son necesarios conocimientos previos en la creación de páginas web.
Objetivos: A la terminación del curso los delegados serán capaces de diseñar y crear páginas web. Además podrán familiarizarse con el código fuente de páginas HTML así como los elementos de diseños utilizados en websites publicada en Internet. Finalmente los delegados construirán una pequeña website usando imágenes, tablas, javascripts, formularios, animaciones flash, CSS y podrán optimizar sus páginas para diferentes resoluciones de pantalla y navegadores junto con la inscripción de dichas páginas en buscadores como Google y Yahoo
Quién debe asistir: El curso va dirigido a personas que deseen adquirir los conocimientos necesarios para la creación de páginas web. El curso permite la construcción de páginas web para personas sin previa experiencia en código HTML y también es un complemento para profesionales que trabajan en campos como el diseño gráfico, edición o programación. El curso es basado en experiencia práctica. El curso se impartirá en Barcelona
Subvenciona tu curso de Páginas Web en Barcelona: Sólo para empresas
Temario del curso:
Curso Páginas Web Barcelona formato pdf
El curso es una combinación de aplicaciones como Photoshop, Dreamweaver y Flash. Junto con conocimientos avanzados de HTML, XHTML, CSS, Javascripts y técnicas SEO. Por favor consultar la página web de las aplicaciones mencionadas para optener detalles sobre el temario
HTML:
Capitulo 1: Terminologia y conocimientos básicos
- ¿Qué es HTML?
- Creación de un documento HTML
- Elementos de la etiqueta “head” de un documento HTML
- Elementos de la etiqueta “body” de un documento HTML
- Diseño básico de fuentes
- Diseño básico de párrafos
- Insertar y manipular algunos elementos basico de diseño
- Cimientos de una pagina HTML
- Visualisar la pagina HTML en un navegador
- Ejercicio práctico
Capitulo 2: Desarrollo en el diseño de fuentes
- Introducción a los atributos de una etiqueta
- Elección del tipo de fuente; fuentes disponibles en un documento HTML
- Tamaño disponible de fuentes
- Ejercicio práctico
Capitulo 3: Desarrollo en el diseño de párrafos
- Diferencias entre las etiquetas “BR” y “P”
- Diferencias entre “H” y “P”
- Alineación de párrafos; Izquierda, centro y derecha
- Espacios horizontales y verticales
- Ejercicio práctico
Capitulo 4: Listas
- Creación de listas ordenadas
- Creación de listas no ordenadas
- Creación de listas de definición
- Creación de listas anidadas
- Combinación de listas ordenadas, no ordenadas y de definición en listas anidadas
- Ejercicio práctico
Capitulo 5: Enlaces
- ¿Qué es un enlace?
- Enlaces absolutos y relativos
- Enlaces dentro de la misma ventana o en una nueva ventana
- Enlaces a otros documentos HTML
- Enlaces dentro del mismo documento HTML; Enlaces saltos
- Ejercicio práctico
Capitulo 6: Imágenes
- Diferencias entre imágenes “gif” y “jpeg”
- Insertar imágenes en un documento HTML
- Manipulación de imágenes; alineación, bordes, altura, anchura, etc.
- Texto alternativo de imagen
- Usando imágenes como enlaces
- Importancia de la etiqueta “alt”
- Combinación de texto e imágenes en un mismo documento
- Ejercicio práctico
Capitulo 7: Tablas
- Creación de una tabla sencilla
- Añadir un borde
- Añadir atributos; color de fondo, alto, ancho, color de bordes etc
- Añadir filas y columnas
- Añadir celdas que se extiendan varias filas
- Añadir celdas que se extiendan varias columnas
- Añadir texto a las celdas
- Añadir imágenes a las celdas
- Combinar imágenes y texto en una misma celda
- Valores absolutos y relativos de una tabla
- Alineación de tablas, filas, columnas y contenido
- Controlar el espacio entre celdas
- Controlar el espacio dentro de una celda con su contenido
- Ejercicio práctico
Dreamweaver:
Capitulo 1: Introducción a Dreamweaver
- Elementos básicos de Dreamweaver
- Vista código, vista diseño
- Configuración de un nuevo sitio local
- Configuración de un nuevo sitio remoto
- Establecer las preferencias; Navegador y editores
- Ejercicio práctico
Capitulo 2: Añadir contenido de texto
- Insertar y modificar texto en una página HTML
- Establecer las propiedades de la página
- El inspector de propiedades; formato básico de texto
- Creando listas de texto
- Corrección ortográfica
- Ejercicio práctico
Capitulo 3: Añadir contenido gráfico
- Formatos de imágenes disponibles en cualquier navegador
- Diferencias entre imágenes “gif” y “jpeg”
- Insertar imágenes en un documento HTML
- Resolución y tamaño de imágenes en un documento HTML
- Manipulación de imágenes; alineación, borde, altura, anchura, etc.
- Texto alternativo de imagen
- Importancia de la etiqueta “alt”
- Combinación de texto e imágenes en un mismo documento
- Alineación de texto e imágenes
- Creación de imágenes como fondo de página
- Mapas de imágenes
- Ejercicio práctico
Capitulo 4: Enlaces en Dreamweaver
- ¿Qué es un enlace?
- Enlaces absolutos y relativos
- Enlaces dentro de la misma ventana o en una nueva ventana
- Enlaces a otros documentos HTML
- Enlaces a otros documentos diferentes a HTML: email, pdf, flash, quicktime movies etc.
- Enlaces de salto; Anchor points
- Enlaces de salto entre diferentes documentos HTML
- Diferencias entre; enlaces ordinarios, enlaces visitados, enlaces activos y enlaces hover
- Manipulación de los colores de los diferentes enlaces
- Ejercicio práctico