Com Adaptar La Plantilla

Taula de continguts:

Com Adaptar La Plantilla
Com Adaptar La Plantilla
Anonim

La manera més senzilla per a un principiant de crear un lloc web és utilitzar una plantilla estàndard. La singularitat del recurs es pot aconseguir fent diversos canvis estètics i organitzatius en el disseny estàndard.

Com adaptar la plantilla
Com adaptar la plantilla

Necessari

  • - plantilla de lloc;
  • - Programa Photoshop;
  • - extensió per al navegador FireBug;
  • - Editor de Bloc de notes ++.

Instruccions

Pas 1

Cerqueu a Internet una plantilla de lloc web adequada per a vosaltres. Exploreu les plantilles proposades, fixant-vos en la seva adaptabilitat a la mida del monitor, les especificitats de la disposició de les columnes i els menús. Descarregueu l'opció seleccionada. Comproveu el seu rendiment carregant fitxers a l'arrel del lloc que s'està creant. Si la plantilla conté errors que apareixen a la feina, és millor trobar una altra opció.

Pas 2

Modifiqueu la majoria de les imatges de la plantilla. Substituïu cada imatge de la següent manera. Inicieu Photoshop i obriu-ne un dels fitxers gràfics de plantilla. Cerqueu els paràmetres de la imatge al menú "Imatge" de la columna "Mida". Obriu un full nou amb les mateixes dimensions i creeu-hi la imatge que necessiteu. Deseu el resultat a la carpeta de plantilles amb el nom del fitxer gràfic que voleu substituir. Per tant, cal substituir totes les imatges significatives.

Pas 3

Canvieu la resta de paràmetres mitjançant taules en cascada style.css, un llenguatge de programació formal que descriu l'aparença d'un document. És més convenient fer aquests canvis a través del tauler d'administració i és millor veure els resultats de l'allotjament local per no carregar totes les actualitzacions al servidor.

Pas 4

Descarregueu i instal·leu l'extensió gratuïta FireBug per al vostre navegador. Una icona amb un error groc hauria d'aparèixer a l'extrem superior dret de la finestra del navegador. Feu clic a la icona i premeu F12. El codi de pàgina replegat apareix a la part inferior de la pantalla. Es pot ampliar passant per sobre dels signes més. En fer clic a la fila d'un element, podeu veure com es ressalta a la part superior de la pantalla. A la part dreta de la finestra amb el codi hi ha estils que indiquen les línies responsables de l'aparença de la pàgina.

Pas 5

Obriu la plantilla a l’editor Notepad ++. Utilitzeu FireBug per trobar els paràmetres que voleu canviar i editar-los a Notepad ++.

Pas 6

Deseu el resultat i pengeu el lloc creat al servidor.

Recomanat: