Cum de a proiecta site-urile web ale firmei de avocatură cu template-uri HTML responsabile

Dacă doriți să lansați rapid site-ul dvs. de avocat, nu există un loc mai bun pentru a începe decât cu un șablon HTML receptiv care a fost creat cu site-urile avocatului în minte. Spre deosebire de temele CMS, șabloanele site-ului avocatului sunt ușor de încărcat pe server, deoarece nu există niciun software special de instalat.

Ele sunt, de asemenea, ușor de editat din punct de vedere al conținutului și al stilului, ceea ce înseamnă că puteți să vă lansați site-ul firmei de avocatură în câteva ore și să începeți să vă construiți prezența online și să vă rezervați mai mulți clienți.

În acest post, vom demonstra cum să utilizați un șablon HTML pentru designul site-ului dvs. de avocat, precum și sfaturi privind partajarea, care vă vor ajuta să vă duceți la următorul nivel.

Cum să începeți cu site-ul dvs. de avocatură

Pentru a începe, va trebui să vă asigurați că aveți un plan de găzduire, precum și un nume de domeniu, un șablon HTML la alegere, un client FTP și imaginile și conținutul pe care doriți să îl utilizați. Să explicăm scopul fiecăruia mai detaliat mai jos.

1. Un plan de găzduire și nume de domeniu

Un loc minunat pentru a începe este să cumpărați un nume de domeniu și un plan de găzduire care vă va oferi spațiu de servere unde acest nume de domeniu va indica și toate fișierele pentru site-ul dvs. vor trăi. Acest lucru va permite clienților potențiali să găsească site-ul dvs. online.

De obicei, puteți achiziționa numele dvs. de domeniu și găzduirea în același timp și de la aceeași companie de găzduire, ceea ce face ușor să gestionați totul într-un singur loc. Unii furnizori de hosting vă vor oferi chiar și un domeniu gratuit cu o achiziție anuală a planului de găzduire.

În zilele noastre, veți găsi planuri de găzduire care încep de la 5 dolari / lună și oferă lățime de bandă nelimitată și spațiu pe disc. Cea mai bună modalitate de a găsi o gazdă de încredere este să verificați cât timp compania de găzduire a fost în afaceri, ce cred clienții lor despre ei și să inițieze un chat cu sprijinul lor pentru a vedea cât de receptivi sunt.

2. Un șablon de site dedicat site-ului web

Odată ce ați obținut domeniul dvs. și compania dvs. de găzduire, este timpul să alegeți un șablon de site responsibil pentru site-urile web ale firmei de avocatură. Acest lucru va asigura că toate paginile pe care o firmă de avocatură sau un avocat ar putea fi nevoite să le prezinte sunt deja premade, astfel încât să nu vă faceți griji în legătură cu modificarea unui alt tip de pagină.

În scopul acestui tutorial, voi folosi șablonul Trust de la Envato Elements, care oferă mai multe variante ale paginii de pornire, precum și pagini care vă permit să vă prezentați zonele de practică, membrii echipei și chiar să vindeți șabloane de documente juridice pe teren.

3. Un program FTP și un Editor de coduri

De asemenea, veți dori să utilizați un editor de cod pentru a putea modifica fișierele șablonului și pentru a edita foaia de stil. Programe precum Textwrangler sau Notepad ++ sunt opțiuni excelente pentru computerele Mac și Windows, respectiv.

Un alt program de care aveți nevoie este un program FTP care vă va permite să vă conectați la serverul de găzduire și să încărcați simultan toate fișierele șablon. Un program popular FTP care este disponibil pe sistemele de operare Windows, Mac și Linux este FileZilla.

4. Conținutul site-ului dvs.

În sfârșit, veți avea nevoie de conținut și imagini pentru site-ul dvs. Pregătirea întregului text și colectarea tuturor imaginilor vă vor ajuta să economisiți timp pe măsură ce modificați șablonul și veți facilita copierea și inserarea conținutului în fișierele șablonului.

Cum de a edita site-ul dvs. Avocat șablon

Odată ce ați primit toate articolele și programele menționate mai sus, putem începe să editați șablonul site-ului dvs. de avocat pentru a vă adăuga conținutul. Pentru a începe, descărcați dosarul cu zip din șablonul dvs. și dezarhivați-l undeva ca dvs. Spațiul de lucru sau Descărcări unde puteți accesa cu ușurință.

După cum puteți vedea din captura de ecran de mai jos, dosarul șablonului are un număr de fișiere HTML diferite, precum și foldere care conțin fișiere suplimentare CSS, JavaScript și PHP. Fiecare dintre aceste fișiere și foldere are un scop diferit:

  • Fișiere HTML. Fișierele HTML reprezintă paginile șablonului pe care le puteți utiliza pentru pagina dvs. de pornire, despre servicii, contacte și alte pagini de pe site-ul dvs..
  • CSS. Acest dosar conține fișiere de stil care controlează fonturile, culorile și regulile suplimentare de stil care determină modul în care arată site-ul dvs. Web
  • JS, JavaScript sau scripturi. Aici veți găsi scripturi care sunt folosite pentru a adăuga efecte de animație și pentru a valida intrările din formular
  • PHP. Menține codul PHP necesar pentru ca formularul de contact să funcționeze
  • Active, fonturi și imagini. Aceste foldere conțin imagini, fundaluri și fonturi utilizate în șablon

1. Lucrați cu fișiere HTML

HTML este un limbaj de marcare care utilizează perechi diferite de etichete pentru a reprezenta titluri, paragrafe, linkuri, imagini și alte părți ale unui site web. Fiecare pereche de etichete are o etichetă de deschidere și una de închidere, cum ar fi:

Site-ul meu minunat

Eticheta de mai sus reprezintă o rubrică de nivel doi. Dacă deschideți oricare dintre fișierele HTML într-un editor de cod, veți observa că întregul fișier HTML este plin de aceste etichete și că conținutul dvs. trebuie să se afle între eticheta de deschidere și cea de închidere pentru a apărea pe o pagină Web.

Cea mai ușoară modalitate de a edita fișiere HTML este să le deschideți mai întâi în browser și să folosiți instrumentele de inspector de cod ale browserului pentru a afla ce parte a codului trebuie să editați. Iată un simplu proces în 5 pași pentru a vă ajuta să faceți acest lucru:

  1. Faceți dublu clic pe un fișier HTML sau faceți clic dreapta pe el și selectați Deschideți cu Chrome / Firefox sau oricare browser utilizați.
  2. Faceți clic dreapta pe o parte a șablonului pe care doriți să îl modificați și să îl alegeți Inspecta. De exemplu, am ales să inspectez secțiunea care citește Bine ați venit la Trust.
  3. Odată ce inspectorul apare în partea de jos a ecranului, văd că acest text este înfășurat în etichetele h2.
  4. Reveniți la dosarul șablonului, selectați același fișier HTML, faceți clic dreapta pe el și selectați Deschidere cu Notepad ++, TextWrangler sau editorul de cod ales.
  5. Găsiți etichetele corespunzătoare în fișierul HTML, plasați cursorul mouse-ului între etichete, ștergeți textul inactiv și înlocuiți-l cu propriul dvs..

Pentru a edita restul șablonului și a înlocui conținutul manechinului cu propriile dvs. informații în toate celelalte fișiere, tot ce trebuie să faceți este să repetați acest proces până când veți înlocui tot textul inactiv cu propriul dvs..

Dacă doriți să adăugați mai multe informații în aceeași secțiune a oricărei pagini, tot ce trebuie să faceți este să duplicați acea secțiune imediat sub codul original și apoi să înlocuiți textul cu propriul dvs..

De exemplu, am copiat întregul rând în Bine ati venit pentru a avea mai mult spațiu pentru a afișa informații importante despre firma de avocatură.

Iată ce arată în direct:

Când vine vorba de imagini, va trebui să adunați toate imaginile pe care doriți să le utilizați și să le adăugați în folderul de imagini din directorul principal al șablonului. Apoi, trebuie să urmați aceiași pași ca mai sus: faceți clic dreapta pe o imagine pentru al inspecta, pentru a găsi codul în editorul de cod și pentru a edita numele imaginii.

În captura de ecran de mai jos, puteți vedea cum am inspectat imaginea și am înlocuit numele în editorul de coduri, precum și modul în care apare noua imagine pe Domeniul de practică pagină:


Cum să editați aspectul șablonului site-ului dvs. de firmă de avocatură

Modificarea conținutului șablonului dvs. HTML va dura majoritatea timpului dvs., dar după ce ați terminat, puteți începe să modificați aspectul vizual. Începeți prin a intra în dosarul CSS și găsiți foaia de stil principală. În cele mai multe cazuri, se va numi main.css sau styles.css sau stylesheet.css.

Faceți clic dreapta pe fișier și deschideți-l în editorul de coduri. Când se încarcă foaia de stil, reveniți la browser și inspectați un element. De data aceasta, veți dori să vă concentrați pe partea dreaptă a panoului Inspector, așa cum este prezentat în imaginea de mai jos.

