Wprowadzenie do wywiadu dotyczącego projektowania stron internetowych Pytania i odpowiedzi
Projektowanie stron internetowych jest interesującą dziedziną. Wymaga zestawu umiejętności do dobrego zaprojektowania strony internetowej. HTML, CSS <JavaScript, JQuery itp. To niektóre z ważnych języków i struktur, które trzeba bardzo dobrze znać, aby móc projektować fascynujące strony internetowe.
Poniżej znajdują się niektóre z ważnych pytań i odpowiedzi na temat projektowania stron internetowych:
W końcu znalazłeś swoją wymarzoną pracę w projektowaniu stron internetowych, ale zastanawiasz się, jak złamać wywiad z projektantami stron internetowych i jakie mogą być prawdopodobne pytania dotyczące wywiadu z projektantami stron internetowych. Każda rozmowa kwalifikacyjna jest inna, a zakres pracy również inny. Mając to na uwadze, opracowaliśmy najczęściej zadawane pytania i odpowiedzi na temat projektowania stron internetowych, które pomogą Ci odnieść sukces w rozmowie. Te pytania do rozmowy kwalifikacyjnej są podzielone na dwie części:
Część 1 - pytania do wywiadu na temat projektowania stron internetowych (podstawowe)
Ta pierwsza część obejmuje podstawowe pytania i odpowiedzi na temat projektowania stron internetowych
P1.Jak można zoptymalizować witrynę internetową? Gdzie zacząć?
Odpowiedź:
Aby poprawić wydajność strony internetowej, programiści muszą mieć pomysły właściwe dla charakteru każdego projektu. Niektóre typowe i łatwe do wdrożenia umiejętności optymalizacji to:
- Zminimalizuj kod CSS i JS. To oszczędza kilobajt każdego ładowania strony.
- Kompresuj wszystkie zasoby w najbardziej odpowiednim formacie.
- Mechanizmy buforowania po stronie serwera, takie jak Redis, powinny być włączone.
- Obrazy powinny być wyświetlane zgodnie z rozmiarem ekranu urządzenia i gęstością pikseli. Załaduj tylko odpowiednie obrazy dla danego użytkownika.
- HTML powinien być jasny i zwięzły.
Q2. Opisz użycie następujących tagów HTML5: SILNY, EM, MAŁY?
Odpowiedź:
Te tagi tworzą specyficzną obróbkę wizualną. Na przykład -STRONG pogrubia tekst, EM zmienia kursywę, a MAŁY zmniejsza. Ale to nie jest ich cel. Każdy z nich ma następujący cel semantyczny:
EM - Tekst, który należy podkreślić, zmieniając jego znaczenie kontekstowe.
SILNY - może być używany w tytułach lub nagłówkach, a także akapitach, aby podkreślić jego słowo lub frazę.
MAŁY - Używany w przypadku zrzeczeń i wyjaśnień.
Przejdźmy do następnych pytań do wywiadu dotyczącego projektowania stron internetowych.
Pytanie 3 Czy opisać zalety i wady korzystania z frameworka CSS, takiego jak Bootstrap lub Foundation?
Odpowiedź:
Zalety:
- Szkielety zapewniają szybkie prototypowanie układów, elementów i stron
- promować wielokrotne wykorzystanie wielu spójnych elementów w całym projekcie
- wyeliminuj potrzebę makiet programu Photoshop. Zapewnia również usunięcie innych wiernych szkiców o wysokiej wierności.
- pochodzą z powszechnie używanych elementów znormalizowanych
- dobrze udokumentowany kod, który jest wbudowany. Ma dużą społeczność wsparcia, gdy pojawiają się problemy.
Niedogodności:
- próbuje uogólnić wspólne elementy i często prowadzi do nie tak dobrze wyglądających projektów
- tworzy niekonwencjonalny lub złożony projekt lub układ
- większy wysiłek obejmował obsługę frameworków, a nie pisanie kodu od zera.
- zawierają zbyt wiele zbędnych elementów, które nigdy nie są używane, lub style, które są zastępowane, jeśli nie są używane we właściwym znaczeniu
- wolniejsze czasy ładowania w porównaniu do kodu napisanego od zera.
Q4.Czy odróżniasz „widoczność: ukryty” i „wyświetlanie: brak”?
Odpowiedź:
Oba są właściwościami stylu
- widoczność: ukryty: ukrywa element, ale nadal zajmuje miejsce w układzie.
- display: none: Całkowicie eliminuje element. Nie zajmuje miejsca. kod HTML jest w kodzie źródłowym, ale nie ma spacji.
Pytanie 5 Co to jest biała przestrzeń? Jak wpływa na treść w Internecie?
Odpowiedź:
Białe pole to dowolny obszar pozostawiony celowo pusty. To nie musi być białe. W projektowaniu stron internetowych biała przestrzeń służy do oddzielania elementów lub grupowania ich lub zwracania uwagi na konkretny element lub nacisk na układ treści.
Część 2 - pytania do wywiadu z zakresu projektowania stron internetowych (zaawansowane)
Przyjrzyjmy się teraz zaawansowanym pytaniom i odpowiedziom na temat projektowania stron internetowych.
Pytanie 6 Zdefiniować zasady „gestalt”?
Odpowiedź:
Zasady Gestalt pochodzą z teorii percepcji wzrokowej. Niektóre z tych zasad stosowanych w projektowaniu stron internetowych to:
- Podobieństwo - ludzki mózg postrzega elementy o porównywalnych cechach jako powiązane ze sobą, co oznacza, że elementy te są połączone lub zgrupowane razem.
- Bliskość - elementy umieszczone blisko siebie uważa się za zgrupowane lub powiązane ze sobą lub z częścią całości.
- Zamknięcie - zasada zamknięcia sprawia, że element jest bardziej fascynujący. To sprawia, że projekt jest przyjemniejszy;
- Rycina - to relacja podstawowa ma tendencję do mentalnego rozdzielania faktów na podstawie kombinacji koloru, kształtu i doświadczenia.
- Wspólny los - elementy poruszają się synchronicznie i często są postrzegane jako zgrupowane
- Ciągłość - zdolność naszego mózgu do dostrzegania połączeń między rzeczami i podążania ścieżką lub inną ścieżką w oparciu o podobieństwa między nimi.
Pytanie 7 Jak łączyć czcionki? Jakie typy kombinacji czcionek działają dobrze? Ile różnych rodzajów czcionek można używać w witrynie?
Odpowiedź:
Są czcionki, które ładnie ze sobą współpracują i ładnie wyglądają na tej samej stronie. Aby prawidłowo połączyć dwie czcionki, należy dokładnie przyjrzeć się podobieństwom i różnicom między nimi.
Dwie czcionki działają dobrze ze sobą, jeśli są podobne, z wyjątkiem bardzo różnych. Aby dwie czcionki były podobne, powinny mieć równe wysokości x
Należy unikać łączenia czcionek, które wyglądają bardzo podobnie, takich jak łączenie Helvetica z Lucida Grande.
8. Czy wzmianka o Responsive design na stronie internetowej?
Odpowiedź:
Responsive design: - Podejście do tworzenia witryn w celu zapewnienia najlepszych wrażeń podczas oglądania i interaktywności. Koncentruje się na łatwej nawigacji w witrynie. Zapewnia minimum przewijania, przesuwania i zmiany rozmiaru na wszystkich urządzeniach.
Bootstrap to prawdopodobnie najpopularniejszy framework do tworzenia responsywnych stron internetowych, oparty na CSS, HTML i JS.
Przejdźmy do następnych pytań do wywiadu dotyczącego projektowania stron internetowych.
9. Wspomnieć o złych przykładach projektowania stron internetowych?
Odpowiedź:
Niektóre bardzo złe sposoby tworzenia stron internetowych są wymienione poniżej, których wszyscy powinni unikać.
- Obrazy, które migają, obracają się lub migają
- Czarne lub bardzo ciemne tło z białym, jasnym lub jasnym tekstem
- Czarne tła z brązowym, szarym lub ciemnym tekstem
- Kafelkowe obrazy tła z jasnym lub ciemnym kolorem tekstu
- Wszystko jest wyśrodkowane na stronie
- Zbyt wiele obrazów na stronie lub Ogromne obrazy
- Tyle list linków
- Zbyt wiele nagłówków lub tekstu, który miga
P10 Kiedy używasz kompresji JPEG.webp, a kiedy wolisz PNG?
Odpowiedź:
Każdy format kompresji obrazu ma określony cel.
JPEG.webp: - Zmniejsza to rozmiar obrazu, znajdując obszary o podobnym kolorze. Wyższy poziom kompresji zapewnia, że takie obszary wyglądają bardziej agresywnie, co prowadzi do utraty informacji wizualnych i generowania artefaktów. Ta kompresja jest najlepsza dla zdjęć, rysunków i gradientów. JPEG.webp nie działa zbyt dobrze w przypadku zrzutów ekranu lub prostych elementów interfejsu użytkownika, płaskich ikon lub schematów. To bardzo źle wpływa na tekst.
PNG: - Ta metoda kompresji działa poprzez zmniejszenie używanych kolorów. Może to również prowadzić do nieznacznej utraty odcieni kolorów. Metoda PNG jest szczególnie przydatna w przypadku logo i ikon oraz znaków i obrazów zawierających tekst. PNG jest dobry w przypadku prostych ilustracji, elementów interfejsu użytkownika i zrzutów ekranu. Pliki PNG są w większości przypadków większe niż pliki JPEG.webp.
Polecane artykuły
Jest to przewodnik po liście pytań i odpowiedzi podczas wywiadu z zakresu projektowania stron internetowych, dzięki czemu kandydat może łatwo zlikwidować te pytania. W tym poście przeanalizowaliśmy najważniejsze pytania dotyczące wywiadu z zakresu projektowania stron internetowych, które często zadawane są w wywiadach. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej -
- Pytania dotyczące wywiadu z usługami sieci Web
- 10 najważniejszych pytań do wywiadu programistycznego
- 10 najważniejszych programów do projektowania stron internetowych dla początkujących
- Pytania do wywiadu z Java Web Services
- Bootstrap 4 Ściągawka