Cum Se Editează Un șablon De Site Web

Cuprins:

Cum Se Editează Un șablon De Site Web
Cum Se Editează Un șablon De Site Web

Video: Cum Se Editează Un șablon De Site Web

Video: Cum Se Editează Un șablon De Site Web
Video: How to edit HTML templates | Step-by-step guide 2024, Mai
Anonim

La crearea site-urilor, sunt folosite deseori șabloanele gata găsite pe net. Uneori sunt descărcate de utilizatori de mii de ori, resursele create pe baza lor sunt foarte asemănătoare ca aspect. Pentru ca site-ul să aibă un design individual, șablonul său ar trebui modificat.

Cum se editează un șablon de site web
Cum se editează un șablon de site web

Este necesar

  • - șablon de site;
  • - Software Dreamweaver.

Instrucțiuni

Pasul 1

Cel mai bun mod de a lucra cu șabloane este Dreamweaver, care poate fi descărcat de pe Internet. Acest program este unul dintre cele mai bune instrumente pentru crearea unui site web, vă permite să editați pagini atât vizual, cât și utilizând un editor de cod.

Pasul 2

Descărcați și instalați Dreamweaver și lansați-l. Deschideți șablonul la alegere în el. Vă rugăm să rețineți că șablonul trebuie selectat corect pentru a reduce la minimum munca. Când îl alegeți, concentrați-vă pe aspectul elementelor de pe pagină, nu pe schema de culori. Dacă doriți să creați un site web diferit de alții, va trebui totuși să schimbați schema de culori a acestuia, deci este mai bine să alegeți un șablon cu un aspect adecvat, care nu va trebui refăcut, și aranjați-l deja în imediat.

Pasul 3

Este cel mai convenabil să luați în considerare procesul de editare cu un exemplu specific. Descărcați oricare dintre șabloanele html - de exemplu, acesta: https://web-silver.ru/templates/sites/086/086.zip. Dezarhivați-l, apoi deschideți fișierul html în Dreamweaver. Acordați atenție comutatorului de mod din colțul din stânga sus - „Cod”, „Separat”, „Proiectare”. Comutând între moduri, puteți edita șablonul în modul cel mai convenabil pentru dvs.

Pasul 4

Treceți la vizualizarea „Proiectare”, apoi faceți clic cu mouse-ul pe oricare dintre elemente - de exemplu, antetul paginii, în exemplul șablonului conține textul Râul. Vă rugăm să rețineți că proprietățile acestui element de pagină au apărut în partea de jos a ferestrei programului. În special, sunt indicate lățimea, înălțimea, imaginea utilizată. Puteți modifica dimensiunea antetului specificându-le în câmpurile corespunzătoare sau pur și simplu trăgând marcajele de margine pe antet în sine. Schimbați imaginea, pentru aceasta selectați imaginea de care aveți nevoie de aceeași dimensiune și introduceți-o în locul celei originale.

Pasul 5

Puteți schimba orice elemente în același mod simplu. De exemplu, culoarea textului, fundalul paginii, titlurile linkurilor etc. etc. Dacă ceva nu funcționează în fereastra de proiectare, puteți face întotdeauna corecturile necesare direct în cod. Nu uitați să salvați fișierul original într-o locație separată înainte de a începe lucrul. Pe măsură ce lucrați, salvați rezultatele ca fișiere separate cu nume diferite, acest lucru vă va permite să reveniți în orice moment. Cu puțină practică cu Dreamweaver, puteți edita rapid și ușor orice șablon.

Recomandat: