Hoe om te toets, toets jou webwerf se inhoud

Toets beelde en tekslengtes om te verseker dat u webwerf toepaslik reageer

Wanneer ons webwerwe ontwerp en beplan hoe die inhoud van die webwerwe vertoon sal word, doen ons dit dikwels met 'n ideale situasie in gedagte. Opskrifte en teksareas word voorgestel as sekere lengtes, terwyl die beelde wat die teks vergesel, ontwerp word om in dimensies te vertoon wat hulle in staat stel om te werk soos bedoel in die algehele ontwerp. Selfs as hierdie elemente ietwat vloeibaar is as deel van ' n responsiewe webwerf bou (wat hulle behoort te wees), sal daar 'n beperking wees op hoe buigsame hulle kan wees.

As u 'n webwerf implementeer op 'n CMS (inhoudbestuurstelsel) en toelaat dat kliënte daardie webwerf bestuur en nuwe inhoud oor tyd voeg, sal die limiete waarvoor u ontwerp het, absoluut op die proef gestel word. Vertrou op die feit dat u kliënte maniere sal vind om die webwerf wat u nooit gedroom het, te verander nie. As u nie situasies goed geag het buite die ideale wat u in u ontwerpproses gewerk het nie, kan die uitleg van die werf ernstig in gevaar wees. Dit is hoekom dit veral belangrik is dat u al die inhoud van die webwerf en die aspekte van die uitleg van die werf toets voordat u die webwerf begin. Hier is 'n paar wenke vir hoe jy dit kan doen.

Toets Beeld Groottes

Sonder 'n twyfel is die mees algemene manier waarop mense die uitleg van hul webwerf breek, deur onbehoorlike grootte beelde te voeg (dit is ook die manier waarop hulle 'n negatiewe impak op die werf se algehele prestasie het en lae aflaaisnelhede veroorsaak). Dit sluit in beelde wat te groot is, sowel as dié wat te klein is om te werk soos bedoel in u webwerf.

Selfs as jy CSS gebruik om die grootte van hierdie beelde in jou uitleg te dwing, sal beelde wat baie skaal met jou oorspronklike spesifikasies vir die werf het, probleme veroorsaak. As die afmetings van 'n prent verkeerd is, kan u CSS dwing dat die prent met die toepaslike breedte en hoogte vertoon word, maar die beeld self en die aspekverhouding daarvan kan verwring word. Dit sal beslis 'n negatiewe uitwerking hê op jou webwerf se voorkoms, aangesien 'n te klein prentjie "opgeblaas word" en die kwaliteit sal verloor. 'N Te groot prentjie wat kleiner gemaak word met CSS, lyk goed en behou sy kwaliteit, maar die grootte van die lêer kan onredelik groot wees vir hoe dit gebruik word.

Wanneer u u webwerfwerk toets, moet u seker maak dat u beelde wat buite u beoogde omvang val, byvoeg. Voeg in CSS en reageer beeld tegnieke wat hierdie uitdagings aanspreek deur die grootte van die prent volgens of, in die geval van 'n foutiewe aspek verhouding, ook oorweging van die gebruik van iets soos die CSS clip eiendom om die beeld te sny as dit nodig is.

Toets ander media

Benewens beelde, toets ook ander media soos video's op jou werf en kyk hoe die elemente in jou uitleg sal verskyn met verskillende grootte- en aspekverhoudingwaardes. Weereens, let op die reageerende aard van u werf en hoe dit vir verskillende toestel- en skermgroottes sal werk.

Toets van teksopskrifte

Na die beelde is die volgende webwerf area wat die meeste probleme veroorsaak met lewendige webwerwe wat deur nie-webpersoneel bestuur word, teksopskrifte. Dit is die (sogenaamde) kort lyne van teks wat dikwels die inhoud van 'n bladsy of 'n afdeling op daardie bladsy begin. Die teks bo hierdie paragraaf wat lees "Teksopskrifte toets" is 'n voorbeeld hiervan.

As jy 'n webwerf ontwerp het om 'n opskrif soos hierdie een te akkommodeer:

"Teksopskrifte toets"

Maar jou kliënt gebruik die CMS om 'n artikel met 'n opskrif soos volg by te voeg:

