.

Hem creat botons amb Adobi Illustrator, creant rectangulos, circumferències, i tot tipus de formes que vulguis per a fer un boton. Hem pintat la forma amb degradat, després hem posat altre rectangulo damunt per a donar-li un efecte de relleu. Despues hem posat el text que queriamos per a cadascuna de les seccions. I aquí tenim la mostra dels botons.

Què són els marcs i per a què s'utilitzen. Com inserir un marc senzill en una pàgina, i com treballar amb ell és el que ara veurem. Els marcs -o frames- serveixen per a distribuir millor les dades de les pàgines, ja que permeten mantenir fixes algunes parts, com poden ser el logotip i la barra de navegació, mentre que unes altres sí poden canviar. A més de millorar la funcionalitat, poden millorar també l'aparença. Dita d'una manera senzilla, els marcs podem dir que són paginas web dintre d'altra pàgina que les organitza d'una determinada manera.

Cadascun dels marcs d'una pàgina, conté un document HTML individual. Per exemple, en la imatge inferior pots veure una pàgina amb dos marcs. El marc esquerre conté el document menu.htm i el dret el document micos.htm. Per a poder visualitzar la pàgina d'aquesta manera, hem hagut d'obrir en el navegador el document principal.htm, que en aquest cas és el conté els marcs.

Nou sites per pujar la pàgina web.

http://usuarios.multimania.es/asanchezcrn/

Adobe Dreamweaver és una aplicació en forma d'estudi (basada en la forma d'estudi d'Adobi Flash) enfocada a la construcció i edició de llocs i aplicacions Web basats en estàndards.

Per a canviar els colors pantones, d'un pdf en tintes CMYK, hem d'anar a avançades -> producció de impression -> Convertir colors. Una vegada en la finestra, vam seleccionar les tres opcions de conversió ( Conservar negre, Convertir gris a negre CMYK, Mantenir primaris CMYK) una vegada seleccionades les opcions, dalt d'aquestes opcions, està la qualitat de sortida, vam seleccionar l'opció, i en perfil busquem l'opció de (Generic CMYK Profile). Li donem a acceptar. Per a rectificar el text, anem a eines -> edició avançada -> eina rectificar text. Si no deixa rectificar el text, és perquè no tenim la tipografia instal·lada.

Quan es desplaça el punter per sobre de la vora d'una etiqueta div en la vista Disseny, Dreamweaver ressalta els bords de l'etiqueta. Si és necessari, pot activar o desactivar el ressaltat o modificar el color en el quadre de diàleg Preferències.

1. Seleccioni Edició > Preferències (Windows) o Dreamweaver > Preferències (Macintosh).

2. Seleccioni Ressaltant en la llista de categories de l'esquerra.

3. Porti a terme un dels canvis següents i faci clic a Acceptar:
• Per a canviar el color de ressaltat de les etiquetes div, faci clic en el quadre Color al passar el ratolí per damunt i seleccioni un color de ressaltat amb el selector de color (o bé escrigui el valor hexadecimal del color de ressaltat en el quadre de text).
• Per a activar o desactivar el ressaltat de les etiquetes div, activi o desactivi la selecció de la casella Mostrar corresponent a Ratolí per damunt.

Dreamweaver permet crear Div PA i col·locar-les en la pàgina fàcilment. També pot crear Div PA ficades. Al ficar una Div PA, Dreamweaver mostra el contorn de la Div PA en la vista Disseny de forma predeterminada i ressalta el bloc al desplaçar el punter sobre ell. Pot activar les vores de la Div PA (o de qualsevol element PA) desactivant Contorns d'elements PA i Contorns de disseny CSS en el menú Veure > Ajudes visuals. També pot activar els fons i el model de quadre per als elements PA com ajuda visual durant el disseny. Després de crear uneixi Div PA, pot afegir-li contingut situant el punt d'inserció en la Div PA; a continuació, anyada contingut com ho faria en una pàgina.

Aquí deixo un video sobre els DIV i CSS.

