Curso de paginas web

Unidad 1. Mi primera página web

• 1.1. Introducción
• 1.2. Contenidos
• 1.3. Metodología
• 1.4. Alternativas
• 1.5. Servidores y direcciones URL
• 1.6. ¿Qué es una página web?
• 1.7. Un sitio web
• Compaginar dos sesiones
• Escribir texto
• El Bloc de Notas

Unidad 2. HTML básico

• 2.1. Etiquetas
• 2.2. Estructura básica de la página
• 2.3. Estructura del texto
• Texto y caracteres especiales
• 2.4. Imágenes
• Imágenes para Web
• Direcciones absolutas y relativas
• 2.5. Enlaces
• 2.6. Divisiones o capas
• Enlaces

Unidad 3. Aspecto de la página. Estilos básicos

• 3.1. Estilos
• Colores en la web
• Unidades de distancias y tamaños
• 3.2. Formato del texto
• 3.3. Bordes
• 3.4. Márgenes
• Lados de un elemento
• 3.5. Fondo
• 3.6. Cómo declarar un estilo
• 3.7. Dónde declarar un estilo
• 3.8. Orden de aplicación de los estilos CSS

Unidad 4. Editor Web

• 4.1. ¿Qué es un editor Web?
• 4.2. Elegir un editor
• KompoZer. Instalación
• 4.3. El entorno de KompoZer
• 4.4. Opciones de configuración
• 4.5. Crear y guardar una página
• 4.6. Escribir texto en KompoZer
• Doctype
• 4.7. Hojas de estilo en KompoZer

Unidad 5. Preparar nuestro sitio

• 5.1. ¿Qué es un sitio web?
• 5.2. La temática del sitio
• 5.3. Organizar los archivos
• KompoZer. Administrador de sitios
• 5.4. Navegación
• 5.5. Estructura del menú
• HTML. Listas
• 5.6. Estructura de la página
• 5.7. Páginas básicas

Unidad 6. Diseño y Usabilidad

• 6.1. Un buen diseño
• 6.2. Colores
• ColorPic. Instalación y uso
• 6.3. El texto
• 6.4. Fondo

Unidad 7. Maquetación web

• 7.1. Maquetar una página web
• 7.2. Tamaño
• 7.3. Desbordamiento
• 7.4. Posicionamiento
• 7.5. Posicionamiento relativo
• 7.6. Posicionamiento absoluto
• 7.7. Posicionamiento flotante
• 7.8. Posicionamiento fijo
• 7.9. Ancho de la página, líquido o elástico

Unidad 8. Menús

• 8.1. El HTML del menú
• 8.2. Estilo básico del menú
• 8.3. Posición de los elementos
• 8.4. Tamaño de los elementos
• 8.5. Distintos estilos del elemento
• CSS. Pseudoclases y pseudoelementos

Unidad 9. Imágenes

• 9.1. Introducción
• 9.2. Galería con miniaturas
• GIMP. Instalación
• 9.3. Organizar las miniaturas
• 9.4. Tabla de índice
• HTML. Tablas
• 9.5. Estilo redondeado
• Inkscape. Instalación
• Esquinas redondeadas con borde
• 9.6. Pestañas y botones
• 9.7. Inkscape. Crear la pestaña
• 9.8. Inkscape. Degradados
• 9.9. Menú desplegable
• 9.10. Mapa de imagen
• 9.11. Logo
• 9.12. Para saber más...

Unidad 10. JavaScript

• 10.1. Introducción
• 10.2. Cambiar el CSS
• JavaScript. Eventos
• 10.3. Ubicar el código
• 10.4. Funciones
• JavaScript. Variables
• JavaScript. Operadores
• JavaScript. Estructuras de control
• 10.5. Abrir una ventana
• JavaScript. Objetos del navegador
• 10.6. Crear una archivo js
• 10.7. El menú en JavaScript
• 10.8. noscript
• 10.9. Para saber más...

Unidad 11. Formularios y PHP

• 11.1. Introducción
• 11.2. Formularios
• Lenguajes script
• HTML. Controles de formulario
• 11.3. PHP. Código de ejemplo
• PHP. Variables
• PHP. Estructuras de control
• 11.4. Recoger los datos
• PHP. Funciones básicas
• JavaScript. Validar formularios
• 11.5. Bases de datos
• 11.6. Para saber más...
• Bases de datos

Unidad 12. Funciones extra

• 12.1. APIs
• 12.2. Google Maps
• 12.3. RSS
• 12.4. Aplicaciones gratuitas. Gestores de contenido, blogs y foros
• 12.5. Frameworks
• 12.6. AJAX
• 12.7. Para saber más...

Unidad 13. Publicar

• 13.1. Introducción
• 13.2. Servidores
• 13.3. Dominios de Internet
• 13.4. Subir archivos al servidor
• 13.5. Obtener visitantes
• 13.6. Publicidad
• 13.7. Para saber más...

• 1. Mi primera página
• 2. HTML básico
• 3. Aspecto de la página. Estilos básicos
• 4. Editor Web ( 1 | 2 | 3 | 4 )
• 5. Preparar nuestro sitio
• 6. Diseño y usabilidad
• 7. Maquetación web ( 1 | 2 )

• 8. Menús
• 9. Imágenes ( 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 )
• 10. JavaScript ( 1 | 2 | 3 )
• 11. Formularios y PHP
• 12. Funciones extras
• 13. Publicar

• 2. Crear una página básica
• 3. Aplicar estilos sencillos
• 4. Estilos básicos en KompoZer
• 5. KompoZer. Página base
• 7. Maquetar con posicionamiento absoluto
• 7. Simular páginas
• 7. Texto en 3D
• 7. Maquetar con posicionamiento flotante
• 7. Organizar elementos flotantes
• 8. Utilizar pseudoclases CSS

• 8. Crear menús básicos
• 8. El menú del ejemplo
• 9. GIMP. Recortar y redimensionar imágenes
• 9. Inkscape. Crear esquinas redondeadas
• 9. Redondear esquinas con CSS
• 9. Menú con imágenes
• 11. Crear un formulario
• 11. Recoger datos y enviar un correo
• 11. Formulario en PHP

Ejercicios propuestos

Pruebas evaluativas

• 2. HTML básico
• 3. Aspecto de la página. Estilos básicos
• 4. Editor Web
• 5. Preparar nuestro sitio
• 6. Diseño y Usabilidad
• 7. Maquetación web
• 8. Menús
• 9. Imágenes
• 10. JavaScript
• 11. Formularios y PHP
• 12. Funciones extra

• 1. Mi primera página web
• 2. HTML básico
• 3. Aspecto de la página. Estilos básicos
• 4. Editor Web
• 5. Preparar nuestro sitio
• 6. Diseño y Usabilidad
• 7. Maquetación web
• 8. Menús
• 9. Imágenes
• 10. JavaScript
• 11. Formularios y PHP
• 12. Funciones extra
• 13. Publicar