Vreau să schimb culoarea legăturilor și Inspectorul îmi spune că trebuie să găsesc linia 1033 din fișierul principal.css. În editorul de coduri, pot schimba apoi codul HEX la o culoare pe care o aleg ca atare:

culoare: # 65b5c1;

Pentru a economisi timp, puteți căuta codul de culoare pe care îl vedeți în Inspector, apăsați Cmd + F sau CTRL + F în editorul de cod și înlocuiți-l cu codul de culoare al culorilor mărcii dvs. Apoi, salvați modificările, actualizați fișierul HTML în browser și veți vedea modificările aplicate.

Cum să încărcați fișierele șablonului pe serverul de gazde

Când ați terminat înlocuirea conținutului și modificarea aspectului vizual al șablonului dvs., este timpul să îl încărcați pe server.

Compania dvs. de găzduire vă transmite mai mult decât probabil un e-mail de bun venit cu toate informațiile de care aveți nevoie pentru a vă gestiona site-ul web. Veți dori să căutați informațiile FTP care conțin numele serverului FTP, numele de utilizator și parola pe care o veți utiliza pentru a vă conecta la server folosind un client FTP.

Cu informațiile respective, începeți programul FTP. Dacă utilizați FileZilla, căutați bara de sus și introduceți numele serverului, numele de utilizator și parola. Apoi apasa Conectare rapidă:

Odată ce conexiunea a fost stabilită, căutați în partea stângă a ferestrei FileZilla și găsiți folderul în care ați dezarhivat fișierele șablonului. Faceți clic pe folder, selectați toate fișierele și folderele din interior, mutați-le în partea dreaptă a ecranului FileZilla și plasați-le în folderul public_html.

Procesul de încărcare va începe apoi și va dura câteva minute. Când este terminat, deschideți browserul, introduceți numele de domeniu și veți putea vedea site-ul în direct.

4 ghiduri și resurse pentru a vă ajuta să creați un site de avocat uimitoare

Acum, că ați creat și proiectat site-ul firmei dvs. de avocatură, trebuie să îl promovați astfel încât potențialii clienți să vă poată găsi cu ușurință, precum și să vă asigurați că site-ul dvs. le transformă în clienți reali. Iată câteva resurse care vă vor ajuta să creați un mare site web al avocatului.

1. Avocat Website Design Sfaturi

Nu este nimic în neregulă cu utilizarea unui șablon premade pentru site-ul firmei dvs. de avocatură. Șabloanele vă economisesc timp și bani, ceea ce le face o alegere excelentă pentru oricine începe doar. Dar, dacă nu vă faceți timp să personalizați șablonul, site-ul dvs. web nu se va distinge de competiție. Utilizați acest articol pentru a vedea cele mai populare sfaturi de design pentru site-ul firmei de avocatură, astfel încât să puteți crea un site interesant și frumos pentru practica dvs. juridică. Iată resursa:

2. Sfaturi de marketing online pentru firme de avocatură

Peisajul de marketing online se schimbă în mod constant, motiv pentru care trebuie să rămâneți pe lângă cele mai mari și mai importante tendințe de marketing. Cu ajutorul acestui ghid, veți ști exact ce funcționează și ce nu, astfel încât să puteți comercializa cu succes site-ul firmei dvs. de avocatură. Studiați acest tutorial:

3. Atragerea traficului pe site-uri pentru avocați

SEO este o modalitate excelentă de a obține mai mult trafic organic și vizitatori pe site-ul dvs. Utilizați acest articol pentru a afla despre elementele de bază ale SEO pentru avocați, pentru a înțelege potențialele capcane SEO pentru a evita și pentru a pune în aplicare practicile SEO recomandate pentru site-urile web ale firmei de avocatură. Acest tutorial vă va arăta cum:

4. Website Design pentru avocați

În cele din urmă, dacă aveți nevoie de mai multă inspirație sau doriți să vedeți ce fac alți avocați, firme de avocatură și avocați cu site-urile lor web, veți găsi o mulțime de exemple în acest proces.

Terestre mai multi clienti cu un site uimitor de firma de avocatura

Crearea unui site web pentru firma dvs. de avocatură sau pentru practica juridică este ușor de realizat cu ajutorul unor șabloane de site web ale site-urilor de avize receptive. Utilizați pașii de mai sus pentru a vă ajuta să configurați șablonul HTML legal utilizat și pentru a implementa cele mai bune tactici de marketing și de design pentru a face site-ul să iasă în evidență de mulțime.