http://www.youtube.com/watch?v=gUpQr9sR2NM

Pàgina per descarregar-se textures per pàgines web.

http://patterns.ava7.com/2.php

Re Vista

Prèviament fem un disseny en Illustrator, en aquest cas hem tiro uns botons per a la nostra pagina web.
El primer copiem i peguem com objecte intel·ligent en un nou document de photoshop. Després rasterizamos la imatge. Crearem un nou canal el nom d'aquest canal, tendra "Alfa1". En el nou canal llaurem una selecció del tros que volem difuminar cap a transparent. I li afegim un degradat de Negre a Blanco. Recordar que cal tenir visible el canal per a poder carregar la selecció. Després seleccionem la capa de la imatge i carreguem la selecció "Alfa 1". Aparecera tot seguit la selecció, finalment solament hem d'estrènyer en el nostre teclat "esborrar" i ja estarà llest. Després ho guardem per a web i en PNG.

Portada d'un llibre maquetat per mi. Feta amb l'ilustrator.

Botons creats per mí.
Creats amb l'ilustrator, i aquets es pasaven al flash per animar-los.

Inserir nou simbolo ( tipus grafico)
Crear dos tipus graficos, per als diferents botons per a crear la animacion.
Copiar el boton del ilustrator i pegar en el tipus grafico creat.
Inserir nou simbolo ( tipus boton)
Sortiràn 4 opcions:
Rep.. (repòs) manera en el qual el boton aquesta sense que passi el raton per damunt, ni al ser clicat ni gens. Sobre: manera en el qual el raton passa per damunt.
Pre.. (pressionat) manera en el qual el raton pressiona en el boton.
Zona.. (zona clicable) manera en el qual el boton es delimita lazona sensible per a canviar de manera Arrossegar el simbolo (tipus grafico) a la primera manera , crear un fotograma abans d'arrossegar, en el segon crear fototrama per a posar altre boton, i asi succesivamente.
Anar a l'escena i arrossegar el boton i guardar.

Helvética (també coneguda menjo Neue Haas Grotesk, Helvetica i últimament expandida a Neue Helvetica) és una font tipogràfica desenvolupada per Max Miedinger en 1957 per a la fosa de tipografies Haas'sche Schriftgießerei (també coneguda menjo "Haas") de Basilea, Suïssa. El seu disseny està basat en una anterior tipografia cridada Berthold Akzidenz Grotesk que data de 1896. La tipografia, originalment titulada Neue Haas Grotesk, és d'estil senzill i del tipus sans serif o sense rematades (Clasif. Vox: Lineale B Neo-Grotesque). Es va tornar immensament popular a fins dels anys 1960 i durant els anys 1970, a causa de la seva enorme influència dintre del cridat "Estil Tipogràfic Internacional" (particularment en identitats corporatives), una de les més importants corrents modernistes del segle XX.

(ESTA TRADUCIDO PERO SIN CORREGIR, CUANDO TENGA TIEMPO LO CORRIJO!! )

Figures geomètriques, creades amb l'ilustrator clicant la tecla < >, i arrossegant amb el ratolí crees unes figures com veiem a l'imàtge de sota.

Em fet uns botons amb l'ilustrator, per posar-ho al dreamweaver, habiem de fer els botos com si fosin com un 3D, jugant amb els degradats, i diferents tipus de formes geométriques. Una vegada fets els botons habiam de posar-ho al dreamweaver, per posar-los habiem d'anar a imàtges de substitució i ficar-les.
Una vegada ficades, li donavem el vincle. I la pujaven al Tripod.

3 botons que he fet:

Preps és l'eina preferida en la indústria de la impressió comercial. És usada en conegudes solucions de fluxos de treball, i com aplicació independent, en entorns de tot el món. Preps proporciona un conjunt inigualable d'opcions que de forma permanent s'ajusten a les necessitats dels professionals de la indústria, en les empreses d'impressió amb major demanda. La serie Prep té versions orientades per a la impressió comercial, sota demanda i gran format.














Es un progràma per fer imposicións.