18 nejčastějších otázek a odpovědí na pohovor s webovým designérem (2025)

Nejlepší otázky k pohovoru o webdesignu

Zde jsou otázky a odpovědi na pohovor v oblasti Web Designing pro začátečníky i zkušené kandidáty na tvorbu webových stránek, aby získali svou vysněnou práci.

1) Uveďte, jaký je hlavní jazyk nebo platforma používaná pro webdesign?

Hlavním jazykem používaným pro tvorbu webu jsou

HTML: Základní šablona
CSS: styling
JavaScript: Funkčnost
PHP: Skripty na straně serveru

Zdarma ke stažení ve formátu PDF: Otázky a odpovědi k rozhovoru s webovým designérem

2) Vysvětlete, jak můžete nastavit obrázek jako pozadí na webových stránkách?

Chcete-li nastavit obrázek jako pozadí na webové stránce, namiřte pozadí těla na název obrázku, který chcete nastavit jako pozadí, jak je znázorněno níže.

štítek.

<body background= "picture.gif">

Můžete také opravit obrázek na pozadí, takže při používání posuvníku v prohlížeči se nehýbe. Chcete-li to provést, přidejte značku BGPROPERTIES, jak je znázorněno níže

<body background = "picture.gif"bgproperties="fixed">

3) Uveďte, co si představujete pod pojmem responzivní design na webové stránce?

Responzivní design je přístup ke stavbám, který poskytuje optimální zážitek ze sledování a interakce. Zaměřuje se na snadnou navigaci na webu s minimem posouvání, posouvání a změny velikosti na všech zařízeních. Bootstrap je nejoblíbenější CSS, HTML a JS framework používaný pro vývoj responzivního webového designu

4) Uveďte, jaké jsou špatné příklady webdesignu?

Blikající, rotující nebo blikající obrázky
Černé pozadí s bílým, světlým nebo světlým textem
Černé pozadí s tmavým textem
Zaneprázdněný dlaždicové obrázky na pozadí s libovolným barevným textem
Vše na střed
Příliš mnoho obrázků nebo obrovské obrázky
Seznam odkazů
Příliš mnoho nadpisů nebo blikajícího textu

5) Vysvětlete, co je informační architektura?

V informacích o webové stránce se architektura často odkazuje na strukturu a navigaci celého webu.

6) Vysvětlete, jak můžete zarovnat obrázek tak, aby jeden mohl být vyšší nebo nižší než druhý?

Chcete-li zarovnat obrázek tak, aby jeden mohl být vyšší nebo nižší než druhý, použijte příkaz zarovnání ve vašem tagu IMG SRC.

< IMG SRC = "http://www.xyz.com/chguy.gif" align=top >

Také můžete použít align=top nebo align=middle/bottom

7) Vysvětlete, co je to šablona Dreamweaver?

Šablony Dreamweaveru umožňují webmasterům definovat „neupravitelné“ a „upravitelné“ oblasti webové stránky, pouze v šabloně Dreamweaver lze „neupravitelné“ oblasti upravovat. Jakékoli změny implementované do šablony Dreamweaver aktualizují všechny stránky HTML, které šablonu používají.

8) Vysvětlete, jaký je rozdíl mezi „visibility:hidden“ a „display:none“?

Oba jsou vlastnosti stylu

viditelnost: skrytá: Tato vlastnost skryje prvek, ale stále zabírá místo v rozvržení
displej: žádný: Úplně odstraní prvek z dokumentu. Nezabírá žádné místo, i když HTML pro něj je stále ve zdrojovém kódu.

9) V CSS, kdy budete používat CSS float?

V CSS byste použili CSS float, když chcete, aby byl prvek vaší stránky posunut doprava nebo doleva a aby se kolem něj obalily další prvky.

10) Proč by měla být grafika obsahující několik slov uložena ve formátu GIF namísto JPG?

Pokud se obrázek skládá z určitých slov, je vhodnější uložit obrázek ve formátu GIF, protože JPG má funkce komprese souborů, které mohou způsobit, že písma budou nečitelná.