"Teksopskrifte toets op 'n verskeidenheid webwerwe, almal met verskillende groottesvereistes en gebruikersbehoeftes"

Dan kan u uitleg dalk nie al daardie ekstra teks behoorlik akkommodeer nie. Net soos jy moet stres, toets jou beelde en media deur inskrywings wat buite die groottes is wat jy oorspronklik ontwerp het, by te voeg. So moet jy dit ook met teksopskrifte maak om seker te maak dat dit so buigsaam is om selfs ultra lang lyne soos die een hierbo.

Toets van teks lengtes

Bly op die onderwerp van teks, jy sal ook verskillende teks lengtes vir die hoofinhoud op bladsye wil toets. Dit sluit in teks wat baie, baie lank en baie kort, baie kort is. Dit kan eintlik die probleem wees wat baie bladsy-uitlegte veroorsaak.

Aangesien webbladsye natuurlik in grootte groei om die hoogte van die teks wat hulle bevat, te akkommodeer, sal bladsye met baie teks tipies net in hoogte skaal. Tensy jy die hoogte van die bladsy beperk het (wat jy nie moet doen as jy jou bladsy buigsaam wil hê nie), moet ekstra teks nie 'n probleem wees nie. Te min teks is 'n ander probleem - en dit is een wat baie ontwerpers vergeet om in hul ontwerpproses te toets.

Te min teks kan 'n bladsy onvolledig of selfs gebroke laat lyk. Maak seker dat u bladsyinhoud skaal om te sien wat in daardie gevalle gebeur en maak die nodige aanpassings aan die CSS van u werf om daardie situasies te hanteer.

Toets bladsyzoom

Mense met visieprobleme kan die Page Zoom-funksie van 'n webblaaier gebruik om die grootte van jou webblad te verhoog. As iemand in 'n aansienlike mate zoom, kan jou uitleg afbreek. Dit is een van die redes waarom jy EMs as die meeteenheid vir jou webwerf lettergroottes sowel as jou media-navrae wil gebruik . Omdat EM's 'n relatiewe meeteenheid is (gebaseer op die standaard teks grootte van die blaaier), is hulle meer bevorderlik vir vloeibare, buigsame webwerf-uitlegte.

Toets jou webwerf vir bladsyzoom en stop nie net op een of twee vlakke van zoom nie. Zoem jou webwerf op en af ​​op 'n verskeidenheid vlakke om te verseker dat jou bladsye reageer soos bedoel.

Moenie vergeet van aflaai spoed en prestasie

Soos jy toets vir die uitlegimplikasies van kliëntbesluite, moenie vergeet om ook aandag te skenk aan die impak wat daardie besluite op die prestasie van 'n webwerf het nie. Die beelde en inhoud wat daardie kliënte sal byvoeg, kan die aflaaispoed van 'n webwerf belemmer en die algehele bruikbaarheid van die werf ernstig vernietig. Beplan die impak van hierdie byvoegings en doen jou deel in die ontwikkelingsproses om hierdie effekte te verminder.

As u webwerf met 'n prestasiebegroting gebou word, deel hierdie inligting saam met u kliënte en wys hulle hoe om 'n webblad te toets vir prestasie statistieke. Verduidelik aan hulle die belangrikheid van die handhawing van hierdie gevestigde drempels vir bladsygrootte en aflaaispoed en wys hulle hoe die byvoegings wat hulle maak, 'n impak op die webwerf as geheel kan hê. Neem die tyd om hulle op te lei hoe om die werf te laat werk en goed te kyk. Oor die onderwerp van opleiding ...

Kliëntopleiding is noodsaaklik

Dit is belangrik om die prente, teks en ander bladsy-elemente van jou werf te toets, en om style te skep wat uiterste gevalle sal uitmaak, maar dit is nooit 'n vervanging vir kliëntopleiding nie. Jou werk bulletproofing 'n webwerf moet wees bykomend tot die tyd wat jy spandeer opleiding van jou kliënte hoe om effektief te sorg vir en bestuur van hul webwerf. Uiteindelik sal 'n goed opgeleide kliënt wat hul verantwoordelikhede verstaan ​​en die impak van die besluite wat hulle op 'n webwerf maak, van onskatbare waarde wees vir u pogings om die werf te laat werk en na sy beste te kyk.