Com aprendre a fer llocs web? Creació d'un lloc web des de zero

Taula de continguts:

Com aprendre a fer llocs web? Creació d'un lloc web des de zero
Com aprendre a fer llocs web? Creació d'un lloc web des de zero
Anonim

Avui dia molts creen llocs web a Internet per mostrar-se i connectar amb altres usuaris. Les empreses modernes no poden permetre el luxe de no tenir el seu propi recurs en línia, ja que aquesta és una manera eficaç d'atreure més clients potencials.

Si voleu crear el vostre propi lloc web, us heu de preocupar i suposar que trigarà molt de temps. Molta gent ho pensa, però aquesta opinió és errònia. De fet, no hi ha grans dificultats en aquesta qüestió. A continuació trobareu una instrucció detallada, després de la qual podeu aprendre a crear llocs web des de zero.

creació de llocs web per a empreses
creació de llocs web per a empreses

Primer de tot, recordeu el següent:

  • no cal ser un expert en informàtica per crear un lloc web des de zero;
  • no cal saber el codi bàsic, gestionar amfitrions o servidors;
  • no necessiteu molts diners.

Si vols crear un lloc web, només has de saber per on començar. Seguiu les instruccions següents i podreu tenir el vostre recurs en funcionament en poques hores. Tant si esteu interessats a crear llocs web per a empreses o per ales teves necessitats personals, el procés serà similar.

Si no hi ha habilitats de programació: tria un constructor automàtic

Els constructors d'automòbils són la manera més fàcil, barata i ràpida de crear un lloc web. Alguns dels serveis més comuns són Wix, Squarespace, Weebly i Jimdo. Actualment, aquests creadors es troben al cor de milions de llocs creats per usuaris normals. Si no sou un expert en programació web, aquesta és la millor opció per a vos altres.

Gràcies als dissenyadors, la feina de crear pàgines del lloc es redueix en realitat a arrossegar els elements per la pantalla amb el ratolí. Tot el flux de treball és tan senzill i intuïtiu com crear una presentació de PowerPoint.

Els desenvolupadors han creat el programari especial necessari per crear un lloc des de zero pel seu compte, així que ara només cal que utilitzeu el cursor a la pantalla i arrossegueu presentacions de diapositives, blocs de text, imatges o vídeos en l'ordre que vulgueu. triar. Pots inserir el teu propi text, penjar qualsevol imatge, incrustar vídeos (de YouTube, per exemple) i fer clic a Publica.

creació d'un lloc web de botiga en línia
creació d'un lloc web de botiga en línia

Es creu que l'organització del lloc requereix coneixements d'HTML (llenguatge de marcat d'hipertext - un llenguatge de codificació comú per a tipus de lletra i estils de text) i CSS (full d'estil en cascada - utilitzat per compondre pàgines web). Es triga molts mesos a crear el codi (i requereix habilitats especials) i utilitzar-lo per crear un lloc web és complex i requereix molt de temps.

Com triar un constructor d'aquest tipus?

L'ús d'un creador d' alta qualitat significa que qualsevol usuari pot crear el seu propi recurs automàticament. És per això que escollir aquest servei és el primer pas a l'hora de crear un lloc web des de zero pel vostre compte. Cap d'ells no requereix la introducció de codis. Això vol dir que no haureu de gastar molts diners en contractar autònoms per esbrinar com dissenyar i crear un lloc web.

Quan trieu un constructor, guiau-vos pels paràmetres següents:

  • quina interfície trobeu més fàcil d'utilitzar;
  • quines plantilles i funcions de disseny t'agraden més;
  • , la funcionalitat del creador us ajuda a crear el lloc que heu planificat.

També és útil comprovar com funciona cadascun d'aquests creadors per a les versions mòbils dels llocs. Com que avui dia un gran nombre d'usuaris (visitants potencials del vostre lloc) accedeixen a Internet mitjançant telèfons intel·ligents, és molt important que el vostre recurs es vegi bé en qualsevol dispositiu. Abans de crear un lloc web, explora les capacitats de cada servei.

