| Introduccion. Bienvenido Al Mundo Del Diseno Web |
|
17 | (4) |
|
PARTE I. UTILIZAR LA WORLD WIDE WEB |
|
|
21 | (34) |
|
|
|
23 | (18) |
|
|
|
25 | (1) |
|
|
|
26 | (1) |
|
|
|
27 | (1) |
|
|
|
27 | (1) |
|
|
|
28 | (1) |
|
|
|
29 | (1) |
|
|
|
30 | (1) |
|
|
|
30 | (3) |
|
No todos los navegadores son iguales |
|
|
31 | (2) |
|
|
|
33 | (3) |
|
|
|
34 | (1) |
|
Detalles sobre nombres de dominio |
|
|
35 | (1) |
|
Mas detalles sobre direcciones |
|
|
35 | (1) |
|
|
|
36 | (1) |
|
|
|
36 | (2) |
|
|
|
38 | (1) |
|
Servicios comerciales online |
|
|
38 | (1) |
|
Proveedores de servicios de Internet |
|
|
38 | (1) |
|
|
|
39 | (1) |
|
|
|
40 | (1) |
|
|
|
41 | (14) |
|
|
|
43 | (1) |
|
|
|
44 | (2) |
|
|
|
44 | (2) |
|
|
|
46 | (4) |
|
Unos cuantos consejos adicionales |
|
|
46 | (4) |
|
LLI: Lea las instrucciones |
|
|
50 | (1) |
|
Mas informacion sobre como buscar |
|
|
51 | (1) |
|
Direcciones para busquedas |
|
|
52 | (1) |
|
|
|
53 | (1) |
|
|
|
54 | (1) |
|
PARTE II. CONSTRUIR PAGINAS WEB |
|
|
55 | (48) |
|
¿Que son las paginas Web? |
|
|
57 | (28) |
|
¿Que son las paginas Web? |
|
|
59 | (2) |
|
¿Como crear realmente una pagina Web? |
|
|
61 | (1) |
|
|
|
62 | (1) |
|
|
|
62 | (2) |
|
Parrafos y saltos de linea |
|
|
63 | (1) |
|
|
|
64 | (1) |
|
|
|
65 | (4) |
|
Crear un vinculo de correo |
|
|
69 | (1) |
|
|
|
70 | (3) |
|
|
|
73 | (3) |
|
Disenar una pagina Web sencilla utilizando capas |
|
|
73 | (3) |
|
|
|
76 | (3) |
|
Anchura absoluta y relativa |
|
|
77 | (2) |
|
|
|
79 | (1) |
|
Anada el codigo que quiera |
|
|
79 | (2) |
|
|
|
81 | (1) |
|
|
|
81 | (1) |
|
|
|
81 | (1) |
|
|
|
82 | (3) |
|
Aspectos a Tener en Cuenta Antes de Empezar |
|
|
85 | (18) |
|
|
|
87 | (1) |
|
|
|
87 | (1) |
|
Asignar nombres a sus archivos |
|
|
88 | (1) |
|
|
|
89 | (1) |
|
Guardar y titular paginas |
|
|
89 | (1) |
|
|
|
90 | (2) |
|
|
|
92 | (2) |
|
Como encontrar un servidor |
|
|
94 | (1) |
|
Coste del alojamiento de un sitio |
|
|
94 | (1) |
|
Plantee estas preguntas a su proveedor |
|
|
95 | (1) |
|
Nombres de dominio y direcciones Web |
|
|
95 | (1) |
|
Su propio nombre de dominio |
|
|
96 | (1) |
|
|
|
97 | (2) |
|
|
|
97 | (1) |
|
|
|
98 | (1) |
|
Recopilar y almacenar el material |
|
|
98 | (1) |
|
Guardar los archivos fuente |
|
|
99 | (1) |
|
Visita de comprobacion: antes de empezar |
|
|
99 | (2) |
|
|
|
101 | (1) |
|
|
|
101 | (2) |
|
PARTE III. ASPECTOS DE DISENO EN LA WEB |
|
|
103 | (74) |
|
Impresion Frente a Web y Como Afecta al Diseno |
|
|
105 | (16) |
|
|
|
107 | (1) |
|
|
|
108 | (2) |
|
Revisiones, actualizaciones y archivos |
|
|
110 | (1) |
|
|
|
110 | (1) |
|
|
|
111 | (1) |
|
|
|
112 | (1) |
|
|
|
113 | (1) |
|
|
|
113 | (1) |
|
|
|
114 | (1) |
|
Ubicacion geografica del disenador |
|
|
115 | (1) |
|
Las ventajas del medio impreso |
|
|
116 | (2) |
|
|
|
118 | (1) |
|
|
|
119 | (2) |
|
Principios Basicos de Diseno Para No Disenadores |
|
|
121 | (24) |
|
|
|
123 | (4) |
|
|
|
127 | (4) |
|
Parrafos y saltos de linea |
|
|
131 | (1) |
|
|
|
131 | (5) |
|
|
|
136 | (3) |
|
|
|
136 | (3) |
|
|
|
139 | (1) |
|
|
|
139 | (1) |
|
|
|
139 | (4) |
|
|
|
143 | (2) |
|
Diseno de Interfaz y Navegacion |
|
|
145 | (20) |
|
Empezar por una planificacion sencilla |
|
|
147 | (1) |
|
|
|
148 | (4) |
|
|
|
148 | (4) |
|
Consejo sobre el diseno inicial |
|
|
152 | (1) |
|
|
|
152 | (2) |
|
|
|
154 | (1) |
|
|
|
155 | (1) |
|
|
|
155 | (1) |
|
|
|
155 | (1) |
|
|
|
155 | (4) |
|
El sitio decide el estilo de navegacion |
|
|
159 | (1) |
|
|
|
159 | (2) |
|
|
|
161 | (1) |
|
No cree vinculos molestos |
|
|
161 | (1) |
|
|
|
162 | (1) |
|
|
|
162 | (2) |
|
|
|
164 | (1) |
|
Como Reconocer un Buen y un Mal Diseno |
|
|
165 | (12) |
|
|
|
167 | (1) |
|
|
|
167 | (7) |
|
Lista de comprobacion de un diseno no muy bueno |
|
|
174 | (1) |
|
Lista de comprobacion de un buen diseno |
|
|
175 | (2) |
|
PARTE IV. COLOR IMAGENES Y TIPOGRAFIA |
|
|
177 | (126) |
|
|
|
179 | (18) |
|
|
|
181 | (1) |
|
|
|
182 | (1) |
|
|
|
183 | (1) |
|
|
|
183 | (1) |
|
|
|
184 | (1) |
|
|
|
184 | (1) |
|
|
|
185 | (2) |
|
|
|
187 | (1) |
|
|
|
188 | (2) |
|
Colores seguros para la Web |
|
|
190 | (2) |
|
Como obtener colores seguros para la Web |
|
|
191 | (1) |
|
Crear colores seguros para la Web |
|
|
191 | (1) |
|
Colores seguros para la Web hibridos |
|
|
192 | (3) |
|
|
|
194 | (1) |
|
|
|
195 | (2) |
|
Definiciones Sobre Imagenes Que Hay Que Conocer |
|
|
197 | (18) |
|
|
|
199 | (1) |
|
Terminologia de formatos de archivo para imagenes |
|
|
200 | (1) |
|
|
|
200 | (3) |
|
Cuando escoger el formato GIF |
|
|
202 | (1) |
|
|
|
203 | (1) |
|
|
|
203 | (1) |
|
Ventajas del formato JPEG |
|
|
204 | (1) |
|
Cuando escoger el formato JPEG |
|
|
204 | (1) |
|
|
|
204 | (1) |
|
Tamano de archivo de las imagenes |
|
|
205 | (1) |
|
Una pequena leccion sobre bits y bytes |
|
|
205 | (1) |
|
Como encontrar el tamano correcto |
|
|
206 | (1) |
|
|
|
206 | (2) |
|
Mapas de imagen de servidor y cliente |
|
|
206 | (2) |
|
|
|
208 | (1) |
|
|
|
209 | (1) |
|
|
|
210 | (2) |
|
|
|
212 | (3) |
|
Como Preparar Archivos de Imagenes Para la Web |
|
|
215 | (40) |
|
Especificaciones para imagenes en la Web |
|
|
217 | (1) |
|
Si no quiere crear sus propias imagenes |
|
|
218 | (1) |
|
|
|
218 | (2) |
|
Software de dibujo alternativo |
|
|
218 | (1) |
|
Software para convertir formatos de archivo |
|
|
219 | (1) |
|
Photoshop: una inversion de futuro |
|
|
220 | (1) |
|
Como crear dibujos o fotografias en el ordenador |
|
|
220 | (3) |
|
Enviar sus imagenes a un servicio de digitalizacion |
|
|
220 | (1) |
|
|
|
220 | (2) |
|
|
|
222 | (1) |
|
Utilizar una camara digital |
|
|
222 | (1) |
|
|
|
223 | (1) |
|
|
|
223 | (7) |
|
Crear un archivo GIF con un color de fondo solido |
|
|
224 | (2) |
|
Crear un GIF con un fondo transparente |
|
|
226 | (4) |
|
|
|
230 | (3) |
|
Otros trucos y formatos de archivo |
|
|
233 | (2) |
|
|
|
233 | (1) |
|
|
|
233 | (1) |
|
|
|
234 | (1) |
|
|
|
234 | (1) |
|
|
|
235 | (3) |
|
Utilizar Photoshop para crear un mapa de imagen |
|
|
236 | (1) |
|
Utilizar Dreamweaver para crear un mapa de imagen |
|
|
237 | (1) |
|
|
|
238 | (12) |
|
Crear una imagen horizontal como imagen de fondo |
|
|
239 | (1) |
|
Utilizar una imagen vertical como imagen de fondo |
|
|
240 | (1) |
|
Crear una textura de fondo sin costuras |
|
|
240 | (2) |
|
El filtro Creador de azulejos |
|
|
242 | (1) |
|
Crear imagenes con fondos de color que coincidan con el color de fondo de una pagina Web |
|
|
242 | (2) |
|
¿Que hacer si el fondo de la pagina tiene una textura coloreada? |
|
|
244 | (1) |
|
Crear una imagen de fondo gigante |
|
|
245 | (2) |
|
Evitar halos o artificios |
|
|
247 | (3) |
|
|
|
250 | (3) |
|
|
|
253 | (2) |
|
|
|
255 | (18) |
|
Descifrabilidad y legibilidad |
|
|
257 | (2) |
|
|
|
257 | (1) |
|
|
|
258 | (1) |
|
Romper las reglas tipograficas |
|
|
258 | (1) |
|
|
|
258 | (1) |
|
Paginas de texto como imagenes |
|
|
259 | (1) |
|
|
|
259 | (1) |
|
Fuentes y tamanos de fuente por defecto |
|
|
259 | (5) |
|
Fuentes para plataformas cruzadas |
|
|
262 | (1) |
|
|
|
263 | (1) |
|
Renderizacion de fuentes en distintas plataformas |
|
|
263 | (1) |
|
Otras aspectos que hay que conocer |
|
|
264 | (2) |
|
Tipografias proporcionales y monoespaciadas |
|
|
264 | (1) |
|
Estilos logicos y fisicos |
|
|
264 | (1) |
|
Otros caracteres especiales |
|
|
265 | (1) |
|
|
|
265 | (1) |
|
Hojas de estilo en cascada |
|
|
266 | (4) |
|
|
|
266 | (2) |
|
|
|
268 | (1) |
|
|
|
268 | (1) |
|
CSS y compatibilidad de navegador |
|
|
269 | (1) |
|
Adjuntar una hoja de estilo |
|
|
269 | (1) |
|
|
|
270 | (1) |
|
|
|
271 | (2) |
|
Consejos y Trucos Avanzados |
|
|
273 | (30) |
|
|
|
275 | (1) |
|
|
|
275 | (5) |
|
Texto pequeno facil de leer |
|
|
280 | (2) |
|
Cambiar los metodos de suavizado |
|
|
280 | (1) |
|
Utilizar una capa duplicada |
|
|
280 | (1) |
|
Retoque manual de una imagen de texto |
|
|
281 | (1) |
|
Utilizar una fuente sin suavizado para textos pequenos |
|
|
281 | (1) |
|
Compromiso de baja resolucion |
|
|
282 | (2) |
|
Otras imagenes de baja resolucion |
|
|
283 | (1) |
|
|
|
284 | (6) |
|
Dividir un archivo GIF para una animacion |
|
|
284 | (3) |
|
Trocear una imagen para un diseno libre |
|
|
287 | (3) |
|
Consejos rapidos de Photoshop |
|
|
290 | (2) |
|
|
|
290 | (1) |
|
Restablecer los valores de un cuadro de dialogo |
|
|
290 | (1) |
|
Bloquear los pixeles transparentes |
|
|
291 | (1) |
|
Encontrar la capa correcta |
|
|
292 | (1) |
|
Rollover e intercambio de imagenes |
|
|
292 | (4) |
|
|
|
293 | (2) |
|
Crear un intercambio de imagenes |
|
|
295 | (1) |
|
|
|
296 | (2) |
|
|
|
296 | (1) |
|
Hacer que un vinculo se abra en una ventana nueva |
|
|
297 | (1) |
|
Anadir espacio alrededor de una imagen |
|
|
297 | (1) |
|
|
|
298 | (1) |
|
|
|
299 | (4) |
|
PARTE V. YA ESTA HECHO. ¿Y AHORA, QUE? |
|
|
303 | (34) |
|
Probar y Corregir un Sitio Web |
|
|
305 | (10) |
|
Software de gestion de sitios |
|
|
307 | (2) |
|
|
|
309 | (1) |
|
Primero, mueva su carpeta |
|
|
309 | (1) |
|
Comprobacion en el navegador sin conexion |
|
|
309 | (1) |
|
Deje que alguien navegue por su sitio |
|
|
310 | (1) |
|
Diferentes navegadores, diferentes aspectos |
|
|
310 | (1) |
|
|
|
310 | (1) |
|
|
|
311 | (2) |
|
|
|
313 | (2) |
|
Como Publicar y Actualizar un Sitio Web |
|
|
315 | (12) |
|
|
|
317 | (1) |
|
|
|
317 | (1) |
|
|
|
318 | (2) |
|
Compruebe su sitio online |
|
|
320 | (2) |
|
|
|
322 | (3) |
|
|
|
323 | (2) |
|
|
|
325 | (2) |
|
Como y por Que Registrar un Sitio Web |
|
|
327 | (10) |
|
|
|
329 | (2) |
|
Servicios de posicionamiento |
|
|
329 | (1) |
|
|
|
330 | (1) |
|
Herramientas de busqueda especializadas |
|
|
330 | (1) |
|
|
|
331 | (1) |
|
|
|
331 | (1) |
|
¿Que buscan las herramientas de busqueda? |
|
|
331 | (1) |
|
|
|
331 | (1) |
|
El primer parrafo de la pagina de inicio |
|
|
332 | (1) |
|
|
|
332 | (1) |
|
|
|
332 | (1) |
|
Hacer que un sitio destaque |
|
|
333 | (1) |
|
|
|
333 | (1) |
|
|
|
334 | (1) |
|
Volver a posicionar un sitio regularmente |
|
|
334 | (1) |
|
Buscar su propio sitio Web |
|
|
334 | (1) |
|
|
|
335 | (2) |
|
PARTE VI. LAS COSAS DEL FINAL |
|
|
337 | (2) |
|
APENDICE A. RESPUESTAS A LOS EXAMENES |
|
|
339 | (6) |
|
|
|
341 | (1) |
|
|
|
341 | (1) |
|
|
|
341 | (1) |
|
|
|
341 | (1) |
|
|
|
342 | (1) |
|
|
|
342 | (1) |
|
|
|
342 | (1) |
|
|
|
343 | (1) |
|
|
|
343 | (1) |
|
|
|
344 | (1) |
|
|
|
344 | (1) |
|
APENDICE B. COLORES SEGUROS PARA LA WEB |
|
|
345 | (4) |
| Indice Alfabetico |
|
349 | |
Other versions by this Author
