Diseño y Programación de Páginas Web
En este tema voy a publicar algunas herramientas que se necesita para iniciarse en el mundo del diseño web.Ya hace 2 años que estoy relacionado con el diseño web, y a lo largo de mis estudios fui recolectando una gran cantidad de elementos informativos, los cuales me sirvieron como guía en mis proyectos.
Nota: El tema va a contener (libros, vídeos tutoriales, software y mas), todo subido y revisado por mi.
Videos Tutoriales:
Diseño Web con Macromedia Dreamweaver 8 (Introducción)
Bueno este es el primer Video Tutorial, les recomiendo que lo descargan para las persona que recién empiezan. Esta muy bien explicado y les enseña a diseñar una página completa en HTML con el Dreamweaver 8.Detalles:
Modulo 1: Introducción al programa DreamWeaver
Definir un Sitio Web
Ventana de Archivos
Menús del programa
Utilizar las solapas de las ventanas
Personalizar las ventanas
Analizar el código HTML
Crear párrafos nuevos
Dar formato al texto
Formas de insertar una imagen
Crear vínculos entre páginas
Modificar las propiedades del documento
Visualizar HTML
Modulo 2: Crear la estructura del sitio
Diferentes formas de crear tablas
Configurar una nueva tabla
Unidades en las tablas
Modificar parámetros en propiedades
Juntar celdas
Formas de alinear en una celda
Controlar el alto de las tablas
Modificar código HTML para que se adapte verticalmente
Tablas dentro de tablas
Modo de diseño
Crear una tabla de diseño
Crear celdas de diseño
Cambiar el tamaño de la celda
Modulo 3: Crear plantillas y estilos CSS
Utilizar objetos reutilizables.
Igualar ancho de celdas
Ventana biblioteca
Agregar objetos de biblioteca a una página
Modificar objetos de biblioteca
Actualizar los documentos
Crear un encabezado común
Crear una página que tendrá zonas comunes
Definir región editable
Ventana CSS
Modificar estilos
Aplicar estilos a texto
Crear un estilo personalizado
Creación de hoja de estilo
Modulo 4: Poner contenido multimedia
Modos de insertar elementos de Flash
Crear botones de Flash
Poner vínculos en los botones
Crear un visor de imágenes
Agregar imágenes al visor
Poner transiciones a las fotos
Insertar vídeo a una página web
Cambiar el tamaño del vídeo
Insertar imágenes en una página web
Modificar texto alternativo
Control de accesibilidad
Crear áreas a una imagen
Crear campos de formulario
Modificar los parámetros de los campos
Validar los formulario, poner campos obligatorios
Modulo 5: Publicar nuestro sitio web en Interner
Vocabulario de Internet
Contratar servicios de Hostedar nuestras webs
Ver diferentes servicios que se ofrecen
Darse de alta en un servidor web
Configurar el Sitio de DreamWeaver
Insertar datos de servidor remoto
Poner el nombre del servidor
Poner el nombre de usuario y contraseña
Vista remota del servidor Upload de nuestro documentos
Titulo: Diseño Web con Macromedia Dreamweaver 8 (Introducción)
Tamaño: 184 MB
Formato: AVI
Idioma: Español
Servidor: Mediafire
Diseño Web con Macromedia Dreamweaver 8 (Avanzado)
Segundo Video Tutorial, en el aprenderás a diseñar una página dinámicas con PHP y MySql..Detalles:
Modulo 1: Introducción al proyecto
Presentación del curso
Vocabulario
Instalar IIS
Instalar PHP
Instalar MySQL
Crear tablas en MySQL
Insertar los datos
Configurar el sitio web local
Modulo 2: Área de productos
Listado de productos
Crear juegos de registros
Aplicar comportamientos de servidor
Crear barra de navegación de productos
Informar al usuario la situación (1 al 20 de 3000)
Página del detalle del producto
Relacionar los productos del listado con el detalle
Modulo 3: Buscadores
Crea buscador de palabras en nuestra web
Vincular formularios
Crear menús dinámicos
Utilizar SQL
Juegos de registro con filtro
Crear página de resultado de búsqueda
Modulo 4: Empresa
Crear un noticiero personalizado
Crear nuestro libro de visitas
Juegos de registros ordenados
Modulo 5: Control de usuarios
Controlar usuarios
Administrar usuarios
Formulario de nuevo usuario
Dar de alta usuarios por Internet
Modulo 6: Área de administración de datos por internet
Página de administración
Página de nuevo producto
Página de modificación de producto
Página de eliminación de productos
Ocultar/Mostrar información según usuario
Modulo 7: Poner todo en Internet
Darse de alta en un servidor web
Exportar la base de datos local a un servidor remoto
Actualizar la conexiones de los servidores local/remoto
Titulo: Diseño Web con Macromedia Dreamweaver 8 (Avanzado)
Tamaño: 178 MB
Formato: AVI
Idioma: Español
Servidor: Mediafire
Macromedia Dreamweaver 8 (Portable)
Info:Dreamweaver 8 es la opción profesional para la creación de sitios y aplicaciones web.
Proporciona una combinación potente de herramientas visuales de disposición, características de desarrollo de aplicaciones y soporte para la edición de código. Gracias a las robustas características para la integración y diseño basado en CSS, Dreamweaver permite que los diseñadores y desarrolladores web creen y manejen cualquier sitio web con toda
Si buscas un programa líder en la edición web, sin duda alguna, ese es Dreamweaver, un programa que lleva ya años siendo uno de los mejor valorados dentro del campo de la programación web tanto por profesionales como por aficionados.
Macromedia DreamWeaver te facilitará enormemente la tarea de realizar sitios webs complejos y bien estructurados. Ahora puedes diseñar tus páginas con un interfaz completamente gráfico mientras observas simultaneamente el código generado.
Esta versión incorpora numerosas herramientas para el tratamiento de tablas y otros componentes avanzados así como para la inserción de objetos no html como películas flash o javascript.
Si programas en php colorea el código y te permitirá testear las páginas con un servidor configurado.
Sistema operativo: Win98/98SE/Me/2000/XP/2003/Vista/7
Idioma: Español
Tamaño: 53 MB
Servidor: Mediafire
Sencillo y funcional editor de hojas de estilo CSS
Simple CSS es una sencilla herramienta con la que puedes trabajar cómodamente con hojas de estilo CSS, bien creándolas desde cero, bien editando o modificando las que ya tengas creadas.El programa es muy fácil de usar, gracias a una intuitiva interfaz que se controla totalmente con el ratón y que además ofrece la posibilidad de hacer una previsualización instantánea de los resultados.
Podrás gestionar múltiples proyectos CSS y también importar las hojas de estilo que ya tengas preparadas.
Licencia: Gratis
Sistema operativo: Win98/98SE/Me/2000/XP/2003/Vista/7
Idioma: Inglés
Autor: Hostm
Tamaño: 1,9 MB Libros:
Introducción a XHTML
Capítulos:Capítulo 1: Introducción
Capítulo 2: Características básicas
Capítulo 3: Texto
Capítulo 4: Enlaces
Capítulo 5: Listas
Capítulo 6: Imágenes y objetos
Capítulo 7: Tablas
Capítulo 8: Formularios
Capítulo 9: Estructura y layout
Capítulo 10: Metainformación
Capítulo 11: Otras etiquetas importantes
Capítulo 12: Accesibilidad
Capítulo 13: Validación
Capítulo 14: Fragmentos de código
Capítulo 15: Ejercicios resueltos
Título: Introducción a XHTML
Autor: Javier Eguíluz Pérez
Páginas: 190
Dirigido a: Programadores web y diseñadores web sin experiencia con XHTML
Requisitos: Ninguno
Tamaño: 1,78 MB
Formato: PDF
Servidor: Mediafire
Introducción a CSS
Capítulo 1: Introducción
Capítulo 2: Selectores
Capítulo 3: Unidades de medida y colores
Capítulo 4: Modelo de cajas
Capítulo 5: Posicionamiento y visualización
Capítulo 6: Texto
Capítulo 7: Enlaces
Capítulo 8: Imágenes
Capítulo 9: Listas
Capítulo 10: Tablas
Capítulo 11: Formularios
Capítulo 12: Layout
Capítulo 13: Otros
Capítulo 14: Recursos útiles
Capítulo 15: Ejercicios
Capítulo 16: Ejercicios resueltos
Título: Introducción a CSS
Autor: Javier Eguíluz Pérez
Páginas: 223
Dirigido a: Programadores web y diseñadores web sin experiencia con CSS
Requisitos: Conocimientos básicos de HTML
Tamaño: 3,17 MB
Formato: PDF
Servidor: Mediafire
CSS avanzado
Capítulo 1: Técnicas imprescindibles
Capítulo 2: Buenas prácticas
Capítulo 3: Selectores
Capítulo 4: Propiedades avanzadas
Capítulo 5: Frameworks
Capítulo 6: Técnicas avanzadas
Título: CSS avanzado
Autor: Javier Eguíluz Pérez
Páginas: 151
Dirigido a: Diseñadores web con experiencia en CSS
Requisitos: Conocimientos de HTML y CSS
Tamaño: 1,80 MB
Formato: PDF
Servidor: Mediafire
Introducción a JavaScript
Capítulo 1: Introducción
Capítulo 2: El primer script
Capítulo 3: Programación básica
Capítulo 4: Programación avanzada
Capítulo 5: DOM
Capítulo 6: Eventos
Capítulo 7: Formularios
Capítulo 8: Otras utilidades
Capítulo 9: Detección y corrección de errores
Capítulo 10: Recursos útiles
Capítulo 11: Ejercicios resueltos
Título: Introducción a JavaScript
Autor: Javier Eguíluz Pérez
Páginas: 140
Dirigido a: Diseñadores web
Requisitos: Conocimientos de XHTML
Tamaño: 1,01 MB
Formato: PDF
Servidor: Mediafire
Introducción a AJAX
Capítulo 1: Introducción a AJAX
Capítulo 2: JavaScript básico
Capítulo 3: JavaScript avanzado
Capítulo 4: DOM
Capítulo 5: BOM
Capítulo 6: Eventos
Capítulo 7: Primeros pasos con AJAX
Capítulo 8: Técnicas básicas con AJAX
Capítulo 9: Técnicas avanzadas con AJAX
Capítulo 10: Frameworks y librerías
Capítulo 11: Otras utilidades
Capítulo 12: Recursos útiles
Capítulo 13: Bibliografía
Capítulo 14: Ejercicios resueltos
Título: Introducción a AJAX
Autor: Javier Eguíluz Pérez
Páginas: 282
Dirigido a: Programadores web
Requisitos: Conocimientos básicos de JavaScript
Tamaño: 1,94 MB
Formato: PDF
Servidor: Mediafire
Diseño y Programación (html, php, asp, javascript, xml, sql)
Capítulo 1: Publicar en Internet
Capítulo 2: Introducción al diseño web
Capítulo 3: Manual de HTML
Capítulo 4: Ayudas técnicas
Capítulo 5: Introducción a la promoción de webs
Capítulo 6: La imagen en Internet
Capítulo 7: Páginas dinámicas
Capítulo 8: Ontroducción a los lenguajes del web
Capítulo 9: Programación en ASP
Capítulo 10: Programación en PHP
Capítulo 11: Programación en JavaScript
Capítulo 12: Programación en JavaScript II
Capítulo 13: Tutorial de Visual Basic Script
Capítulo 14: CSS, hojas de estilos
Capítulo 15: Introducción a XML
Capítulo 15: Tutoriales de SQL
Título: Diseño y Programación (html, php, asp, javascript, xml, sql)
Autor: Miguel Ángel Pedregosa Pareja
Páginas: 385
Dirigido a: Diseño y Programación web
Requisitos: Ninguno
Tamaño: 6,29 MB
Formato: PDF
Servidor: Mediafire
Php y Mysql
Pero antes de empezar a programar hay que crear un servidor web, ¿Cómo se hace? Es fácil lo único que tenemos que hacer es descargar un programa llamado WampServer, esta aplicación contiene todo lo necesario para montar un servidor web.
WampServer
WampServer es una plataforma de desarrollo Web bajo Windows. Le permite desarrollar aplicaciones Web dinámicas con la ayuda del (servidor) Apache, con la ayuda del lenguaje de PHP y de una base de datos MySQL. También posee PHPMyAdmin para administrar más fácilmente sus bases de datos.Incluye :
- Apache
- MySQL
- PHP
- Phpmyadmin
WampServer está disponible gratuitamente (bajo licencia GLP)
Presentación:
PHP se ha convertido en poco tiempo en el lenguaje más utilizado para el desarrollo de
aplicaciones del lado del servidor, debido principalmente a su naturaleza open source (código abierto), que ha propiciado la colaboración de un amplio número de usuarios alrededor del mundo. Un fenómeno similar se ha dado con MySQL, el popular gestor de base de datos que acompaña a PHP.
¿Qué es PHP?
El PHP (acronimo de PHP: Hypertext Preprocessor), es un lenguaje interpretado de alto nivel embebido en páginas HTML y ejecutado en el servidor. El PHP inicio como una modificación a Perl escrita por Rasmus Lerdorf a finales de 1994. Su primer uso fue el de mantener un control sobre quien visitaba su curriculum en su web.
Soporte para bases de datos:
Una de sus características más potentes es su suporte para gran cantidad de bases de datos. Entre su soporte pueden mencionarse InterBase, mSQL, MySQL, Oracle, Informix, PosgreSQL, entre otras. PHP también ofrece la integración con las varias bibliotecas externas, que permiten que el desarrollador haga casi cualquier cosa desde generar documentos en pdf hasta analizar código XML.
;D
