Creacion y diseno Web profesional / Professional Web Design: Techniques and Templates

by Eccher, Clint

• ISBN13: 9788441518704
• ISBN10: 844151870X
• Edition: CD
• Format: Paperback
• Copyright: 2005-06-30
• Publisher: Grupo Anaya Comercial

Table of Contents

Agradecimientos	6	(11)
Prefacio	17	(2)
Vision general del desarrollo Web en la actualidad	19	(18)
Definicion de diseno Web	21	(3)
Las siete reglas del diseno Web	24	(2)
Las tres filosofias del diseno Web	26	(10)
Filosofia de la usabilidad	27	(4)
Filosofia multimedia	31	(2)
Filosofia de ensamblaje	33	(3)
Resumen	36	(1)
Disenar para el pasado, el presente y el futuro	37	(24)
Problemas con el navegador	39	(2)
Uso de estadisticas de uso	41	(4)
Bifurcacion de paginas	45	(1)
El estado actual de Netscape 4	45	(1)
¿Que es el ancho de banda?	46	(3)
Acerca de aspectos mejorables de disenos anteriores	49	(11)
Marcos	50	(1)
Botones de imagen	50	(2)
Imagenes de fondo	52	(3)
Color no controlado	55	(2)
Imagenes sin comprimir	57	(1)
Imagenes en miniatura	58	(2)
Resumen	60	(1)
¿Que se necesita para construir sitios ensamblados?	61	(26)
Comprender el concepto de las imagenes ensambladas	64	(3)
Comprender el concepto de la anidacion de tablas	67	(3)
Requerimientos de hardware	70	(2)
Requerimientos de software	72	(1)
Entender HTML	73	(6)
Uso de un numero limitado de etiquetas	75	(4)
Anidar etiquetas	79	(1)
Etiquetas de nivel bloque y nivel linea	79	(1)
Mirando hacia el futuro de HTML (XHTML)	79	(3)
Diferencias entre HTML y XHTML	80	(2)
Los graficos	82	(1)
Las CSS	82	(1)
Etiquetas y atributos desaparecidos	82	(3)
Archivos ``include''	85	(1)
Resumen	86	(1)
Graficos	87	(26)
Acerca de imagenes vectoriales y de mapa de bits	89	(3)
Portable Network Graphics	91	(1)
Acerca de los formatos JPEG y GIF	92	(11)
Uso de archivos GIF	92	(5)
Como funciona la compresion GIF	97	(1)
Uso de JPEG	98	(5)
Uso incorrecto de los formatos de imagen	103	(7)
Software de compresion/graficos	110	(2)
Resumen	112	(1)
Consideraciones antes de comenzar	113	(32)
Uso de los requerimientos	115	(6)
Recoleccion de requerimientos	116	(3)
Obtencion de requerimientos de interfaz grafica	119	(1)
Creacion de un esquema	120	(1)
Imagen de marca de un sitio	121	(1)
¿Que es la imagen de marca?	122	(1)
Vision general de la marca. Los conceptos clave de una marca	122	(1)
Como construir la marca	122	(4)
Logotipo	123	(1)
Colores	123	(1)
Pautas tipograficas	124	(1)
Identificar a la audiencia	125	(1)
La consistencia no debe exagerarse	125	(1)
Originalidad	125	(1)
Mantener la marca	125	(1)
Requerimientos de ancho de banda	126	(1)
Acerca de la resolucion	127	(7)
Disenar sitios fijos contra sitios relativos	131	(2)
Creacion de versiones de un sitio para satisfacer las diferentes resoluciones	133	(1)
Decidir la profundidad de color	134	(2)
Disenar para la escalabilidad	136	(7)
Uso de tablas anidadas	136	(3)
Uso de archivos ``include''	139	(1)
Creacion de un diseno flexible	140	(3)
Resumen	143	(2)
Como mejorar la usabilidad	145	(18)
Simplificar la arquitectura	147	(4)
Uso de una convencion de nomenclatura consistente	148	(1)
Limitacion del numero de clics	148	(1)
Evitar enlazar al usuario fuera de la seccion	149	(1)
Creacion de arquitectura de cascadas frente a arquitectura plana	150	(1)
Creacion de presentaciones	151	(2)
Desplazamiento frente a no desplazamiento	151	(1)
Posicionamiento de los contenidos	152	(1)
Desarrollo de la navegacion	153	(4)
Crear consistencia	153	(2)
Uso de texto para elementos de menu	155	(1)
Decidir entre utilizar una estructura horizontal o vertical	155	(1)
Permitir suficiente anchura	155	(1)
Diferentes tipos de menus	156	(1)
Diseno para la accesibilidad	157	(3)
Prioridad 1	157	(3)
Diseno para los contenidos	160	(1)
Resumen	161	(2)
Uso de hojas de estilo en cascada	163	(40)
Historia de las CSS	165	(2)
Tipos de hojas de estilo	167	(2)
Externas	167	(1)
Anidadas	167	(1)
En linea	168	(1)
Hojas de estilo utilizadas en este libro	168	(1)
Reglas de las CSS	169	(3)
Agrupacion de selectores	170	(1)
Pseudoclases	170	(1)
Selectores descendientes	170	(2)
Herencia y especificidad	172	(1)
CSS utilizadas en este libro	172	(2)
Posicionamiento de las CSS	174	(9)
El modelo de cuadro	175	(3)
Uso de margenes para centrar	178	(1)
Float y Clear	178	(3)
Posicionamiento absoluto	181	(2)
Creacion de una plantilla CSS	183	(19)
Plantilla de CSS: Toma 1	184	(2)
Plantilla de CSS: Toma 2	186	(9)
Tratando con Netscape 4.x	195	(5)
¿Por que hay elementos desordenados?	200	(2)
Resumen	202	(1)
Reunion de requerimientos y creacion de una cuenta	203	(20)
Crear y basar un sitio en los requerimientos	206	(4)
Creacion de bocetos para el cliente	210	(10)
Creacion de un directorio de origen	211	(2)
Recoleccion y documentacion de imagenes de archivo	213	(1)
Seleccion de colores	214	(1)
Decidir la presentacion	215	(3)
Desarrollo de capas	218	(1)
Uso de mascaras	219	(1)
Recepcion de una decision del boceto elegido y realizacion de pruebas	220	(1)
Resumen	221	(2)
Division del boceto, comprobacion y carga	223	(24)
Division de un boceto en HTML, graficos y CSS	225	(13)
Ubicacion de guias	226	(2)
Anadir sectores	228	(3)
Grabacion y compresion de imagenes	231	(2)
Creacion de la tabla principal	233	(2)
Uso de CSS para dar formato a los contenidos	235	(3)
Comprobacion de la pagina en IE y Netscape	238	(2)
Algunos problemas	238	(2)
Grabacion de componentes como archivos ``include''	240	(1)
Construction de paginas de segundo y tercer nivel desde la plantilla de la pagina de inicio	241	(1)
Trabajar con el cliente mientras se construye el sitio	242	(1)
Comprobacion del funcionamiento de todo el sitio	242	(1)
Como cargar el sitio	243	(3)
Cargar en un servidor interno utilizando software de gestion de archivos	243	(1)
Cargar en un servidor externo utilizando software FTP	243	(3)
Resumen	246	(1)
Consejos y trucos	247	(16)
Creacion de archivos de imagenes de archivo que pueden personalizarse y reguardarse facilmente	249	(1)
Division de secciones de archivos de imagenes de archivo	250	(1)
Creacion de una navegacion inteligente	251	(1)
Reutilizacion de imagenes	252	(3)
Posicionamiento con un archivo gif espaciador	255	(2)
Habilitacion de tablas para solucionar problemas con los sitios	257	(1)
Estructura y comentario del codigo	258	(1)
Eliminacion de espacios y comentarios	259	(1)
Como superponer un GIF transparente sobre un JPEG de fondo	260	(2)
Resumen	262	(1)
Mas trucos y consejos	263	(18)
Control de fondos con blankbg	265	(2)
Uso de una imagen como color de fondo	267	(1)
Convenciones de nomenclatura	268	(1)
Como limitar las gradaciones	269	(1)
Cierre de tablas para Netscape	270	(1)
Como forzar el color de fondo	270	(1)
Uso de imagenes en blanco y negro	271	(1)
Construccion de disenos flexibles	271	(2)
Como entender los campos de formulario	273	(1)
Ubicacion de estilos en elementos de formulario	274	(1)
Diseno de titulos de segundo nivel	274	(1)
Decidir entre utilizar un archivo GIF o un archivo JPEG	275	(2)
Reduccion segura de la resolucion de las imagenes	277	(1)
Inclusion de atributos <img>	278	(1)
Uso de direcciones para hipervinculos de correo electronico	278	(1)
Uso de sitios con contador para determinar el uso del sitio y las estadisticas	279	(1)
Beneficios de los archivos ``include''	279	(1)
Cambio de los esquemas de color e imagenes para dar una nueva imagen de marca	279	(1)
Resumen	280	(1)
Caso practico: sitio con poco contenido	281	(22)
Creacion del diseno para un bajo indice de contenidos	283	(1)
Ventajas y desventajas del diseno elegido	284	(1)
Anadido de guias y sectores	285	(3)
Grabacion y compresion de imagenes	288	(2)
Creacion de la tabla principal	290	(2)
Creacion y enlace a la hoja de estilos	292	(1)
Creacion de la tabla de menu	292	(3)
Anadido de una imagen a la columna central	295	(1)
Creacion de la tabla de contenidos (area derecha)	296	(4)
Creacion de la informacion de pie	300	(1)
Creacion de la plantilla de segundo nivel	300	(2)
Resumen	302	(1)
Caso practico: sitio con contenido medio	303	(22)
Anadido de guias y sectores	306	(2)
Creacion de la tabla principal	308	(1)
Creacion de la hoja de estilo	309	(1)
Creacion de la tabla de encabezado	310	(2)
Creacion de la tabla de menu	312	(4)
Creacion de la tabla de contenidos	316	(5)
Creacion de la fila inferior	321	(1)
Creacion de la informacion de pie	322	(1)
Creacion de la plantilla de segundo nivel	322	(2)
Resumen	324	(1)
Caso practico: sitio con contenido alto	325	(20)
Anadido de guias y sectores	328	(2)
Creacion de la tabla principal	330	(1)
Creacion de la hoja de estilo	330	(1)
Creacion de la tabla de encabezado superior	331	(2)
Creacion de la tabla de encabezado inferior	333	(2)
Creacion de la tabla de menu	335	(2)
Creacion de la tabla de contenidos	337	(3)
Creacion de la informacion de pie	340	(1)
Creacion de las plantillas para el resto del sitio	341	(2)
Resumen	343	(2)
Uso de las secuencias de comandos por parte del cliente	345	(28)
JavaScript	347	(1)
Document Object Model (DOM)	347	(1)
Imagenes de sustitucion	348	(5)
DHTML-JavaScript y CSS	353	(7)
El objeto de estilo	353	(3)
Escribiendo el HTML basico	356	(1)
Anadido de una hoja de estilo anidada	357	(1)
Cambio del tamano de texto utilizando el objeto de estilo	357	(3)
Cambio de temas utilizando el objeto de estilo	360	(5)
Desplazamiento de contenido utilizando el objeto de estilo	361	(1)
Propiedades de objeto de estilo	362	(3)
Validacion de formularios	365	(6)
Expresiones regulares	368	(3)
Resumen	371	(2)
Explorar las tecnologias por parte del servidor con PHP	373	(50)
Common Gateway Interface (CGI)	375	(2)
Sobre PHP	377	(1)
Sintaxis PHP	378	(1)
Comentarios	379	(1)
Uso de phpinfo()	379	(1)
Elementos basicos de PHP	380	(10)
Uso de print() o echo()	380	(1)
Variables y literales	381	(1)
Uso de comillas	382	(1)
El caracter de escape	382	(1)
Operadores y expresiones	383	(2)
Operador Precedence	385	(1)
Condicionales	385	(2)
Matrices	387	(2)
Bucles	389	(1)
Archivos ``include''	390	(1)
Trabajar con formularios	390	(8)
Creacion del formulario	390	(1)
Uso de Get y Post	391	(1)
Variables de formulario de recepcion	392	(2)
Envio de valores de matriz desde formularios	394	(1)
Formularios de autoenvio	394	(4)
Creacion de una plantilla con PHP	398	(18)
Creacion de thumbnails.php	399	(2)
Creacion de index.php	401	(5)
Creacion de photo.php	406	(4)
Uso de PHP para enviar correos electronicos	410	(6)
Conexion a bases de datos con PHP y MYSQL	416	(6)
Creacion y colocacion de bases de datos MYSQL	416	(1)
Creacion y colocacion de tablas	417	(1)
Insert	417	(2)
Select	419	(2)
Delete	421	(1)
Update	421	(1)
Resumen	422	(1)
Personalizacion de los disenos de este libro	423	(16)
Ejemplos de disenos personalizados	425	(3)
Pasos para personalizar un diseno	428	(2)
Pasos para personalizar una plantilla de contenidos de segundo nivel	430	(1)
Pasos para personalizar un archivo de Photoshop	430	(5)
Trabajo con HTML y CSS	435	(3)
Resumen	438	(1)
Nuevos disenos, contenidos de segundo nivel y plantillas de formularios	439	(46)
Disenos	441	(43)
Diseno 1 (Generica)	441	(3)
Diseno 2 (Cruziero)	444	(3)
Diseno 3 (Creepers)	447	(3)
Diseno 4 (106 Aircraft Salvage)	450	(2)
Diseno 5 (McHalewood-Sons Ltd. Fly Reels)	452	(3)
Diseno 6 (Empresa)	455	(2)
Diseno 7 (Canyon Odyssey)	457	(3)
Diseno 8 (Staccato)	460	(3)
Diseno 9 (Creative Portfolio)	463	(3)
Diseno 10 (Nik Phlik!)	466	(2)
Diseno 11 (Sci Lab Technical Community)	468	(3)
Diseno 12 (Vinificazione Vineyard)	471	(2)
Diseno 13 (Xavieria Jewelers)	473	(3)
Diseno 14 (Makalu Bay Aquarium)	476	(3)
Diseno 15 (Renewable Timber Resources)	479	(2)
Diseno 16 (For Sale By Owner) -- Diseno 12 Revision	481	(3)
Resumen	484	(1)
Disenos originales y plantillas de contenidos de segundo nivel	485	(126)
Disenos	487	(118)
Diseno 1	487	(2)
Diseno 2	489	(2)
Diseno 3	491	(2)
Diseno 4	493	(3)
Diseno 5	496	(2)
Diseno 6	498	(2)
Diseno 7	500	(3)
Diseno 8	503	(2)
Diseno 9	505	(2)
Diseno 10	507	(3)
Diseno 11	510	(2)
Diseno 12	512	(2)
Diseno 13	514	(3)
Diseno 14	517	(2)
Diseno 15	519	(3)
Diseno 16	522	(2)
Diseno 17	524	(2)
Diseno 18	526	(3)
Diseno 19	529	(3)
Diseno 20	532	(3)
Diseno 21	535	(2)
Diseno 22	537	(3)
Diseno 23	540	(2)
Diseno 24	542	(3)
Diseno 25	545	(2)
Diseno 26	547	(2)
Diseno 27	549	(2)
Diseno 28	551	(2)
Diseno 29	553	(3)
Diseno 30	556	(3)
Diseno 31	559	(2)
Diseno 32	561	(3)
Diseno 33	564	(2)
Diseno 34	566	(2)
Diseno 35	568	(2)
Diseno 36	570	(3)
Diseno 37	573	(2)
Diseno 38	575	(2)
Diseno 39	577	(2)
Diseno 40	579	(2)
Diseno 41	581	(2)
Diseno 42	583	(3)
Diseno 43	586	(2)
Diseno 44	588	(2)
Diseno 45	590	(3)
Diseno 46	593	(2)
Diseno 47	595	(2)
Diseno 48	597	(3)
Diseno 49	600	(2)
Diseno 50	602	(3)
Plantillas de contenidos de segundo nivel	605	(5)
Plantilla 1	605	(1)
Plantilla 2	606	(1)
Plantilla 3	607	(1)
Plantilla 4	608	(1)
Plantilla 5	609	(1)
Resumen	610	(1)
Apendice. Contenido del CD-ROM	611	(6)
Requisitos del sistema	613	(2)
General	613	(1)
CRWeb	613	(1)
Macromedia Dreamweaver MX 2004	613	(1)
Adobe Photoshop CS	614	(1)
JavaScript CD Cookbook 3/E y HTML/CSS Developer's Resource Guide Software	614	(1)
Instalacion	615	(2)
Indice alfabetico	617