Johdatus verkkosivujen suunnitteluun liittyviin haastatteluihin liittyviin kysymyksiin ja vastauksiin
Web-suunnittelu on mielenkiintoinen ala. Se vaatii joukon taitoa, jotka tekevät hyvää verkkosivuston suunnittelua. HTML, CSS <JavaScript, JQuery jne. Ovat joitain tärkeitä kieliä ja kehyksiä, jotka on tunnettava erittäin hyvin, jotta voidaan suunnitella kiehtovia verkkosivustoja.
Alla on joitain tärkeitä Web-suunnitteluhaastatteluun liittyviä kysymyksiä ja vastauksia:
Joten olet vihdoin löytänyt unelmatyösi Web-suunnittelussa, mutta mietit miten Web Design -haastattelu halkaistaan ja mitkä voisivat olla todennäköisiä Web Design -haastatteluun liittyviä kysymyksiä. Jokainen haastattelu on erilainen ja myös työn laajuus on erilainen. Pitäen tämän mielessä olemme suunnitelleet yleisimmät Web-suunnitteluhaastatteluun liittyvät kysymykset ja vastaukset, joiden avulla saat menestystä haastattelussa. Nämä haastattelukysymykset on jaettu kahteen osaan seuraavasti:
Osa 1 - Web-suunnitteluhaastattelukysymykset (perus)
Tämä ensimmäinen osa kattaa Web-suunnittelun haastattelun peruskysymykset ja vastaukset
K1.Miten verkkosivusto voidaan optimoida? Mistä aloittaa?
Vastaus:
Verkkosivuston suorituskyvyn parantamiseksi kehittäjillä on oltava kunkin projektin luonteelle ominaisia ideoita. Jotkut yleiset ja helposti toteutettavat optimointitaitot ovat:
- Pienennä CSS ja JS-koodi. Tämä säästää kilotavua jokaisesta sivukuormituksesta.
- Pakkaa kaikki varat sopivimpaan muotoon.
- Palvelinpuolen välimuistimekanismit, kuten Redis, pitäisi olla käytössä.
- Kuvia tulee näyttää laitteen näytön koon ja pikselitiheyden mukaan. Lataa vain tietylle käyttäjälle sopivat kuvat.
- HTML: n on oltava selkeää ja tiivistä.
Q2.Kuvakaa seuraavien HTML5-tunnisteiden käyttöä: VAHVA, EM, Pieni?
Vastaus:
Nämä tunnisteet luovat erityisen visuaalisen hoidon. Esimerkiksi -STRONGpainuttaa tekstiä, EM tekee siitä kursivoidun ja SMALL pienentää sitä. Mutta tämä ei ole heidän tarkoitus. Jokaisella on semanttinen tarkoitus seuraavasti:
EM - Teksti, jota olisi korostettava muuttaen siten sen asiayhteyttä.
VAHVA - Voidaan käyttää otsikoissa tai otsikoissa ja myös kappaleissa korostaaksesi sen sanaa tai ilmausta.
Pieni - Käytetään vastuuvapauslausekkeisiin ja selvennyksiin.
Siirrymme seuraavaan Web-suunnitteluhaastatteluun liittyviin kysymyksiin.
Q3. Kuvaile CSS-kehyksen, kuten Bootstrap tai Foundation, käytön etuja ja haittoja?
Vastaus:
edut:
- Kehykset tarjoavat asetteluiden, elementtien ja sivujen nopean prototyypin
- edistää monien yhdenmukaisten elementtien uudelleenkäytettävyyttä koko projektin ajan
- poista Photoshop-mallien tarve. Se varmistaa myös, että muut erittäin uskolliset staattiset luonnokset poistetaan.
- toimitetaan yleisesti käytettyjen standardoitujen kappaleiden mukana
- hyvin dokumentoitu koodi, joka on sisäänrakennettu. Sillä on suuri tukiyhteisö ongelmien ilmetessä.
haitat:
- yrittää yleistää yleisiä elementtejä ja johtaa usein ei niin hyvännäköisiin malleihin
- luo epätavanomaisen tai monimutkaisen suunnittelun tai asettelun
- enemmän työtä sisälsi kehysten käsitteleminen sen sijaan, että kirjoita vain koodi tyhjästä.
- mukana tulee liikaa turhia tavaroita, jotka eivät koskaan tottu, tai tyylejä, jotka ohitetaan, jos niitä ei käytetä oikeassa merkityksessä
- hitaammat latausajat verrattuna tyhjästä kirjoitettuun koodiin.
Q4.Etäetkö näkyvyys: piilotettu ja näyttö: ei mitään?
Vastaus:
Molemmat ovat tyyliominaisuuksia
- näkyvyys: piilotettu: Se piilottaa elementin, mutta vie silti tilaa asettelussa.
- näyttö: ei mitään: Se eliminoi elementin kokonaan. Se ei vie tilaa. sen HTML on lähdekoodissa, mutta ei tilaa.
Q5. Mikä on valkoinen tila? Kuinka se vaikuttaa verkon sisältöön?
Vastaus:
Valkoinen tila on mikä tahansa alue, joka on jätetty tarkoituksella tyhjäksi. Sen ei tarvitse olla valkoinen. Verkkosuunnittelussa valkoista tilaa käytetään elementtien erottamiseen tai ryhmittelyyn tai kiinnittämään huomiota tiettyyn elementtiin tai sisältöasettelun painottamiseen.
Osa 2 - Web-suunnitteluhaastattelukysymykset (Advanced)
Katsokaamme nyt edistyneitä Web-suunnitteluhaastatteluun liittyviä kysymyksiä ja vastauksia.
Q6. Määrittele gestalt-periaatteet?
Vastaus:
Geštaltin periaatteet ovat visuaalisen havainnon teoriaa. Jotkut näistä web-suunnittelussa sovelletuista periaatteista ovat:
- Samankaltaisuus - ihmisen aivot havaitsevat elementtejä, joilla on vertailukelpoiset piirteet, suhteessa toisiinsa, mikä tarkoittaa, että nämä elementit ovat yhteydessä tai ryhmitelty toisiinsa.
- Läheisyys - keskenään lähellä olevia elementtejä pidetään ryhmiteltyinä tai suhteessa toisiinsa tai osaan kokonaisuutta.
- Sulkeminen - Sulkemisperiaate tekee elementistä kiehtovamman katsomaan. Tämä tekee suunnittelusta nautinnollisemman;
- Kuva - Maasuhteella on taipumus erottaa henkisesti tosiasiat värin, muodon ja kokemuksen yhdistelmän perusteella.
- Yhteinen kohtalo - elementit, jotka liikkuvat synkronisesti ja suunnitellaan usein ryhmiteltyinä
- Jatkuvuus - Aivojemme kyky nähdä yhteydet asioiden välillä ja seurata polkua tai erilaista polkua niiden välisten yhtäläisyyksien perusteella.
Q7. Kuinka yhdistää fontteja? Millaiset fonttiyhdistelmät toimivat hienosti? Kuinka monta erityyppistä kirjasintyyppiä voi käyttää verkkosivustolla?
Vastaus:
On fontteja, jotka toimivat hienosti yhdessä ja näyttävät melko samalta sivulta. Kahden fontin yhdistämiseksi oikein, niiden välisiä yhtäläisyyksiä ja eroja on tarkasteltava huolellisesti.
Kaksi kirjasinta toimivat hyvin yhdessä, jos ne ovat samanlaisia paitsi tai jos ne ovat hyvin erilaisia. Jotta kaksi kirjasinta olisivat samanlaisia, niillä tulisi olla yhtä suuret x-korkeudet
Aivan samankaltaisten kirjasinten yhdistämistä tulisi välttää, kuten Helvetican ja Lucida Granden yhdistämistä.
8. Onko verkkosivuilla maininta Responsive Design?
Vastaus:
Responsiivinen suunnittelu: - Lähestymistapa rakentaa sivustoja tarjoamaan paras katselukokemus ja interaktiivisuus. Se keskittyy sivuston helppoon navigointiin. Se varmistaa minimaalisen vierityksen, panoroinnin ja koon muuttamisen kaikissa laitteissa.
Bootstrap on todennäköisesti suosituin kehys reagoivan web-suunnittelun kehittämiseen. Se perustuu CSS: ään, HTML: ään ja JS: ään.
Siirrymme seuraavaan Web-suunnitteluhaastatteluun liittyviin kysymyksiin.
9. Mainitse joitain huonoja esimerkkejä web-suunnittelusta?
Vastaus:
Jäljempänä mainitaan joitain erittäin huonoja tapoja tehdä web-malleja, joita kaikkien tulisi välttää.
- Kuvat vilkkuvat, pyörivät tai vilkkuvat
- Musta tai erittäin tumma tausta valkoisella, vaalealla tai vaalealla tekstillä
- Mustat taustat ruskealla, harmaalla tai tummalla tekstillä
- Laatoitetut taustakuvat vaalealla tai tummalla tekstillä
- Kaikki on keskitetty sivulle
- Aivan liian monta kuvaa sivulla tai valtavia kuvia
- Niin monia linkkiluetteloita
- Liian monta otsikkoa tai tekstiä, joka vilkkuu
Q10. Milloin käytät JPEG.webp-pakkausta ja milloin mieluummin PNG-pakkaus?
Vastaus:
Jokaisella kuvan pakkausmuodolla on tietty tarkoitus.
JPEG.webp: - Tämä pienentää kuvan kokoa etsimällä alueita, jotka ovat samanvärisiä. Korkeampi pakkaustaso varmistaa, että tällaiset alueet näyttävät aggressiivisemmilta, mikä johtaa visuaalisen tiedon menettämiseen ja esineiden syntymiseen. Tämä pakkaus on paras valokuvia, piirroksia ja kaltevuuksia varten. JPEG.webp ei toimi kovin hyvin kuvakaappauksissa tai yksinkertaisissa käyttöliittymäelementeissä tai litteissä kuvakkeissa tai kaavioissa. Se on erittäin huono tekstille.
PNG: - Tämä pakkaustapa toimii vähentämällä käytettyjä värejä. Tämä voi johtaa myös pieneen värisävyjen menettämiseen. PNG-menetelmä on erityisen hyvä logoille ja kuvakkeille sekä tekstiä sisältäville merkeille ja kuville. PNG on hyvä yksinkertaisiin kuviin tai käyttöliittymäelementteihin ja kuvakaappauksiin. PNG-tiedostot ovat suurimman osan ajasta suurempia kuin JPEG.webp-tiedostot.
Suositellut artikkelit
Tämä on opas luetteloon Web-suunnitteluhaastattelua koskevista kysymyksistä ja vastauksista, jotta hakija voi helposti hajottaa nämä verkkosuunnitteluhaastattelukysymykset. Täällä tässä viestissä olemme tutkineet Web-suunnittelun haastattelun tärkeimpiä kysymyksiä, joita usein kysytään haastatteluissa. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -
- Verkkopalvelujen haastattelukysymykset
- 10 parasta Web-kehityshaastattelua koskevaa kysymystä
- Kymmenen tärkeintä Web-suunnitteluohjelmaa aloittelijoille
- Java Web Services -haastattelukysymykset
- Bootstrap 4 Huijata arkki