11) Vysvětlete, jak můžete integrovat soubor CSS do své webové stránky?

Chcete-li integrovat soubor CSS s libovolným počtem souborů HTML, musíte integrovat soubor za pomocí vlastnosti „Link“.

<head><Link REL=STYLESHEET HREF= "filename.css"Type="text/css"></head>

12) Vyjmenujte některé funkce JQuery používané pro návrh webových stránek?

Některé JQuery funkce používané pro návrh webových stránek zahrnují

Jednoduchý posuvný panel
Jednoduchý mizející efekt
Řetězitelný přechodový efekt
Akordeon #1 a Akordeon #2
Animovaný efekt hoveru
Celý blok lze kliknout
Skládací panely
Galerie výměny obrázků
Stylování různých typů odkazů

13) Jako webový designér při deklaraci tlačítka „smazat“ jakou barvu zvolíte?

Zvýrazněte tlačítko „Smazat“ pomocí barvy, jako je červená, zvláště když musíte zobrazit dvě tlačítka vedle sebe. Červená je znamením opatrnosti, takže určitě pomůže uživateli upoutat jeho pozornost.

14) Vysvětlete, jak se může vývojář dozvědět o webdesignu?

Vývojář se může o webdesignu dozvědět podle následujících tipů

Navštivte webové stránky jako „Smashing Magazine“, abyste získali lepší představu o webdesignu
Další webová stránka je „Nejlepší webová galerie“ může také pomoci získat přehled o kvalitním designu a rozvržení
Vyzkoušejte si nástroje, jako je Adobe Illustrator
Vytvořte dynamický web pomocí MySQL a PHP
Naučte se základní jazyky jako HTML, CSS, JavaScript, PHP nebo jQuery

15) Vysvětlete, proč lidé při použití kalkulačky několikrát vymazávají obrazovku?

Starší verze kalkulaček má několik tlačítek „zrušit“ (C, CE). Tlačítko CE pouze vymaže poslední položku, ale nepřeruší aktuální výpočet. Pokud například zadáte 2+1 a poté stisknete CE, zobrazí se 0, ale kalkulačka očekává pro sčítání druhý operand. (2+ je stále v paměti). Abychom se ujistili, že v paměti nezůstane nic, a abychom zahájili nový výpočet, často vidíme, že lidé několikrát stisknou tlačítko Clear. Není to kvůli chybě v designu kalkulačky.

16) Uveďte, proč je kurzor myši mírně nakloněný a není rovný?

Během začátků technologie myši bylo zjištěno, že vzhledem k nízkému rozlišení obrazovek v té době bylo kreslení přímky a čáry pod úhlem 45 stupňů snazší a lépe rozpoznatelné než přímý kurzor. Nakloněná šipka také může usnadnit výpočet polohy kliknutí, protože počátek bitmapy kurzorů byl vlevo nahoře. To uložilo podprogramu sledování myši výpočet při každém kliknutí.

17) Vysvětlete, co je Grid systém?

Mřížkový systém je struktura obsahující řadu vodorovných a svislých čar, které se protínají a používají k uspořádání obsahu. Je to způsob, jak poskytnout systém, ve kterém mohou designéři pracovat se strukturou a prezentovat obsah. Pro začátečníky v oblasti webdesignu se vždy doporučuje, aby používali předem připravený rámec pro webdesign, protože se poměrně snadno používají.

18) Co všechno musíte při psaní chybové zprávy vzít v úvahu?

Musíte vzít v úvahu následující věci

Nepoužívejte negativní slova
Jasně uveďte chybu, aby uživatel věděl, co má opravit
Dejte uživateli vodítko nebo odkaz k vyřešení chyby
Svalte vinu na sebe a ne na uživatele

Tyto otázky na pohovoru také pomohou ve vašem životě (ústních)

Máš rád:

28 Komentáře

Dobrý den, pane, jsem vasanthan, chystám se na pohovor pro návrh webu, tento qst je pro mě velmi užitečný, chcete ho aktualizovat více děkuji