En aquest sentit, tots els temes de Squarespace són sensibles als mòbils (és a dir, les pàgines que es carreguen automàticament tindran el mateix aspecte independentment del dispositiu que utilitzi el visitant). Jimdo i Weebly ofereixen una àmplia gamma de versions per a mòbils, mentre que Wix i GoDaddy ofereixen editors mòbils que us permeten personalitzar com sembla que el vostre lloc sembli més adaptat per a mòbils o amagar-lo del tot.determinat contingut dels navegadors mòbils.

Els bons constructors us permeten canviar entre les versions completes i mòbils perquè pugueu fer diverses personalitzacions. Aprendre a crear llocs web amb aquests serveis és molt fàcil. Val la pena assenyalar que els serveis anteriors tenen funcions gratuïtes molt limitades. Si voleu crear un lloc gran, haureu de pagar mensualment pel seu ús.

formació en desenvolupament de llocs web
formació en desenvolupament de llocs web

També podeu crear el vostre lloc amb un motor (com ara WordPress), però només si teniu coneixements tècnics bàsics o utilitzeu l'ajuda d'un estudi de creació de llocs. Els CMS senzills poden ser de gran ajuda, però de vegades requereixen canvis de codi per corregir errors.

Si tens habilitats bàsiques: tria un motor

Quins idiomes s'utilitzen per crear llocs web? A mitjans dels anys 2000, la majoria de llocs web es van crear amb HTML, CSS i fins i tot Flash. Va costar molt de temps i no va ser fàcil dominar aquestes habilitats. Avui, només un coneixement bàsic superficial d'aquestes llengües és suficient. Com aprendre a crear llocs web amb aquestes plataformes?

Si voleu crear ràpidament un recurs funcional, compatible amb mòbils i fàcil d'utilitzar, haureu de triar una plataforma o un motor. Avui dia, aquests serveis han fet que la creació de llocs web sigui accessible per a tothom, ja que us permeten configurar una gran quantitat de pàgines HTML automàticament sense escriure cap codi.

Segons les últimes estadístiquesSegons les dades, WordPress és el sistema de gestió de continguts més popular (55%), seguit de Joomla (20%) i Drupal (11%). Tots ells són d'ús totalment gratuït. És per això que el millor és utilitzar WordPress, especialment per crear un lloc d'informació.

Drupal és una plataforma molt potent, afavorida per programadors experimentats i desenvolupadors professionals, però la seva interfície és força complexa, per la qual cosa no és la millor opció per als principiants. Joomla és similar a WordPress i funciona bé per crear un lloc de botiga en línia, però necessitareu almenys una mica d'habilitats tècniques de codificació per crear les personalitzacions que necessiteu.

La personalització de WordPress és la plataforma més lleugera i senzilla però prou flexible per satisfer les necessitats de cada usuari. Es donaran instruccions addicionals per crear un lloc utilitzant aquest motor com a exemple.

Com començar: allotjament de dominis i llocs web

Per configurar el vostre lloc, necessitareu dos elements:

  • nom de domini (adreça web, per exemple, el vostrenom.com);
  • hosting (un servei que connecta el vostre recurs a Internet).

Llavors, com aprendre a fer llocs web? El motor en si és gratuït i està disponible per a tothom, però el nom de domini i l'allotjament requereixen que pagueu una petita quantitat. Posseir el vostre propi nom de domini sembla molt més professional que posar un nom al vostre lloc en un domini de tercers (que serà de tercer nivell). A més, l'allotjament independent garanteix que el vostre recurs es carregarà ràpidament i noapagar durant diverses hores seguides. Això tindrà un gran impacte en la seva assistència.

com fer un lloc web
com fer un lloc web

Tan aviat com registreu el vostre nom de domini, rebreu simultàniament un nou compte de correu electrònic que serà el vostre. Sembla més professional que la safata d'entrada compartida a Gmail i altres serveis. Més endavant, pas a pas, la creació del lloc es realitza de la següent manera:

  1. Seleccioneu un proveïdor d'allotjament.
  2. Registreu-vos al servei que trieu.
  3. Vés a la pàgina on podràs triar un pla d'allotjament segons les teves necessitats i possibilitats financeres.

