El Bloc de notes de Windows és un programa bàsic de processament de textos que podeu utilitzar per escriure les vostres pàgines web. Les pàgines web són només text, i podeu utilitzar qualsevol programa de processament de textos per escriure HTML. Aquest tutorial us guiarà pel procés.
01 de 07Col·loqueu els fitxers en una carpeta nova
Per crear un nou lloc web al Bloc de notes, primer creeu una carpeta independent per emmagatzemar-la. Normalment, emmagatzema les vostres pàgines web en una carpeta anomenada HTML a la carpeta Els meus documents, però podeu emmagatzemar-los on vulgueu.
- Obriu elEls meus documents finestra.
- Feu clic Dossier > Nou > Carpeta
- Assigneu un nom a la carpeta my_website.
Nota important: Assigneu un nom a les carpetes i als fitxers web que utilitzin totes les lletres minúscules i sense espais ni signes de puntuació. Tot i que Windows us permet utilitzar espais, molts proveïdors d'allotjament web no ho fan, i us estalviaràs temps i problemes si designeu els fitxers i les carpetes correctament des del principi.
Desa la pàgina com a HTML
Igual que amb el nom del directori, quan deseu la pàgina, utilitzeu totes les lletres minúscules i sense espais ni caràcters especials en el nom del fitxer.
- Al bloc de notes, feu clic a Dossier i llavors Guardar com.
- Aneu a la carpeta on deseu els fitxers del vostre lloc web.
- Canvia el Desa com a tipus desplegable al menú desplegable Tots els fitxers (*.*).
- Assigneu un nom al fitxer. Aquest tutorial fa servir el nom mascotes.htm.
03 de 07
Comenceu a escriure la pàgina web
El primer que heu d'escriure al vostre document de Bloc de notes HTML5 és el DOCTYPE. Això indica als navegadors quin tipus d'HTML esperarà.
La declaració doctype no és una etiqueta. Explica a l'ordinador que un document HTML5 està arribant. Va a la part superior de cada pàgina HTML5 i pren aquest formulari:
Una vegada que tingueu el DOCTYPE, podeu començar el vostre HTML. Escriviu tant l'etiqueta inicial com l'etiqueta final i deixeu espai per als vostres continguts del cos de la vostra pàgina web. El document del bloc de notes hauria de ser així:
Crea un cap per a la teva pàgina web
El cap d'un document HTML és on s'emmagatzema informació bàsica sobre la vostra pàgina web: aspectes com el títol de la pàgina i, possiblement, etiquetes meta per a l'optimització del motor de cerca. Per crear una secció del cap, afegiu les etiquetes principals al vostre document de text HTML del Bloc de notes entre les etiquetes HTML.
Igual que amb les etiquetes HTML, deixeu-vos espai entre ells, de manera que hi hagi espai per afegir la informació del cap.
05 de 07Afegiu un títol de la pàgina a la secció principal
El títol de la vostra pàgina web és el text que es mostra a la finestra del navegador. També és el que s'escriu a les adreces d'interès i als preferits quan algú guarda el vostre lloc. Guardeu el text del títol entre les etiquetes del títol. No apareixerà a la mateixa pàgina web, només a la part superior del navegador.
Aquesta pàgina d'exemple es titula "McKinley, Shasta i altres mascotes".
No importa quant de temps sigui el seu títol o si abasta diverses línies al vostre codi HTML, però els títols més curts són més fàcils de llegir, i alguns navegadors retallen els més llargs a la finestra del navegador.
06 de 07L'entitat principal de la vostra pàgina web
El cos de la vostra pàgina web s'emmagatzema dins de les etiquetes del cos. Hauria de venir després de les etiquetes principals, però abans de l'etiqueta HTML final. Aquí és on es posa el text, titulars, subtítols, imatges i gràfics, enllaços i tot el contingut. Pot ser el temps que vulgueu.
Deixeu espai extra entre les etiquetes del cos inicial i final.
Aquest mateix format es pot seguir per escriure la vostra pàgina web al Bloc de notes.
07 de 07Creació d'una carpeta d'imatges
Abans d'afegir contingut al cos del vostre document HTML, heu de configurar els vostres directoris per tenir una carpeta d'imatges.
- Obriu el Els meus documents finestra.
- Canvieu al my_website carpeta.
- Feu clic Dossier > Nou > Carpeta
- Assigneu un nom a la carpeta imatges.
Guardeu totes les imatges del vostre lloc web a la carpeta d'imatges perquè pugueu trobar-les més tard. Això facilita la càrrega quan calgui.
