Actualment, gairebé tots els llocs es creen mitjançant sistemes de gestió de contingut (CMS). Però encara hi ha programadors que creen pàgines web a mà directament en el llenguatge de marques HTML. Voleu convertir-vos en un d’ells?
Instruccions
Pas 1
Utilitzeu un editor de text només de text per editar fitxers HTML. Deseu els resultats a la codificació Unicode; aleshores no tindreu problemes amb la col·locació de lletres ciríl·liques i llatines amb dièresi, així com símbols de símbols matemàtics i físics i lletres gregues a la mateixa pàgina alhora.
Pas 2
Anomeneu tots els fitxers amb l'extensió ".html" (sense cometes). En aquests noms, només es poden utilitzar lletres, números, guions baixos i guions llatins, però en cap cas altres signes de puntuació (excepte el període que separa el nom i l'extensió) i els espais.
Pas 3
Assegureu-vos de desar la pàgina inicial del lloc en un fitxer anomenat "index.html" (sense cometes). Col·loqueu aquest fitxer a la carpeta arrel d’allotjament. És el contingut que el visitant del lloc veurà introduint el seu URL a la barra d’adreces del navegador sense paràmetres addicionals. Col·loqueu la resta de la pàgina i els fitxers d'imatge a la mateixa carpeta.
Pas 4
A cada fitxer, organitzeu prèviament els blocs inicial i final. Organitzeu-los com es mostra a la figura. A l'última línia del bloc QC inicial: el valor hexadecimal de la brillantor del component vermell del color de fons de 00 a FF, ЗЗ - el mateix per al component verd, CC - el mateix per al component blau.
Pas 5
Col·loqueu el contingut de la pàgina entre els blocs inicial i final.
Pas 6
Recordeu els senyals de trànsit amb la designació d’assentaments. Si el rètol simplement té un nom escrit, significa que es troba a l’entrada de l’assentament amb aquest nom. Si es ratlla el nom, el rètol es troba a la sortida d’aquest. En una etiqueta, el signe de fracció davant de l'ordre actua com una línia a través d'un senyal de trànsit. L'acció de l'etiqueta "d'obertura" s'acaba quan l'etiqueta de "tancament" amb la mateixa ordre es troba més endavant al text.
Pas 7
Per iniciar un paràgraf, utilitzeu l'etiqueta que es mostra a la imatge a l'esquerra. Per tenir un sagnat d'una línia abans del paràgraf, utilitzeu l'etiqueta que es mostra a la figura de la dreta.
Pas 8
Per ressaltar el text en cursiva i negreta, utilitzeu les etiquetes i les seves combinacions que es mostren a la figura.
Pas 9
Per canviar la mida i el color de la font, utilitzeu l'ordre que es mostra a la figura anterior, on els valors CC, ZZ i SS es defineixen de la mateixa manera que per al color de fons, HIGH és l'alçada de la font en punts. Les etiquetes de color o tipus de lletra es poden ometre si només canvia la mida o només el color de la font. Per cancel·lar aquesta ordre, utilitzeu l'etiqueta que es mostra a la imatge següent.
Pas 10
Per inserir a la pàgina una imatge emmagatzemada localment a la carpeta arrel, utilitzeu la construcció que es mostra a la figura anterior. Per inserir una imatge emmagatzemada en un altre servidor, utilitzeu un disseny lleugerament diferent, que es mostra a la figura següent. No inseriu imatges de llocs de tercers sense el consentiment dels autors. Alguns llocs estan protegits contra aquest ús d'imatges.
Pas 11
Per inserir en una pàgina un enllaç a una altra, emmagatzemat localment a la carpeta arrel, utilitzeu l'estructura que es mostra a la figura anterior. Per enllaçar a una pàgina situada en un lloc de tercers, modifiqueu aquesta estructura tal com es mostra a la figura següent.
Pas 12
Cerqueu a la web un tutorial sobre el llenguatge de marques HTML i aprendreu a utilitzar la resta d'etiquetes que hi ha desenes en aquest idioma.
