Foro de Argim.net - [Aporte]_Diseño y Programación de Páginas Web

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

[Inicia sesión para ver este link]

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

[Inicia sesión para ver este link]

Software:

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

[Inicia sesión para ver este link]

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

[Inicia sesión para ver este link]

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

[Inicia sesión para ver este link]

Introducción a CSS

Capítulos:
   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

[Inicia sesión para ver este link]

CSS avanzado

Capítulos:
   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

[Inicia sesión para ver este link]

Introducción a JavaScript

Capítulos:
   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

[Inicia sesión para ver este link]

Introducción a AJAX

Capítulos:
   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

[Inicia sesión para ver este link]

Diseño y Programación (html, php, asp, javascript, xml, sql)

Capítulos:
   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

[Inicia sesión para ver este link]

Php y Mysql

Bueno vamos a empezar con la parte de programación utilizando el lenguaje PHP.
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)

[Inicia sesión para ver este link]

Introducción a Php

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.

Saludos