Primer de tot agafem l'estil de pàgina mestra per defecte, (el que ve totalment buit), i l'apliquem sobre les pàgines 1 i 2, que sòn les de cortesia i per tant van buides.
A la portadeta tambè hi afegim l'estil buit, hi posem una caixa de text que d'ample vagi de marge a marge i d'alt a 75 mm comptant desde avall. Just al centre i escribim EL MISTERIO DE LA CRIPTA EMBRUJADA en versaletes.
Insertem dues pàgines sense estil, en la de la dreta hi posem el nom de l'obra altre cop, però aquest cop hi afegim a sota d'aquest el nom de l'autor, això ès la portada.
Tornem a insertar dues pàgines mès i a la 6 hi enganexem el text Drets, que ens ve donat en la carpeta de materials. Ara toca crear els estils de paràgraf tal icom s'ens indica en un dels textos inclòs en la carpeta de materials. Ara hi afegim el txt pròleg a la pàgina 9, hi apliquem els estils de paràgraf als textos posats fins ara.
La firma de pròleg la ficarem a la part inferior de la pàgina a base de salt de carro.
15 de març del 2013
Editar un llibre part 5: Contingut i normes d'ediciò
Ara cal organitzar el contingut del llibre, sobre el qual s'hi aplicaràn uns estils de pàgina mestra i estils de paràgraf.
El contingut ès el següent:
p-1-2: Pàgines de cortesia
p- 3: Portadeta
p- 4: Contraportada
p- 5: Portada
p-6: Crèdits i drets
p-7 Index
p- 9 Pròleg
A partir de la pàgina 10 ja hi va l'obra.
Desprès de l'obra, un parell de pàgines de cortesia mès, com al prìncipi.
Normes d'ediciò:
Inicis de capitol: SEMPRE a la dreta.
En cas de faltar pàgines per al plec:
-Es pot prescindir de pàgines de cortesia.
-Es poden afegir pàgiens de cortesia.
-Es pot trencar la normar d'inici de capìtols.
El contingut ès el següent:
p-1-2: Pàgines de cortesia
p- 3: Portadeta
p- 4: Contraportada
p- 5: Portada
p-6: Crèdits i drets
p-7 Index
p- 9 Pròleg
A partir de la pàgina 10 ja hi va l'obra.
Desprès de l'obra, un parell de pàgines de cortesia mès, com al prìncipi.
Normes d'ediciò:
Inicis de capitol: SEMPRE a la dreta.
En cas de faltar pàgines per al plec:
-Es pot prescindir de pàgines de cortesia.
-Es poden afegir pàgiens de cortesia.
-Es pot trencar la normar d'inici de capìtols.
Editar un llibre part 4: Les linies de text
Si tinguesim menys de 10 paraules per linia ens costaria mès torbar sentit a les frases ja que el salt de linia ens tallaria masa freqüentment, si fossin mès ens perdriem en les frases.
Ara colocarem les linies de text basant-nos en el cos i l'interlineat de les lletres, que seràn 9 i 11 pt respectivament. Anem a Preferencias> cuadriculas i indiquem que comenci al marge superior, amb inici de 11pt i un increment 11 pt (l'interlineat). I ara per visualitzar aquestes guies que acabem de crear: Ver>Cuadrìculas y guias>Mostrar cuadrìcula base.
Ara colocarem les linies de text basant-nos en el cos i l'interlineat de les lletres, que seràn 9 i 11 pt respectivament. Anem a Preferencias> cuadriculas i indiquem que comenci al marge superior, amb inici de 11pt i un increment 11 pt (l'interlineat). I ara per visualitzar aquestes guies que acabem de crear: Ver>Cuadrìculas y guias>Mostrar cuadrìcula base.
![]() |
Menèu de Preferèncias |
Editar un llibre part 3: Pàgines mestres
Primer de tot cal planificar l'espai, el tamany del document i marges ja ens venen donats del complex càlcul de la Part 1, Ara planificarem l'espai dede la Pàgina mestra de l'InDesign.
Quins elements hi van?
Nom d el'autor i de l'obra com a capçalera, un a la pàgina dreta i l'altre a l'esquerra. Aixì doncs ho fiquem a la capaçalera de la pàgina mestra.
Pero realment... totes les pàgines tindràn capçalera? No, la pagina d'nici de capitol MAI ha de portar capçalera, ni tampoc les pàgines de cortesia (bè es que aquestes ni porten res de res) Aixì podem deduir que com a mìnim tenim dos estils de pàgina, doncs hem de crear de moment dos estils de pàgina mestra. A la pàgina mestra de la capçalera (a partir d'ara l'anomenarem A) li afegirem un altre element comù i invariable entre totes les pàgines, la foliaciò. I ja està feta la pàgina mestra A, que serà la mès comuna.
Ara farem un disseny especial per a les pàgines birlì, simplement dupliquem la, pàgina mestra A, i li traiem la foliaciò, aquest estil s'aplicarà a les pàgines birlì, o sigui pàgines en les la caixa de text s'ens quedi molt curta. Però si es tracta demenys d'unes cinc linies, no les podem posar en una sola pàgina, s'haurà d'intentar col·locar a la pàgina anterior. A la pàgina dreta de l'estil B hi ficarem l'estil per a l'inici de capitol, simplement, tindrà foliaciò però no capçalera
Ara farem una trecera pàgina mestra d'una sola pa`gina, que serà com la birlì de l'estil B. Capçalera si, foliaciò no.
Aqui tinc les imatges, les linies encara no haurien de sotir, en una altra entrad ja explicarè com es posen i perque.
Quins elements hi van?
Nom d el'autor i de l'obra com a capçalera, un a la pàgina dreta i l'altre a l'esquerra. Aixì doncs ho fiquem a la capaçalera de la pàgina mestra.
Pero realment... totes les pàgines tindràn capçalera? No, la pagina d'nici de capitol MAI ha de portar capçalera, ni tampoc les pàgines de cortesia (bè es que aquestes ni porten res de res) Aixì podem deduir que com a mìnim tenim dos estils de pàgina, doncs hem de crear de moment dos estils de pàgina mestra. A la pàgina mestra de la capçalera (a partir d'ara l'anomenarem A) li afegirem un altre element comù i invariable entre totes les pàgines, la foliaciò. I ja està feta la pàgina mestra A, que serà la mès comuna.
Ara farem un disseny especial per a les pàgines birlì, simplement dupliquem la, pàgina mestra A, i li traiem la foliaciò, aquest estil s'aplicarà a les pàgines birlì, o sigui pàgines en les la caixa de text s'ens quedi molt curta. Però si es tracta demenys d'unes cinc linies, no les podem posar en una sola pàgina, s'haurà d'intentar col·locar a la pàgina anterior. A la pàgina dreta de l'estil B hi ficarem l'estil per a l'inici de capitol, simplement, tindrà foliaciò però no capçalera
Ara farem una trecera pàgina mestra d'una sola pa`gina, que serà com la birlì de l'estil B. Capçalera si, foliaciò no.
Aqui tinc les imatges, les linies encara no haurien de sotir, en una altra entrad ja explicarè com es posen i perque.
![]() |
Pàgina mestra A |
![]() |
Pàgina mestra B |
![]() |
Pàgina mestra C |
Fons de pàgina Web professional Div in Div
Un fons de pàgina xulo de veritat, no està fet amb un simple "aplicar imatge o color de fons", està fet amb diferents imatges de fons
Està seccionat en diferents imatges de fons (capçalera, menù, fons general, diferents seccions de caixa de text, interseccions de seccions de text, etc)
Per poder-ho realitzar, s'utilitza el que jo anomeno Div in Div, o sigui un Div que està dintre de un altre Div.
Què és un Div?
Primer de tot cal que expliqui que és un Div. és una caixa de contingut, on hi podem ficar a dintre fins i tot un o més Divs, al crear un Div, és crea un estil ID per aquest de manera automàtica, de manera que cal donar-li una ID que resumeixi la seva funciò o contingut (fons, menú, ovelleta, etc)
Doncs bè, aqui poso un exemple de com crear un fons a lo professional.
Creem una capçalera, que estarà composada per tres Divs.
Primer de tot crearem el Div capçalera, (que anomenarem "top") desde el codi HTML
<div id="top"></div>
Ara copiem aquest codi i l'enganexem dintre del mateix:
<div id="cap"><div id="cap"></div></div>
Separem i tabulem de manera que l'ùltim div quedi a dintre del primer
<div id="top">
<div id="top"></div>
</div>
Ara creem dos Divs mès a dintre del primer:
<div id="top">
<div id="top"></div>
<div id="top"></div>
<div id="top"></div>
</div>
I això se suposa que és el el Div top amb les seves seccions a dintre. Les seccions són una part superior que anomenarem "cap", una intermitja que anomenarem "barra", i una altra inferior per al contingut, que anomenarem "diapositiva" (perque estic parlant del treball web últim que vaig fer, i aqui hi va una diapositiva), aixì que ara nomès cal posar aquests IDs als DIVS interns, de la següent manera.
<div id="top">
<div id="cap"></div>
<div id="barra"></div>
<div id="diapositiva"></div>
</div>
I tot això ès tan sols la capçalera, ara crearem una altre Div anomenat Contingut, que anirà a sota de la capçalera. Aquest Div és on hi va doncs, el contingut ( no cal ser un geni eh?), el text que parla de diferents temes, un de com s'està desfent l'Àrtic, una ltre de l'extracciò de petroli a lÀrtic (la pàgina tracta de lÀrtic), un altre sobre els conflictes entre els diferents països per destrossar l'ârtic per interessos propis, un alre sobre la pesca a l'Àrtic i un altre sobre que hi podem fer nosaltres per salvar l'Àrtic.
Aixì doncs crearem el Div Contingut, i hi afegim les diferents seccions tal i com fet amb el top.
Els IDs que aplicarem serán els següents:
desfent
petroli
conflicte
pesca
actua
Hauria de quedar aixì:
<div id="contingut">
<div id="desfent"></div>
<div id="petroli"></div>
<div id="conflicte"></div>
<div id="pesca"></div>
<div id="actua"></div>
</div>
Ara anirem a la finestra d'estils, on s'haurà creat un estil ID per a cadascùn d'aquests Divs, i hi aplicarem en cadascún la seva imatge de fons de la carpeta img.
Ara, ja acabat el Div "contingut" crearem un Div anomenat "peu" que farà la funciò de peu de pàgina.
I ara crearem un nou Div, que anomenarem "body" i abarcarà tot el body. Ara ho coloquem els Divs "top", "contingut" i "peu" a dintre de "body".
Aixì hauria de quedar
<div id= "body">
<div id="top">
<div id="top"></div>
<div id="top"></div>
<div id="top"></div>
</div>
<div id="contingut">
<div id="desfent"></div>
<div id="petroli"></div>
<div id="conflicte"></div>
<div id="pesca"></div>
<div id="actua"></div>
</div>
<div id= "peu"></div>
</div>
Ara podem col·locar imatges on volguem, col·locant-les dintre d'un Div PA, (no Div)
En un altre entrada explicarè el tema del posicionament d'elements web.
Està seccionat en diferents imatges de fons (capçalera, menù, fons general, diferents seccions de caixa de text, interseccions de seccions de text, etc)
Per poder-ho realitzar, s'utilitza el que jo anomeno Div in Div, o sigui un Div que està dintre de un altre Div.
Què és un Div?
Primer de tot cal que expliqui que és un Div. és una caixa de contingut, on hi podem ficar a dintre fins i tot un o més Divs, al crear un Div, és crea un estil ID per aquest de manera automàtica, de manera que cal donar-li una ID que resumeixi la seva funciò o contingut (fons, menú, ovelleta, etc)
Doncs bè, aqui poso un exemple de com crear un fons a lo professional.
Creem una capçalera, que estarà composada per tres Divs.
Primer de tot crearem el Div capçalera, (que anomenarem "top") desde el codi HTML
<div id="top"></div>
Ara copiem aquest codi i l'enganexem dintre del mateix:
<div id="cap"><div id="cap"></div></div>
Separem i tabulem de manera que l'ùltim div quedi a dintre del primer
<div id="top">
<div id="top"></div>
</div>
Ara creem dos Divs mès a dintre del primer:
<div id="top">
<div id="top"></div>
<div id="top"></div>
<div id="top"></div>
</div>
I això se suposa que és el el Div top amb les seves seccions a dintre. Les seccions són una part superior que anomenarem "cap", una intermitja que anomenarem "barra", i una altra inferior per al contingut, que anomenarem "diapositiva" (perque estic parlant del treball web últim que vaig fer, i aqui hi va una diapositiva), aixì que ara nomès cal posar aquests IDs als DIVS interns, de la següent manera.
<div id="top">
<div id="cap"></div>
<div id="barra"></div>
<div id="diapositiva"></div>
</div>
I tot això ès tan sols la capçalera, ara crearem una altre Div anomenat Contingut, que anirà a sota de la capçalera. Aquest Div és on hi va doncs, el contingut ( no cal ser un geni eh?), el text que parla de diferents temes, un de com s'està desfent l'Àrtic, una ltre de l'extracciò de petroli a lÀrtic (la pàgina tracta de lÀrtic), un altre sobre els conflictes entre els diferents països per destrossar l'ârtic per interessos propis, un alre sobre la pesca a l'Àrtic i un altre sobre que hi podem fer nosaltres per salvar l'Àrtic.
Aixì doncs crearem el Div Contingut, i hi afegim les diferents seccions tal i com fet amb el top.
Els IDs que aplicarem serán els següents:
desfent
petroli
conflicte
pesca
actua
Hauria de quedar aixì:
<div id="contingut">
<div id="desfent"></div>
<div id="petroli"></div>
<div id="conflicte"></div>
<div id="pesca"></div>
<div id="actua"></div>
</div>
Ara anirem a la finestra d'estils, on s'haurà creat un estil ID per a cadascùn d'aquests Divs, i hi aplicarem en cadascún la seva imatge de fons de la carpeta img.
Ara, ja acabat el Div "contingut" crearem un Div anomenat "peu" que farà la funciò de peu de pàgina.
I ara crearem un nou Div, que anomenarem "body" i abarcarà tot el body. Ara ho coloquem els Divs "top", "contingut" i "peu" a dintre de "body".
Aixì hauria de quedar
<div id= "body">
<div id="top">
<div id="top"></div>
<div id="top"></div>
<div id="top"></div>
</div>
<div id="contingut">
<div id="desfent"></div>
<div id="petroli"></div>
<div id="conflicte"></div>
<div id="pesca"></div>
<div id="actua"></div>
</div>
<div id= "peu"></div>
</div>
Ara podem col·locar imatges on volguem, col·locant-les dintre d'un Div PA, (no Div)
En un altre entrada explicarè el tema del posicionament d'elements web.
Enllaços HTML
Es poden tractar desde la finestra d'estils, on hi podem canviar els estats.
Els estats dels enllaços són 4:
-a: link: És l'estat normal, com trobem un link quan no s'ha tocat.
-a: visited: L'estat en que es troba un link quan ja ha estat visitat.
-a: hover: Ès com es troba un link quan hi pases pel damunt però sense clickar.
-a. active: El link mentre hi estas clickant, però mantenint el click.
"a:" es refereix enllaç.
Els estats dels enllaços són 4:
-a: link: És l'estat normal, com trobem un link quan no s'ha tocat.
-a: visited: L'estat en que es troba un link quan ja ha estat visitat.
-a: hover: Ès com es troba un link quan hi pases pel damunt però sense clickar.
-a. active: El link mentre hi estas clickant, però mantenint el click.
"a:" es refereix enllaç.
Traçats de Preps
Doncs bè, això tan sols son captures d epantalla fetes a l'ùltim moment, tampoc explicarè ara com les he fet cadascùn d'aquests trçats, no tinc temps, aixì que farè un resum general. Primer de tot aquest any trobo que m'ha anat molt millor que l'any passat, encara aiì el tiro-retiro amb prpes no el porto bè del tot, pero estic orgullosa de mi mateixa i dels resultats, i se que el meu dubte amb tiro-retiro el resodrè en un no res, perque la diferència entre aquest any i l'any passat, esque l'any passat ja tenia malament les bases.
Subscriure's a:
Missatges (Atom)