Per regla general, per als principiants, la versió bàsica és força adequada, que costa una quantitat molt modesta. Sempre pots actualitzar a un altre pla més tard.

Com triar un nom de domini?

Si esteu creant un lloc web per a una empresa, el nom del domini ha de coincidir amb el nom de la vostra empresa. Podeu triar un registrador internacional i, aleshores, el nom del vostre lloc acabarà amb.com,.org o.net. O, opteu pel més popular.ru o.su. També val la pena assenyalar que recentment han aparegut un nombre molt gran d'extensions de domini, des de.agency fins a.pizza. No obstant això, és millor no optar per ells si no descriuen exactament el que tens per oferir. Per exemple, quan creeu un lloc web de botiga en línia, és millor limitar-vos a l'estàndard.com.

Si ja teniu un nom de domini ben pensat, només cal que introduïu-lo i feu clic a "Següent" al formulari corresponent al lloc web del registrador. Si noa punt per recollir-lo immediatament, ho podeu fer més endavant.

Com registrar l'allotjament?

Per crear el vostre propi compte, simplement ompliu la vostra informació personal al formulari de registre del proveïdor d'allotjament. Haureu de proporcionar el vostre nom i cognoms, país i ciutat de residència, així com adreça, codi postal, número de telèfon i correu electrònic. S'enviarà una sol·licitud de confirmació a l'adreça de correu electrònic que introduïu. Després d'això, heu d'introduir la vostra informació de pagament.

crear un lloc web des de zero
crear un lloc web des de zero

El següent pas en el registre és triar un pla (tarifa) i un paquet d'allotjament. Després d'això, presteu atenció a les opcions addicionals disponibles per crear i mantenir llocs, com ara protegir la privadesa del domini seleccionat. A continuació, feu el pagament. Això és tot, pots començar a crear un lloc.

Motor de càrrega a l'allotjament

Un cop hàgiu registrat un nom de domini i hàgiu configurat l'allotjament seleccionat, podeu començar a treballar directament per crear un lloc web. El principal que heu de fer al principi del procés és instal·lar WordPress (o una altra plataforma) al vostre domini. Hi ha dues maneres de fer-ho, una de les quals és molt més fàcil que l' altra.

Primer de tot, gairebé totes les empreses d'allotjament fiables i de bona reputació tenen una instal·lació integrada d'un sol clic de WordPress i Joomla, que simplifica molt el procés de descàrrega. Pots trobar aquest servei de creació de llocs al tauler de control del teu perfil.

Els passos a seguir són els següents,que heu de completar (haurien de ser els mateixos per a tots els proveïdors principals):

  1. Inicieu la sessió al vostre compte d'allotjament.
  2. Vés al tauler de control que hi ha.
  3. Cerqueu la icona "Lloc" o WordPress.
  4. Seleccioneu el domini al qual voleu penjar el vostre recurs.
  5. Feu clic al botó "Instal·la ara" i tindreu accés al vostre nou lloc de WordPress.

En segon lloc, podeu fer una instal·lació manual. Si, per un dels motius (alguns serveis no permeten la instal·lació amb un sol clic), no podeu descarregar WordPress automàticament, ho haureu de fer vos altres mateixos.

Procés de configuració

Aleshores, com fer un lloc web? Un cop hàgiu instal·lat correctament WordPress o un altre motor al vostre domini, podreu veure un recurs web molt fàcil de gestionar però net. Perquè tingui característiques distintives, necessiteu un tema: una plantilla de disseny (plantilla) que indiqui a la plataforma com és el vostre lloc. L'elecció pot ser creativa i interessant. Hi ha milers de temes atractius i dissenyats per experts que podeu baixar i personalitzar per al vostre lloc, segons el tema i la finalitat.

instruccions de creació del lloc
instruccions de creació del lloc

Com trobar el patró que més t'agradi i que s'adapti millor:

  1. Vés a la barra d'eines de WordPress.
  2. Accés obert a temes gratuïts. Per fer-ho, visualitzeu la barra lateral Aparença i feu clic a Temes. Si necessites alguna cosa més professional ooriginal, podeu anar a ThemeForest.net, que té una gran biblioteca de plantilles disponible a diferents preus.

Però abans de fer-ho, és una bona idea passar una mica de temps navegant per les plantilles gratuïtes. Molts d'ells són professionals i de gran qualitat. Podeu cercar paraules clau específiques o aplicar filtres per trobar temes que s'adaptin al vostre estil. Trobar l'ajust perfecte pot trigar una mica, però val la pena.

Quan apreneu a crear llocs web, heu de tenir en compte el següent: heu de buscar plantilles que semblin "responsives" al format del lloc, ja que això vol dir que quedaran bé a tots els dispositius mòbils.

Comença un tema nou

Un cop hàgiu trobat una plantilla que us agradi, podeu descarregar-la fàcilment. Per fer-ho, heu de fer clic a "Instal·lar" i després a "Activar".

estudi de desenvolupament de llocs web
estudi de desenvolupament de llocs web

Recordeu que canviar el tema no afectarà les vostres publicacions, publicacions, pàgines i contingut anteriors. Pots canviar-los regularment sense preocupar-te de perdre el contingut que ja has creat.

Com afegir informació i crear pàgines noves?

Com aprendre a fer un lloc web quan s'hagin acabat tots els treballs previs? Un cop instal·lada la plantilla, estaràs preparat per afegir dades. Aquests són alguns dels conceptes bàsics a tenir en compte:

  1. Afegir pàgines i editar-les. Per tant, voleu crear una pàgina "Quant a" o "Serveis" (per exemple, al menú de la part superior de la interfície del lloc). Això es pot fer de la següent manera. Mireu el menú lateral a la barra d'eines de WordPress, seleccioneu "Pàgines" -> "Afegeix nou". Tan bon punt feu clic a aquests elements, veureu una pantalla molt semblant a la interfície de Microsoft Word. Introduïu text, pengeu imatges i altres continguts per crear la pàgina que voleu i deseu-la quan hàgiu acabat.
  2. Afegir al menú de pàgines. Si voleu que la vostra pàgina recentment creada estigui sincronitzada amb la barra de navegació, deseu els canvis que hi hàgiu fet fent clic a Actualitza. Feu clic a "Aparença" -> "Menú" al panell al costat de la interfície del tauler de control de WordPress. Cerqueu la pàgina que heu creat i enumereu-la marcant la casella que hi ha al costat i, a continuació, seleccioneu Afegeix al menú.
  3. Afegir i editar missatges. Si teniu un bloc al lloc, totes les "Publicacions" es mostraran una per una. Teniu la possibilitat d'utilitzar diferents categories per agrupar missatges similars. Per tant, és possible utilitzar diferents categories i encapçalaments. Suposem que voleu crear una categoria anomenada "Blog". Per fer-ho, afegiu-lo al vostre menú i comenceu a publicar. Per fer-ho, aneu a la secció "Publicacions -> Categories" o escriviu la publicació del vostre bloc anant a la secció "Publicacions -> Afegeix noves". Quan hàgiu acabat d'escriure la vostra publicació, haureu d'afegir-la a la categoria adequada. Un cop hàgiu creat la vostra categoria, afegiu-la al menú i tot es mostrarà al lloc.

Canvia el títol i els noms de la pàgina

Títols de pàginaexpliqueu als visitants de què tracta el vostre lloc i també afecten directament la manera com els motors de cerca veuen el vostre rànquing. Per aquest motiu, assegureu-vos que continguin les paraules clau que voleu orientar. Hauríeu d'utilitzar un títol únic a cada pàgina del recurs creat. Les metaetiquetes o subtítols de creació de llocs també s'inclouen al final dels encapçalaments de qualsevol pàgina web. Per canviar el títol i la signatura al vostre lloc, aneu a "Configuració" -> "General" i escriviu les dades al formulari que s'obre.

Desactivació dels comentaris al recurs

Alguns propietaris de llocs web (sobretot relacionats amb empreses) no volen que els seus visitants puguin comentar les pàgines. Per desactivar els comentaris a les pàgines web de WordPress, seguiu aquests passos:

  1. Si esteu creant una pàgina nova, feu clic a "Opcions de visualització" al menú superior dret.
  2. Feu clic al camp de discussió. "Permet comentaris" es mostrarà a la part inferior.
  3. Desactiva Permetre comentaris.

Si voleu desactivar els comentaris a cada pàgina de nova creació de manera predeterminada, podeu fer-ho així: cerqueu la secció al menú "Configuració -> Discussió" i desmarqueu la casella anomenada "Permet als usuaris deixar comentaris a articles nous".

Com personalitzar la pàgina d'inici?

Si utilitzeu WordPress, probablement no vulgueu que la vostra pàgina d'inici sembli una publicació de bloc. Podeu solucionar-ho si el feu "estàtic". A diferència de l'estàndardblog, on el primer article acabat de crear es mostrarà a la part superior cada vegada, la pàgina "estàtica" configurada mostra el mateix contingut cada vegada que algú visita el lloc.

Per configurar-lo, feu el següent:

  1. Vés a la secció anomenada "Configuració -> Lectura".
  2. Fes una selecció de la pàgina estàtica que has desat. "Inici" mostra la vostra pàgina d'inici, "Pàgina de publicacions" és la primera part del vostre bloc (tret que tota la vostra propietat sigui un bloc).

Si no designeu una pàgina estàtica amb la vostra configuració, WordPress copiarà les vostres publicacions més noves i les mostrarà a la portada.

Canvia la configuració a la barra lateral

La majoria dels temes de WordPress tenen una barra lateral al costat dret (de vegades al costat esquerre). En el cas que vulguis desfer-te'n o editar elements, eliminant els innecessaris, fes el següent:

  1. Vés a "Aparença -> Ginys" al menú d'eines de WordPress.
  2. En aquest moment, podeu utilitzar arrossegar i deixar anar per incloure diferents "caixes" a la barra lateral o excloure elements innecessaris.

També hi ha un camp HTML, un camp de text on podeu aplicar codi HTML. Si teniu els coneixements per fer-ho, deixeu-ho en pau.

Instal·la connectors per a una millor funcionalitat

Els Plugins són extensions dissenyades per millorar la funcionalitat de WordPress afegint noves característiques i funcionalitats al vostre lloc que no s'incorporen automàticament. Aquestes són dreceres perquè el vostre recurs pugui fer el que vulgueu sense haver de desenvolupar una funció des de zero.

Podeu utilitzar una varietat de connectors per fer gairebé qualsevol cosa, des d'habilitar una galeria de fotos i enviar un formulari fins a una optimització seriosa del lloc i el desenvolupament de botigues en línia.

La instal·lació d'aquest connector és fàcil. Per iniciar la instal·lació, cerqueu la secció "Complements -> Afegeix nous" i després comenceu a cercar. Recordeu que hi ha aproximadament 25.000 extensions gratuïtes i variades disponibles. La instal·lació és molt senzilla: un cop trobeu el connector adequat, feu clic a "Instal·la".

Quines extensions són les més populars?

Els següents són connectors populars de WordPress que molts administradors web troben en demanda:

  1. Formulari de contacte. Aquesta és una característica sorprenent, ja que els visitants poden omplir un formulari i després enviar-vos un correu electrònic sense iniciar sessió al seu proveïdor de correu electrònic personal. En cas que vulgueu crear alguna cosa semblant, assegureu-vos d'instal·lar aquest connector.
  2. Yoast SEO dissenyat per a WordPress: quan voleu que el vostre lloc estigui més optimitzat per a SEO, aquest connector és imprescindible. Està disponible de forma gratuïta i funciona de manera increïble. Podreu editar les etiquetes de títol, totes les metadescripcions i molt més, i totes les accions seran des de la pròpia pàgina. Així, ja no haureu de fer front a la configuració de WordPress durant molt de temps.
  3. GoogleAnalytics: us agradaria fer un seguiment de tots els visitants del recurs i del seu comportament? Per fer-ho, posaconnector, sincronitzeu-lo amb el vostre compte de Google i ja esteu preparat.

Si heu seguit els passos de la guia anterior, hauríeu de tenir un lloc de WordPress totalment funcional. Continueu actualitzant-lo i millorant-lo per tenir èxit.

Recomanat: