Web: 4ª practica, El Paller

El Paller és una casa rural, per tant la feina d'avui es tracta de fer el SITE d'una casa rural.

Bé, tampoc és que tingui que començar-ho des de zero ni molt menys, es tracta més aviat de actualitzar imatges i arreglar uns links, tot i que m'ha portat algunes complicacions en realitat es fàcil de resoldre.

L'eina principal d'avui es la finestra "Buscar y Reemplazar" que ens busca un text o codi determinat i ens el canvia per el que li indiquem, amb lo qual si un grup d'imatges que tenen la mateixa ruta d'origen errònia, podem canviar en un moment la ruta ruta de totes substituint-la per la correcta.

Només s'ha d'indicar en el quadre de text superior la part de codi que no volem i en el d'avall posar el correcte, "Reemplazar todos" i ja està.


També ha resultat un bona expèriencia per treballar amb Site, ja que la carpeta del Site és bastant complexa aquest cop, té moltes imatges y pàgines html.

Primer de tot, després d'haver creat el Site i d'haver col·locat els arxius a dintre, he creat un arxiu nou amb marc superior, des de el codi he seleccionat la part que indica el top frame "Unitled frame" i des de la finestra "Propiedades" l'he enllaçat en l'arxiu tit.html visible en la finestra "Archivos".
El mainframe l'enllacem a home.html.

Ara faig un "Guardar todo", i es guarden 3 arxius (o tindrien que guardar-se 3): El conjunt de marcs (Frameset) al que anomeno com a "index.html", el "topframe", i el "mainframe". Si vull guardar tan sols una pàgina (o sigui, o bé el menú o bé el contingut, he de fer "Guardar marco" mentre estic en la pàgina que vull guardar.

Ara ja un cop guardat tot, amb "Buscar y reemplazar" actualitzo imatges i enllaços, ja que la ruta que tenen indica que s'ha de buscar en un altre ordinador,  i he d'indicar que ho busqui en el meu ordinador, amb la correcta ruta de carpetes.

En realitat els vincles a les diferents pàgines internes no l'he fet amb "Buscar y reemplazar", sinó seleccionant el link i la imatge i en la casella "Vínculos" de la finestra "Propiedades" arrastrant la fletxeta cap a a la pàgina corresponent dintre de la finestra "Archivos". Com és un menú de poques opcions, es fa ràpid. També, en la finestra "Propiedades" he d'indicar on s'obrirá el vincle, (En una finestra nova, en la pàgina de contingut, en la de menú, etc) lògicament que no ho obrirem en el menú, seria horrorós, en una pàgina nova no seria mala idea però tampoc és aquesta la idea, ho obrirem en la pàgina de contingut, o sigui "Mainframe", per indicar-ho és molt senzill, en la finestra "Propiedades" hi trobem una casella anomenada "Destino", aquesta té un menú desplegable amb les diferents opcions, només hem d'indicar la que hi posa mainFrame.
IMPORTANT: En cada secció del menú cal fer vincle i indicar destí dues vegades, una per a la imatge i una altra per al text, aquí em vaig despistar, i a l'hora de comprovar la pàgina, resulta que hi havien vincles que a vegades se m'obrien en una nova pàgina, i queda molt lleig.
I una altra cosa important, recomano alinear els elements de la taula que fa de menú, ja que a mi em sortien descentrats a l'hora de visualitzar la pàgina en el navegador.

Bé ara fem un altre "Guardar todo" (que a vegades es pot penjar el Dreamweaver) i comprovem que tots el links estiguin correctes i obrim la pàgina postales.html, que es un mapa amb zones interactives, comprovem que totes les zones interactives funcionin, i indiquem en totes que les obri en mainFrame, tornem a comprovar que tot hagi sortit bé.

Una altre "Guardar todo" i comprovar que tota la pàgina funcioni, si to és correcte ho pugem al Wuala des de la finestra Archivos, l'icona de la fletxeta cap amunt; del contrari, si hi ha algun error, el corregim (o s'intenta), "Guardar todo" i pujar al Wuala.

I ja està.

Marcs (per acabar)

Aquest és una altre dels elements importants a l'hora de dissenyar  Web.
Nromalment quan visitem un SITE trobem que a les seves pàgines hi ha un element sempre comú com pot ser ara la capçalera del SITE o la barra de menú o el peu de pàgina, doncs bé, la finalitat dels marcs (FRAMES) es que al obrir una nova pàgina del SITE aquest elements comuns no es tinguin que carregar. Per tant el FRAME  (a partir d'ara ho anomenarem aixì) es la menra d'estrcturar aquest elments, per exemple

Còmics digitals: Cbr y cbz

Quan parlem de Cbr y Cbz ens referim a formats de còmics, còmics digitals, és fàcil crear-los a partir de imatges jpg o tiff, o de pdf. Primer de tot hem de comprimir l'arxiu oconjunt d'arxiu amb un programa de compressió, i després un cop comprimit, substituïr manualment l'extensió, si es rar canviem .rar per .cbr, i si es zip, canviem per .cbz. Després hem de buscar un programa per llegir aquest cómics, com ara Comic Book Lover, pero aquest és de pagament.



Jo he fet servir Simply Rar per comprimir, pero aquest programa te un problema que cal tenir en compte, després d'haver comprimit un arxiu o cinjunt d'arxius, l'hem borrar del programa, o el següent arxiu es comrpmirà junt amb l'anterior, i el següent amb els dos primers i aixì continuament. I es clar jo tenia que fer uns 13 arxius comprimits, alguns dels quals ja pesaven bastant, aixì que aplicant la llei d'acumulació continua em va resultar una carpeta d'uns 5GB que multiplicat per una mitjana de 30 alumnes a classe resulten 150GB que intenten anar al servidor de classe.
Per cert, l'ordinador de casa meva fa poc només tenia 149GB de memòria, el que vol dir que un conjunt de treballs de tota la classe, tots igual de mal fets, no hi haurien cabut.

Compaginació Avançada-Pràctica 05. Estils de paràgrafs

Els estils de paràgrafs són una funció de InDesign molt senzilla i útil, basicament serveixen per a gravar un estil de paràgraf prederminat, el qual ens serveixen per aplicar a qualsevol text aquest estil amb un sol clic.

Un estil de pàrraf es un conjunt de caracteristiques de text, entre les les quals s'hi troben caracteristiques pròpies de text com ara l'interlineat, el tamany de lletra, la font o el color de text. Aquestes també són caracteristiques pròpies de la funció "Estilo de caràcter", només que amb "Estilo de pàrrafo" trobem aquestes i moltes altres caracteristiques que afecten a l'estructura del paràgraf com ara la sangria, text capitular, tabulacions, justificació, partició de paraules, etc.

Aquesta pràctica és bastant senzilla (tot i que m'ha portat un problemet que m'ha costat resoldre). Tan sols es tracta de col·locar el text sense format que m'han donat i aplicar-hi uns estils de paràgraf per tal de que quedi igual a l'orginal que m'han donat (o casi igual). He trobat cinc estils diferents de paràgrafs:
 -Tres de text normal:
     -Amb sangria
     -Sense sangria
     -Format de llista

-Dos de text títol:
     -Amb una xifra capitular
     -Amb dues xifres capitulars

El problema m'ha sorgit just al final de tot, quan una petita part de text sobrepassava els límits document, després de molt buscar resulta que tenia dos errors, el primer era que en els estils de text normal tenien activada la casella "Equilibrar lineas irregulares", una funció que es troba a "Estilo de pàrrafo" i que fa que les linies de un paràgraf siguin totes més o menys del mateix tamany, però bé, aquest no era el motiu principal de la falta d'espai, la falta d'espai es devia a que m'havia equivocat amb la font d'un dels estils, i no era un detallet difícil de veure precisament, no, perquè resulta que jo tenia posada una pal sec (Helvètica) mentre que havia de ser una romana (Minion Pro).

Web: Administrar sitios

La funció "sitios", que a partir d'ara anomenarem "sites" és un concepte bàsic i imprescindible de la creació i disseny de pàgines web. Es tracta ni més ni menys d'on es desaràn els arxius web i els seus adjunts, com ara imatges, fulls d'estil, etc.

Es coneix com Site a to el conjunt sencer de pàgines web, no hem de confondre el terme pàgina web amb Site, ja que utilitzem col·loquialment el terme pàgina web per referir-nos al conjunt, quan la paraula correcta es Site o Lloc, i pàgina web és realment cada una de les pàgines que les composa.

Com ja he dit en una altra entrada, la primera pàgina d'un lloc web s'anomena SEMPRE index.html, del contrari, el navegador no ens llegiria la pàgina web.

Precisament, Dreamweaver inclou aquesta pràctica finestra que veiem a l'esquera. La finestra Archivos ens permet visualitzar i accedir de manera directa als arxius i imatges del Site. Així si, tenir-ho tot ordenat és cosa nostra.Per tant és una finestra IMPRESCINDIBLE a l'hora de treballar amb Dreamweaver.
També ens permet pujar la pàgina al servidor amb un sol clic a la fletxeta que va cap amunt que podem veure a la imatge de l'esquerra.

Desde Admintrar Sitios, en el menú, podem indicar el servidor i tipus de servidor que utilitzarem, també podem indicar on es troba la carpeta d'imatges.