Redacció d'HTML al Bloc de notes

HTML proporciona la base estructural de les pàgines web i qualsevol dissenyador web haurà de comprendre aquest idioma. Tanmateix, el programari que utilitzeu per codificar aquest idioma és vostra. De fet. si utilitzeu Windows, no cal comprar o descarregar un editor per escriure HTML. Teniu un editor perfectament funcional integrat al vostre sistema operatiu: bloc de notes.

Aquest programari té limitacions, però li permetrà codificar codi HTML, que són només fitxers de text. Atès que el Bloc de notes ja està inclòs amb el vostre sistema operatiu, no podeu superar el preu i podeu començar a escriure HTML immediatament.

Només hi ha uns quants passos per crear una pàgina web amb Bloc de notes :

  1. Bloc de notes obert
    1. El bloc de notes es troba gairebé sempre al menú "Accessoris". Com trobar bloc de notes a Windows
  2. Comenceu a escriure el vostre HTML
    1. Recordeu que heu de tenir més cura que en un editor HTML. No tindrà elements com ara la finalització o la validació d' etiquetes . Realment està codificant des de zero en aquest punt, de manera que els errors que comportis no seran els que el programari pugui atrapar. Apreneu HTML
  3. Deseu el vostre HTML a un fitxer
    1. El Bloc de notes normalment desa fitxers com .txt. Però des que escriviu HTML, heu de desar el fitxer com a .html. Si no ho feu, tot el que tindreu és un fitxer de text que conté codi HTML. Què he de nomenar el meu fitxer HTML?

Si no teniu cura en el tercer pas, acabareu amb un fitxer anomenat com: filename.html .txt

A continuació s'explica com evitar-ho:

  1. Feu clic a "Fitxer" i, a continuació, "Desa com"
  2. Aneu a la carpeta a la qual voleu desar
  3. Canvieu el menú desplegable "Desa com a tipus" a "Tots els fitxers (*. *)"
  4. Assigneu un nom al vostre fitxer, assegureu-vos d'incloure l'extensió .htlm, per exemple, pàgina d'inici.html

Recordeu que HTML no és molt difícil d'aprendre, i en realitat no necessiteu comprar cap altre programari o altres elements addicionals per tal d'emplenar una pàgina web bàsica. Hi ha, però, avantatges d'utilitzar un programari d'edició HTML més avançat.

Ús del bloc de notes & # 43; & # 43;

Una actualització senzilla al programari gratuït Notepad és Notepadd ++. Aquest programari és una descàrrega gratuïta, de manera que si esteu intentant escriure HTML sense haver de comprar un programari car, el Bloc de notes encara us ha cobert.

Tot i que el Bloc de notes és un paquet de programari molt bàsic, el Notepad ++ té funcions addicionals que la converteixen en una gran opció per codificar HTML.

En primer lloc, quan guarda una pàgina amb l'extensió de fitxer .html (per tant, dient que el programari és, de fet, escrivint HTML), el programari afegirà números de línia i codis de colors al que escriviu. Això fa que sigui molt més fàcil escriure HTML, ja que reprodueix les característiques que trobarà en els programes més cars i centrats en el disseny web. Això facilitarà la codificació de noves pàgines web. També podeu obrir pàgines web existents en aquest programa (i al Bloc de notes) i editar-les. Una vegada més, les funcions addicionals de Notepad ++ faran que sigui més fàcil per a vosaltres.

Ús de Word per a l'edició HTML

Encara que Word no apareix automàticament amb els ordinadors Windows de la manera que fa el Bloc de notes, encara es troba en moltes computadores i és possible que estigui temptat d'intentar utilitzar aquest programari per codificar HTML. Si bé, de fet, és possible escriure HTML amb Microsoft Word, no és aconsellable. Amb Word, no obtens cap dels avantatges del Notepad ++, però cal lluitar amb el desig d'aquest programari de fer-ho tot en un document de text. Pot fer que funcioni? sí, però no serà fàcil i realista, és molt millor utilitzar Bloc de notes o Notepadd ++ per a qualsevol codi HTML o CSS.

Escriure CSS i Javascript.

Igual que els fitxers HTML, CSS i Javascript són només fitxers de text. Això vol dir que també podeu utilitzar el Bloc de notes o el Bloc de notes (++) per escriure Fulls d'estil en cascada o Javascript. Simplement hauria de desar els fitxers mitjançant les extensions de fitxer .css o .js, depenent del tipus de fitxer que esteu creant.

Article original de Jennifer Krynin. Editat per Jeremy Girard el 13/10/16.