Codi correcte!

En aquesta entrada explicaré quin és el model que hem de seguir per a crear una  pàgina web, diguent quines són les etiquetes que sempre han d'aparéixer i una llista de costums  correctes al escriure codi HTML. Veurem aquestes etiquetes en etiquetes.html .

Les etiquetes que sempre hem d'escriure són:

- És una bona costum escriure <! DOCTYPE> perquè és una instrucció per al navegador web sobre en quina versió d'HTML està escrita la pàgina. Especifica les regles per al llenguatge HTML, de manera que els navegadors mostren el contingut correctament. 

-També és interesant escriure <meta> charset perquè especifica la codificació de caràcters per al document HTML. La llista de bones costums per a escriure HTML és aquesta:

          -Tancar sempre totes les etiquetes és imprescindible.
          - Esciure totes les etiquetes en minúscula.
         - Escriure el  <! DOCTYPE> correcte que té el nostre document per a que el navegador puga mostrar bé la pàgina.
         - No donar estil en el document HTML, sinó utilitzar CSS o JavaScript.
       - I per últim validar el codi.

Editoris de codi!!

Hola! En aquesta entrada vos vaig a explicar  els editors de codi, els problemes que es presenten al editar arxius quan canvies de sistema operatiu i algunes solucions, prenent com a exemple l'arxiu index.html .

-Quan editem index.html amb el sistema operatiu Lliurex utilitzem l'aplicació Gedit, ja que no insereix cap format. El resultat seria:

Així, si necessitem editar index.html des d'un ordinador diferent amb el que hem creat l'arxiu i aquest té un sistema operatiu diferent a Lliurex, per exemple Windows, ens trobem amb el problema de que no apareix correctament el codi, no apareixen totes les etiquetes.

Per tant, la solució que podem trobar és descarregar un editor de codi que ens permeta editar index.html sense que desaparega el codi que hem escrit. Un dels millors editors és NotePad++, ja que reconeix el codi i és molt fàcil d'utilitzar.

Lloc web senzill!!!!

Hola!!! En aquest post vos vaig a explicar com crear un lloc web senzill, com el que he creat, amb links, imatges i un mapa d'imatge.

-Creem la carpeta weblinks

-Creem un arxiu index.html que posarem en la carpeta, en la imatge interior ja està dins. Li posem el títol index, insertem un enllaç al nostre blog i dues pàgines sobre dos animals a les quals accedim clicant un retall d'una foto de cada animal. Explicaré a continuació aquestes pàgines, a més d'un mapa d'imatges. Aquest seria el resultat final d'index.

 -En segon lloc, creem les dues pàgines nombrades anteriorment. En el meu cas foto-gran-koala.html i foto-gran-osop.html, les incloem dins la carpeta weblinks (veure imatge punt 1), posem un títol a cadascuna, inserim la foto de cada animal i posem un link a index per a tornar a la pàgina inicial.

-Per últim, creem la pàgina mapamundi.html on farem el mapa d’imatge sobre una imatge d'un mapamundi, on clicant al continent correcte et portarà a la pàgina web de cada animal. Aquesta web ha d'inseris-se també a index.html.

Espere que vos siga de utilitat!