Encara no l'he acabat pero bé... h o resumiré amb uns quants comentaris APM:
-De moment tot pinta malament.
-Encara sort que m'he pres la pastilla abans de venir.
-Terrible!Apocaliptico!
-La he liao parda...
-Pero esto que es???!!!!
23 de març del 2012
22 de març del 2012
Altres apunts per a web
Afegir Google Maps!! O altres coses interesants...
És molt fàcil, entres a Google Maps i escrius el lloc, copies l'enllaç, i lenganxes en el codi HTML dins l'elment on vols que es visualitzi. I ja està.
Aixì mateix serveix per a videos de Youtube, o bé... també servia per Megavideo....o altres visor de video que mai estaràn a l'altura.
Afegir una imatge d'arxiu local:
<img alt="imatge" src="img/imatge.jpg" width="400px" height="200px"/>
Per a les imatges d'arxiu local, hem de tenir una carpeta anomenada img a l'arrel de la carpeta web, i allà guardar-hi totes les imatges de la web.
Possar un enllaç:
<a class="marcado" href="http://google.es">AKI</a>
És molt fàcil, entres a Google Maps i escrius el lloc, copies l'enllaç, i lenganxes en el codi HTML dins l'elment on vols que es visualitzi. I ja està.
Aixì mateix serveix per a videos de Youtube, o bé... també servia per Megavideo....o altres visor de video que mai estaràn a l'altura.
Afegir una imatge d'arxiu local:
<img alt="imatge" src="img/imatge.jpg" width="400px" height="200px"/>
Per a les imatges d'arxiu local, hem de tenir una carpeta anomenada img a l'arrel de la carpeta web, i allà guardar-hi totes les imatges de la web.
Possar un enllaç:
<a class="marcado" href="http://google.es">AKI</a>
Més atributs per al CSS
Marges
Hem d'escriure primer un marge i després l'altre, en diferents lìnies.Ex:
#principal { (nom de l'element)
width: 770px; (amplada de l'element)
margin-right: auto; (marge dret) Automaticament es desplaçarà al centre.
margin-left: auto; (marge esquerre) Automaticament es desplaçarà al centre.
position: relative; (posició) Ni idea...
color: #000; (Color de text: Hexadecimal, ja que la web fa servir model de color indexat)
background-color:#fff (Color de fons)
padding: 50px 0px 0px 10px; (amunt, dreta, avall, esquerra. És una espécie de cortesia)
color: #000; (Color de text: Hexadecimal, ja que la web fa servir model de color indexat)
background-color:#fff (Color de fons)
padding: 50px 0px 0px 10px; (amunt, dreta, avall, esquerra. És una espécie de cortesia)
Estil DIV
Els DIV són uns elements organitzatius dels difrents elements de la nostra web, són caixes on s'hi col·loquen els elements, només que aquestes caixes són més sencilles d'organitzar que la resta d'elements, i amb elles organitzem llavors el seu contingut.
Com crear un element DIV?
En codi HTML, dintre de body, <div id= "Div1"></div>
Aixó és un DIV buit, sense res. Ara cal crear-li un estil. En head, dintre de <style type="text/css">:
#Div1 { (Aquest nom ha de coincdir amb el nom de div id.)
position: O bé un tipus de posició concreta, o bé uns marges (en px). ;
widht: És l'amplada (en px) ;
height: És l'altura (en px);
z-index: És la posició que ocuparà ens l'espai z, hem de procurar que cada DIV tingui un valor difrent per evitar problemes de visualització.
Com crear un element DIV?
En codi HTML, dintre de body, <div id= "Div1"></div>
Aixó és un DIV buit, sense res. Ara cal crear-li un estil. En head, dintre de <style type="text/css">:
#Div1 { (Aquest nom ha de coincdir amb el nom de div id.)
position: O bé un tipus de posició concreta, o bé uns marges (en px). ;
widht: És l'amplada (en px) ;
height: És l'altura (en px);
z-index: És la posició que ocuparà ens l'espai z, hem de procurar que cada DIV tingui un valor difrent per evitar problemes de visualització.
Crear un estil CSS en HTML
La importància d'utilitzar HTML
Utilitzar HTML per a la creció de webs és molt més profitós en realitat que fer-ho desde la modalitat de dissenyador, ja que ens el que ens permet analitzar i controlar amb molta més precisió cada un dels elements de la web. És més complicat en principi, pero val la pena apendre, a la llarga acabarà sent més sencill.
És complex, si, tot es tracta de saber organitzar-se bé. Alguns programes ja están preparats per aixó, posnt diferents colors al text per tal de trobar cada un dels elements més facilment.
Aqui porto per exemple, la creació d'un estil CSS, sense tenir que utilitzar aquella interfìcie de Dreamweaver que només em complica l'existéncia.
D'un element a un altre hem de col·locar el simbol }. Aqui es veuen tres elements, tots tres són estils CSS i están dintre head.
Hem de donar un nom a l'estil, un llògic i coherent, com per exemple, textnormal, espai, { i salt de lìnia.
Ara cal donar-li uns atributs, com ara el cos de la lletra (font-size), dos punts i la mida en px (36px). Tanquem l'atribut amb punt i coma i fem salt de lìnia. Per escollir el gruix és font-weight, el codi HTML és en anglès aixì que cal tenir bastants coneixements.
Ara cal escollir una font també, font-family.
Aquestes són tan sols les caracteristiques més bàsiques i simples de estils CSS.
Utilitzar HTML per a la creció de webs és molt més profitós en realitat que fer-ho desde la modalitat de dissenyador, ja que ens el que ens permet analitzar i controlar amb molta més precisió cada un dels elements de la web. És més complicat en principi, pero val la pena apendre, a la llarga acabarà sent més sencill.
És complex, si, tot es tracta de saber organitzar-se bé. Alguns programes ja están preparats per aixó, posnt diferents colors al text per tal de trobar cada un dels elements més facilment.
Aqui porto per exemple, la creació d'un estil CSS, sense tenir que utilitzar aquella interfìcie de Dreamweaver que només em complica l'existéncia.
D'un element a un altre hem de col·locar el simbol }. Aqui es veuen tres elements, tots tres són estils CSS i están dintre head.
Hem de donar un nom a l'estil, un llògic i coherent, com per exemple, textnormal, espai, { i salt de lìnia.
Ara cal donar-li uns atributs, com ara el cos de la lletra (font-size), dos punts i la mida en px (36px). Tanquem l'atribut amb punt i coma i fem salt de lìnia. Per escollir el gruix és font-weight, el codi HTML és en anglès aixì que cal tenir bastants coneixements.
Ara cal escollir una font també, font-family.
Aquestes són tan sols les caracteristiques més bàsiques i simples de estils CSS.
Google Fonts
Si volem afegir una tipografia xula a la nostra pàgina web tenim dues opcions:
1) Fer servir un text prebabricat i rasterizat amb photoshop i col·locar-ho com a imtage.
2) utilitzar el sistema de Google Fonts, aixì la pàgina tindrà vinculada la font aquesta tipoteca virtual. I a més és GRATUÏTA.
Com s'utilitza?
1) Entrem a la pàgina de Google Fonts i escollim la tipografia.
2) Copiem el link com es mostra a la imatge:
3) En el codi HTML del treball web enganxem el codi dintre de Head com es mostra a la imatge:
4) Ara tornem de nou a Google Fonts i copiem el text del punt 4.
5) Ara tornem de nou al nostre treball, al codi HTML, i o bés creem un nou estil CSS, o bé ho apliquem sobre un estil ja creat. S'ha d'enganxar el text.
I ja està, ara només cal aplicar l'estil.
1) Fer servir un text prebabricat i rasterizat amb photoshop i col·locar-ho com a imtage.
2) utilitzar el sistema de Google Fonts, aixì la pàgina tindrà vinculada la font aquesta tipoteca virtual. I a més és GRATUÏTA.
Com s'utilitza?
1) Entrem a la pàgina de Google Fonts i escollim la tipografia.
2) Copiem el link com es mostra a la imatge:
3) En el codi HTML del treball web enganxem el codi dintre de Head com es mostra a la imatge:
4) Ara tornem de nou a Google Fonts i copiem el text del punt 4.
5) Ara tornem de nou al nostre treball, al codi HTML, i o bés creem un nou estil CSS, o bé ho apliquem sobre un estil ja creat. S'ha d'enganxar el text.
I ja està, ara només cal aplicar l'estil.
21 de març del 2012
TREBALL DE PLACA 2
2) Diferents formats a una cara
Referència: still beats campanya
Mida dels productes:
- fullet: A4
- targetó: 21x10 cm. (horitzontal)
- targes: 5x8.5 cm. (horitzontal)
Quantitats:
- fullet: 1000
- targetó: 2000
- targes: 2000 de cada model (2 models)
Tintes: 1+0 tintes (negre)
Mida del paper: 35x50 cm.
Pinces del paper 10 mm.
COL·LOCACIÓ DELS DIFERENTS MODELS
a) Quantitats
Bé, aixó ès una miqueta més complicat, ja treballem amb diferents models en diferents quantitats i que a la vegada són de difrents mides.
Primer de tot començarem a deduir les quantitats. Un model de 1.000 i 3 de 2.000. Bé, en aquest sentit és més sencill que el primer exercici. 1.000 és el màxim comú divisor, per tant per cada model de 1.000 que tinguem tindrem que col·locar 2 de cadascún dels altres.
b) Posicionament
TREBALL DE PLACA 1
1) Treball de repetició cara i dors
Referència: ukiyo-e postals
Mida dels productes: 10x15 cm. (vertical)
Quantitats:
4 models:
- barna: 1500
- tarragona: 1000
- lleida: 750
- girona: 750
Tintes: 4+4 tintes (quatricromia)
Mida del paper: 50x70 cm.
Pinces del paper: 15 mm.
(La segona pàgina, on es troben els dorsos sembla que no carrega.)
(La segona pàgina, on es troben els dorsos sembla que no carrega.)
COL·LOCACIÓ DELS DIFERENTS MODELS
Aquesta col·locació de diferents tipus de models pot ser una mica complexa. Primer cal saber quants models de cada hem de col·locar. Per aconseguir-ho hem de trobar el màxim comú divisor de les diferents quantitats. En aquest cas és 250, i la quantitat mìnima és de 750 ( 3 vegades 250), després 1.000(4 vegades 250), i per acabar 1500 (6 vegades).
Ara ja sabem quantes quantitats de cada hem de col·locar.
DEDUCCIÓ DE TIRADES
Quantes tirades hem de fer per imprimir tos els models? Per respondre a aquesta pregunta hem de fixar-nos de nou en la quantitat més petita (750),quants models tenim d'aquest? 3 no? 750 : 3=250. No es tiro-retiro, i està per les dues cares, aixì que 250 x 2= 500, (perque només estàvem treballant sobre la cara), i a més a més és quatricromia(tota aquesta feinada era només per a una tinta, pero resulta que són quatre) 500 x 4=2.000.
Preps
Preps és un programa que serveix per a fer imposició. Es basa en dues parts: preparar el document amb la imposició i la segona a colocar els documents sobre la imposició. Obtenim un PDF amb els seus documents colocats de la manera més rentable per a imprimir a gran format.
Subscriure's a:
Missatges (Atom)