Efni.
Velkomin í leiðbeiningar Creative Bloq um hvernig nota á HTML ketilplötu. Þegar kemur að uppbyggingu vefsíðu eru undirliggjandi undirstöður alltaf mjög svipaðar. Svo í stað þess að byrja allar nýjar síður frá grunni er skynsamlegt að nota HTML ketilplötu sem inniheldur nauðsynlega HTML uppbyggingu. Það er fljótleg og auðveld leið til að hefja byggingu hvaða lóðar sem er og það mun spara mikinn tíma og fyrirhöfn. (Ef þú ert að stofna síðu frá grunni, skoðaðu uppáhalds vefsíðugerðarmenn okkar).
Kíktu á HTML kóða vefsvæðis eða síðu og við tryggjum að þú munt sjá mörg sömu HTML merkin (ef þú vilt læra meira, sjá leiðbeiningar okkar um HTML merki) sem mynda grunnuppbyggingu hvers vefupplifunar. Sérhver vefsíða sem hefur verið byggð upp mun byrja með html> merki og það er næstum öruggt að þú munt sjá nauðsynleg merki eins og höfuð>, titill>, meginmál>, bls plús margt fleira.
Og það er ekki bara HTML merki sem þú þarft að hugsa um. Vefhönnuðir og hönnuðir verða að takast á við sérkenni einstakra vafra. Einn vafri mun gera tiltekin HTML merki öðruvísi en önnur sem þýðir að skipulag síðunnar kann að líta öðruvísi út í mismunandi vöfrum. Skoðaðu hina fullkomnu vefsíðuútgáfu okkar til að fá nauðsynleg ráð um hvernig á að koma hönnun þinni í lag. Og veldu vandlega milli vefþjónustuþjónustu til að ganga úr skugga um að vefsvæðið þitt sé blettur á.
CSS og JavaScript eru einnig umhugsunarefni. Aftur, ekki allir vafrar túlka þetta á sama hátt. En næstum öll þessi mál er hægt að útrýma með því að nota HTML ketilplötu. Og það besta er að áður en þú byrjar á nýjasta verkefninu þínu veistu að það virkar einfaldlega. Hin fullkomna leið til að koma einhverju verkefni af stað.
Hvað er HTML ketilplata?
Ketilplötur eru svipaðar sniðmát í þeim skilningi að þær veita þá þætti sem þarf til að skapa grundvöll byggingar. Venjulega er HTML ketilplata sett af skrám sem leggja grunn að hvaða vefsíðu sem er og hefur verið byggt upp af fagaðilum í iðnaði sem hafa upplifað sömu vandamál og vilja ekki að aðrir þurfi að ganga í gegnum sömu vandamál.
Ketilplötur innihalda venjulega fjölda skráargerða sem tengjast vefsíðugerð, þar á meðal HTML skjöl, grunn CSS stílblöð, nauðsynleg JavaScript, staðsetningarmyndir og skjöl um hvernig á að nota það sem þú varst að hlaða niður.
Vinsælar HTML ketilplötur
Til að komast á leið til HTML himins er HTML5 ketilplatan frábær staður til að byrja. Það lýsir sér sem „vinsælasta framhliðarsniðmát vefsins“ og er slétt og einfalt HTML sniðmát sem státar af öllum nauðsynlegu skrám og eignum sem þú þarft til að byrja að byggja strax.
Nýjasta útgáfan af HTML5 Boilerplate (v7) er búin með index.html skrá sem inniheldur merki til að mæta nauðsynlegum farsímavalkostum, Google Analytics og tengil á Normalize.css, sem hjálpar til við að strauja ósamræmi í vafra. Til að fá hugmynd um hvernig HTML5 Boilerplate starfar, skoðaðu myndbandið sem þeir setja upp á YouTube rásinni sinni. Það er nokkurra ára en gefur almenna hugmynd um hvernig ketilplatan virkar.
Annar mjög vinsæll valkostur til að kanna er Bootstrap. Þetta er „frontend hluti bókasafn“ og er miklu yfirgripsmeira tilboð en HTML5 ketilplata ramminn.Það státar af valkostum fyrir skipulag, innihald, leturgerðir, leturfræði og framhluta hluti eins og hnapp, hringekju, verkfæri og margt fleira.
En ef þú vilt ekki allt geturðu aðeins hlaðið niður þeim atriðum sem þú vilt fyrir smíðina þína. Orð viðvörunar, Bootstrap er mjög vinsæll kostur fyrir marga vefhönnuði og forritara, svo reyndu að vera aðeins hugmyndaríkari þegar þú notar sniðmát þess. Þú vilt ekki líta út eins og hver önnur vefsíða.
Notkun HTML5 ketilplata
Þegar þetta er hlaðið niður, þá býður þessi ókeypis, opni uppsprettukatli þér grunninn að HTML síðu (index.html), nokkrum CSS stílblöðum, JavaScript JavaScript skrám, img möppu til að setja myndir, 404 síðu, stillingarskrár og viðeigandi skjöl.
Við fyrsta niðurhalið er góð hugmynd að gera afrit, svo að þú hafir hreina óbreytta útgáfu af skrám, til viðmiðunar.
Til að byrja fyrst að skipta um favicon.ico og icon.png skrár með lógóinu þínu - þetta birtist sem táknmynd vefsvæðisins og táknið þegar vefsvæðið þitt er vistað á iOS-heimaskjá einhvers. Rafall á netinu getur hjálpað þér að búa til nýjar myndir.
Í HTML er safn af merkjum sem þú þekkir og nokkur atriði sem þú þekkir ekki. Til dæmis gæti Modernizr verið eitthvað sem þú þekkir ekki. Þetta er JavaScript kóði sem skynjar sjálfkrafa framboð á næstu kynslóð veftækni. Þetta hjálpar til við að tryggja að vefsvæðið þitt haldist uppfært sem best. Loka forskriftarþátturinn er fyrir Google Analytics, það er hægt að fjarlægja hann, en ef þú notar hann einfaldlega bætirðu við þínum eigin Google Analytics kóða.
Helst skildu allt eftir eins og þú fannst og einbeittu þér að líkami> tag þar sem innihaldið fer. Bættu við efni eftir opnunina líkami> tag og helst fyrir handrit> merki sem koma strax eftir p> merkimiðar. Gakktu úr skugga um að síðan hafi a titill> og fylltu út ‘Innihald’ gildi í ’Lýsing’ metamerki. Þetta mun gefa kynningu á því sem vefsvæðið snýst um, gott fyrir SEO.
Athugaðu einnig að allir hlekkir eru afstæðir í þessu skjali og því gætir þú þurft að breyta þeim í rótartengda eða algera hlekki ef þú byrjar að verpa vefsíður í möppum. Til dæmis, skrift src = "js / plugins.js"> gæti þurft að verða skrift src = "http://www.mysitename.com/js/plugins.js">. Einnig er gott að bæta við athugasemdum ef þú gerir einhverjar meiri háttar breytingar á HTML. Svo þegar þú kemur aftur geturðu minnt þig á hvaða breytingar voru gerðar.
CSS breytingar
Þegar þú hefur fengið reynslu er vert að íhuga sérsniðna smíði með Initializr, halda íhlutunum sem þú þarft og skurða þá sem þú gerir ekki. Einnig, ef þú ert að búa til WordPress síðu, kannaðu WordPress-sérstakt autt þema, svo sem HTML5 autt. Þessi niðurhal og þjónusta er öll ókeypis, svo þú getur skoðað og gert tilraunir með þau þegar þér hentar.
Samt, hvað sem þú gerir, þá ætti smá vinna og rannsókn núna að spara þér heilan tíma síðar, þegar þú dregur aðeins fram ketilplötuna þína (örugglega geymd í skýjageymslu) til að fá sprungu á nýrri vefsíðu.
Upprunalega birtist þetta efni í net tímaritinu.
