Creació del seu primer lloc web des de zero: 4 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:16

Aquest instructiu us mostrarà com fer el vostre propi lloc web, completament des de zero sense aprendre pràcticament cap html, i completament gratuït, tot i que cal alguna habilitat en un programa de pintura, però si no teniu aquesta habilitat, podeu cercar a Internet per al que faràs en pintura prefabricats. la llista de coses que necessites.

• Accés a Internet (és probable que si llegiu això tingueu aquest)
• Un programa de pintura
• Aproximadament una hora de temps (encara més curta segons la vostra habilitat)
• I algunes descàrregues que, per descomptat, són articles gratuïts.

La primera descàrrega es diu gimp, que bàsicament és una versió aigualida de la botiga de fotos o una versió més voluminosa de Windows Paint que decidiu. Gimp, aquest programa també té versions per a usuaris de Linux i Mac. A continuació, m’agrada molt que sigui un editor HTML. ho has endevinat Consum gratuït. això és el que fa que no hàgiu d'aprendre HTML. però si voleu fer la codificació, podeu fer-ho en aquest programa. NVUGot tot això, bé ara, a punt per fer el pas al món de la interweb.

Pas 1: fer les imatges

Aquest és el pas en què feu totes les imatges del vostre lloc, és clar que haureu de tenir un nom per al vostre lloc en aquesta etapa. el lloc instructable, per exemple, tot el que realment és és un bàner a la part superior, la barra taronja amb els botons i algunes barres de menú. Només cal que tot sigui una sola imatge (només heu de deixar l'àrea de contingut, és a dir, on es troba el text és a la pàgina central, només heu de deixar aquest punt en blanc) i no feu cap fons, només heu d'omplir el fons amb un color sòlid que vagi bé amb la vostra pàgina. No us diré consells de pintura ni res que pugueu mirar en això pel seu compte. un cop tingueu com voleu que es vegi la vostra pàgina principal. un cop acabat. retalleu i enganxeu tot el que es pugui fer clic, inclosos el bàner i els botons individualment, en una finestra nova i deseu-lo per separat. Assegureu-vos de desar-los com a.png; mireu les imatges per obtenir un exemple meu. L’objectiu aquí és separar-ho tot per poder codificar-lo.

Un altre suggeriment és crear una nova carpeta per desar-les, no necessària, sinó per a l'organització

Pas 2: tornar a posar tot junt

Ara per això, obriràs nvu, em va costar una mica fer clic, però no és tan complicat. malament et portarà pas a pas.

En primer lloc, haureu d’agafar la barra superior que es defineix per defecte a 600 (estic segur), però voldreu arrossegar-la per sobre i fer-ne una amplada de 1.000, feu el mateix al costat i feu-la 600. Primer voldreu fer que el fons del lloc no utilitzeu el farciment que heu utilitzat al vostre programa de pintura; en lloc d'això, aneu a Format> Colors de pàgina i Fons, feu clic a Utilitza colors personalitzats. i feu que el color de fons sigui el que heu creat al programa de pintura. El següent que voldreu fer és afegir el bàner superior. feu clic al botó d'imatge de la barra d'eines. i troba la teva pancarta. feu clic a No utilitzeu text alternatiu. i d'acord. ara teniu la vostra primera imatge a la vostra pàgina. * Feu clic a la barra d'origen que hi ha a la part inferior del programa per veure la quantitat de codificació que es va destinar a això. també és una bona manera d’aprendre HTML. Pengeu la resta de botons, podeu utilitzar text alternatiu o no depèn de vosaltres. però, haureu de fer clic al botó i anar a la barra de format a les propietats de la imatge i l'enllaç. feu clic a la barra d’enllaços i feu-lo enllaçar a allò que pertany, el botó d’inici seria index.htm, el botó d’enllaços seria links.htm escriviu a quins enllaços es troben els botons, els necessitareu més tard un cop hàgiu acabat tot hauria de semblar a la imatge del lloc web abans de fer el tall i enganxar. L’últim que voldreu fer és fer una taula al centre de la pàgina sota els botons, podeu canviar el color i les vores a la barra de menú, aquí és on anirà el vostre text principal. escriviu alguna cosa al seu lloc perquè tingueu alguna cosa al vostre lloc.

Pas 3: Configuració de tot

Ara ja teniu el lloc web pràcticament fet. però probablement no tingueu el temps ni l’espai necessari per configurar un servidor, a més no seria gratuït. però són llocs que allotjaran el vostre lloc web gratuïtament als seus servidors. el meu favorit és. pàgines web gratuïtes

Si no us ve de gust fer-ho de forma instructiva i només esteu llegint, podeu fer un lloc des del que tenen tot el que necessiteu, només cal que trieu com voleu que es vegi el vostre lloc i escriviu el que voleu. Aquesta manera de fer-ho és molt més flexible

Feu un compte a freewebs si es pren el nom del vostre lloc web. No us preocupeu, només cal que afegiu un 2 al final del vostre lloc, és a dir, mines punkholy, si es prengués, en diria punkholy2. (probablement això no serà el que escrivin les persones quan van al vostre lloc. Per últim, quan configureu el lloc web, assegureu-vos de configurar-lo al mode html. Acabareu en una pantalla com la tercera imatge, feu clic a gestor de llocs, i feu clic per editar la pàgina anomenada index.htm, suprimiu les coses que contenen, aneu a la barra d'origen de nvu i copieu-les i enganxeu-les a l'editor de text ara buit. Carregueu finalment les imatges al directori principal i feu clic al petit globus per veure la pàgina, si hi ha algun problema, fes-ne un comentari i envia'm un missatge amb el teu html i veig què puc fer.

Pas 4: Acabar

Desnudeu-vos de mi el vostre gairebé acabat. recordes quan estàs tan posat per escriure aquests noms? Ara quan els necessiteu. feu algunes pàgines noves amb el mateix nom que els botons. ara aneu a copiar el codi html de la pàgina Índex. i copieu-lo a les noves pàgines, després de la inspecció. hauríeu de veure on és el text que heu introduït a la pàgina inicial. podeu esborrar-ho i escriure una altra cosa que entraria a la pàgina i, a continuació, haureu de buscar algun html si voleu afegir enllaços a un altre lloc i coses per l'estil. però, per a la majoria, el FET prova els botons per veure si funcionen. penseu en contingut i sigueu feliços. * com a pas opcional si teniu un nom que es va prendre i havíeu de posar un 2 al vostre nom, aneu aquí i registreu el nom que vulgueu. fins i tot si es pren en freewebs, és probable que no es prengui aquí. Finalment, només es comenten les coses habituals si teniu problemes, sé que és molt instructiu amb molta informació i, si deixo alguna cosa, digueu-me, no us flameu jo, Iv vaig fer molts llocs web i alguna cosa que crec que és obvi pot no ser tan obvi per a algú que hi sigui nou. si voleu un exemple aquí el meu lloc www.punkholy.tk.