Fer una cópia de seguretat de la plantilla del bloc

Abans de posar el nostre propi disseny és més que recomanable fer una cópia de seguretat de la plantilla del bloc. A mi m'ha anat bé fer-ho perque el meu disseny era una cosa que no penso anomenar en aquest bloc tan refinat. 

-Primer de tot anem a la selecció de plantilles de blogger, anem a Modifica l'HTML i acceptem les
responsabilitats de que potser no siguem prou aptes.

 -Marquem una casella que diu: Expandir plantilla widgets, o alguna cosa així, seleccionem tot el      contingut i el copiem.

-Obrim un document de text i enganxem el contingut.

-Ara el guardem amb un nom que indiqui el que és, com ara backupblogger (Cópia de seguretat   blogger) i hi podem afegir la data, per aixì saber quin dia s'ha fet la cópia de seguretat.

Ara només cal no perdre aquest document.

Crear la meva pròpia plantilla per al bloc

Pasos generals:

1) Fer la plantilla amb Dreamweaver i comprovar que funcioni.

2)  Pujar la carpeta de la plantilla al Wuala (i comprovar que tot  està ben vinculat).

3)  Fer una còpia de seguretat de l'actual plantilla del bloc.

4) Adaptar la plantilla al bloc.

5) Enganaxar codis blogger.

6)  Realitzar canvis als estils.

Comentari de l'exàmen Web

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???!!!!

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>

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)

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ó.

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.