Οι 18 κορυφαίες ερωτήσεις και απαντήσεις σε συνέντευξη σχεδιαστών ιστού (2025)

Κορυφαίες ερωτήσεις συνέντευξης σχεδιασμού ιστοσελίδων

Ακολουθούν ερωτήσεις συνέντευξης και απαντήσεις στο Web Designing για νεοφώτιστους καθώς και έμπειρους υποψήφιους σχεδιαστές ιστοτόπων για να πάρουν τη δουλειά των ονείρων τους.

1) Αναφέρετε ποιες είναι οι κύριες γλώσσες ή πλατφόρμα που χρησιμοποιούνται για τη σχεδίαση ιστοσελίδων;

Η κύρια γλώσσα που χρησιμοποιείται για τη σχεδίαση ιστοσελίδων είναι

HTML: Πρότυπο βάσης
CSS: Styling
JavaScript: Λειτουργικότητα
PHP: Σενάρια από την πλευρά του διακομιστή

Δωρεάν λήψη PDF: Ερωτήσεις και απαντήσεις για συνέντευξη σχεδιαστή Ιστού

2) Εξηγήστε πώς μπορείτε να ορίσετε μια εικόνα ως φόντο σε ιστοσελίδες;

Για να ορίσετε μια εικόνα ως φόντο στην ιστοσελίδα, τοποθετήστε το φόντο του σώματος στο όνομα της εικόνας που θέλετε να ορίσετε ως φόντο, όπως φαίνεται παρακάτω.

ετικέτα.

<body background= "picture.gif">

Μπορείτε επίσης να διορθώσετε την εικόνα φόντου, ώστε ενώ χρησιμοποιείτε τη γραμμή κύλισης στο πρόγραμμα περιήγησης, να μην μετακινείται. Για να το κάνετε αυτό, προσθέστε την ετικέτα BGPROPERTIES όπως φαίνεται παρακάτω

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

3) Αναφέρετε τι εννοείτε με τον όρο Responsive design σε μια ιστοσελίδα;

Ο ανταποκρινόμενος σχεδιασμός είναι μια προσέγγιση στους χώρους κατασκευής για την παροχή βέλτιστης εμπειρίας προβολής και αλληλεπίδρασης. Επικεντρώνεται στην εύκολη πλοήγηση στον ιστότοπο με ελάχιστη κύλιση, μετατόπιση και αλλαγή μεγέθους σε όλες τις συσκευές. Το Bootstrap είναι το πιο δημοφιλές CSS, HTML και JS πλαίσιο που χρησιμοποιείται για την ανάπτυξη responsive web design

4) Αναφέρετε ποια είναι μερικά κακά παραδείγματα σχεδιασμού ιστοσελίδων;

Εικόνες που αναβοσβήνουν, περιστρέφονται ή αναβοσβήνουν
Μαύρο φόντο με λευκό, ανοιχτό ή χλωμό κείμενο
Μαύρα φόντο με σκούρο κείμενο
Πολυάσχολες εικόνες φόντου με πλακάκια με οποιοδήποτε έγχρωμο κείμενο
Όλα στο κέντρο
Πάρα πολλές εικόνες ή τεράστιες εικόνες
Λίστα συνδέσμων
Πάρα πολλοί τίτλοι ή κείμενο που αναβοσβήνει

Ερωτήσεις συνέντευξης σχεδιαστή ιστοσελίδων

5) Εξηγήστε τι είναι η Αρχιτεκτονική της Πληροφορίας;

Στις πληροφορίες ιστοσελίδων, η αρχιτεκτονική αναφέρεται συχνά στη δομή και την πλοήγηση ενός ολόκληρου ιστότοπου.

6) Εξηγήστε πώς μπορείτε να ευθυγραμμίσετε την εικόνα έτσι ώστε η μία να είναι υψηλότερη ή χαμηλότερη από την άλλη;

Για να στοιχίσετε την εικόνα έτσι ώστε η μία να είναι υψηλότερη ή χαμηλότερη από την άλλη, χρησιμοποιήστε τη δήλωση στοίχισης στην ετικέτα IMG SRC.

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

Επίσης, μπορείτε να χρησιμοποιήσετε align=top ή μπορείτε να κάνετε align=middle/bottom

7) Εξηγήστε τι είναι ένα πρότυπο Dreamweaver;

Τα πρότυπα Dreamweaver επιτρέπουν στους webmasters να ορίζουν "μη επεξεργάσιμες" και "επεξεργάσιμες" περιοχές μιας ιστοσελίδας, μόνο στο πρότυπο Dreamweaver οι "μη επεξεργάσιμες" περιοχές μπορούν να επεξεργαστούν. Οποιεσδήποτε αλλαγές εφαρμοστούν στο Πρότυπο Dreamweaver θα ενημερώσουν τυχόν σελίδες HTML που χρησιμοποιούν το πρότυπο.

8) Εξηγήστε ποια είναι η διαφορά μεταξύ "visibility:hidden" και "display:none";

Είναι και οι δύο ιδιότητες στυλ

ορατότητα: κρυφό: Αυτή η ιδιότητα κρύβει το στοιχείο, αλλά εξακολουθεί να καταλαμβάνει χώρο στη διάταξη
οθόνη: κανένα: Καταργεί εντελώς το στοιχείο από το έγγραφο. Δεν καταλαμβάνει χώρο, παρόλο που το HTML για αυτό βρίσκεται ακόμα στον πηγαίο κώδικα.

9) Σε CSS πότε θα χρησιμοποιήσετε CSS float;

Στο CSS, θα χρησιμοποιούσατε το CSS float όταν θέλετε να κάνετε ένα στοιχείο της σελίδας σας να ωθηθεί προς τα δεξιά ή προς τα αριστερά και να κάνετε άλλα στοιχεία να τυλίγονται γύρω του.

10) Γιατί ένα γραφικό που περιέχει πολλές λέξεις πρέπει να αποθηκευτεί σε GIF αντί για JPG;

Είναι προτιμότερο να αποθηκεύεται η εικόνα σε μορφή GIF εάν η εικόνα αποτελείται από συγκεκριμένες λέξεις, επειδή το JPG έχει χαρακτηριστικά συμπίεσης αρχείων που μπορεί να καταστήσουν τις γραμματοσειρές μη αναγνώσιμες.

11) Εξηγήστε πώς μπορείτε να ενσωματώσετε το αρχείο CSS στην ιστοσελίδα σας;

Για να ενσωματώσετε το αρχείο CSS με οποιονδήποτε αριθμό αρχείων HTML, πρέπει να ενσωματώσετε το αρχείο μετά το ετικέτα χρησιμοποιώντας την ιδιότητα "Σύνδεσμος".

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

12) Αναφέρετε μερικές από τις συναρτήσεις JQuery που χρησιμοποιούνται για το σχεδιασμό ιστοσελίδων;

Μερικά από τα JQuery η λειτουργία που χρησιμοποιείται για το σχεδιασμό ιστοσελίδων περιλαμβάνει

Απλό πάνελ διαφανειών
Απλό αποτέλεσμα εξαφάνισης
Αλυσωτή μεταβατική επίδραση
Ακορντεόν #1 και Ακορντεόν #2
Κινούμενο εφέ αιώρησης
Ολόκληρο το μπλοκ με δυνατότητα κλικ
Πτυσσόμενα πάνελ
Γκαλερί αντικατάστασης εικόνων
Στυλ διαφορετικών τύπων συνδέσμων

13) Ως σχεδιαστής ιστοσελίδων, ενώ δηλώνετε το κουμπί "διαγραφή" ποια θα ήταν η επιλογή χρώματος;

Κάντε το κουμπί "Διαγραφή" πιο εμφανές χρησιμοποιώντας χρώμα όπως το κόκκινο, ειδικά όταν πρέπει να δείξετε δύο κουμπιά δίπλα-δίπλα. Το κόκκινο είναι σημάδι προσοχής, οπότε σίγουρα θα βοηθήσει τον χρήστη να τραβήξει την προσοχή του.

14) Εξηγήστε πώς μπορεί ένας προγραμματιστής να μάθει για το σχεδιασμό ιστοσελίδων;

Ο προγραμματιστής μπορεί να μάθει για το σχεδιασμό ιστοσελίδων ακολουθώντας συμβουλές

Επισκεφτείτε ιστότοπο όπως το "Smashing Magazine" για να αποκτήσετε καλύτερη ιδέα για το σχεδιασμό ιστοσελίδων
Ένας άλλος ιστότοπος είναι η "Καλύτερη Γκαλερί Ιστού" μπορεί επίσης να είναι χρήσιμη για να λάβετε πληροφορίες σχετικά με τον ποιοτικό σχεδιασμό και τις διατάξεις
Δοκιμάστε τα χέρια σας σε εργαλεία όπως το Adobe Illustrator
Δημιουργήστε δυναμική ιστοσελίδα χρησιμοποιώντας MySQL και PHP
Μάθετε βασικές γλώσσες όπως HTML, CSS, JavaScript, PHP ή jQuery

Ερωτήσεις συνέντευξης σχεδιασμού ιστοσελίδων

15) Εξηγήστε γιατί οι άνθρωποι καθαρίζουν την οθόνη πολλές φορές όταν χρησιμοποιούν αριθμομηχανή;

Η παλαιότερη έκδοση αριθμομηχανών έχει πολλά κουμπιά "ακύρωσης" (C, CE). Το κουμπί CE θα διαγράψει μόνο την τελευταία καταχώρηση, αλλά δεν διακόπτει τον τρέχοντα υπολογισμό. Για παράδειγμα, αν πληκτρολογήσετε 2+1 και στη συνέχεια πατήσετε CE, θα εμφανιστεί 0, αλλά η αριθμομηχανή αναμένει έναν δεύτερο τελεστή για την πρόσθεση. (2+ είναι ακόμα εκεί στη μνήμη). Έτσι, για να διασφαλίσουμε ότι δεν θα μείνει τίποτα στη μνήμη και για να ξεκινήσουμε έναν νέο υπολογισμό, βλέπουμε συχνά ανθρώπους να πατούν το κουμπί διαγραφής δύο φορές. Δεν οφείλεται σε ελάττωμα στη σχεδίαση της αριθμομηχανής.

16) Αναφέρετε γιατί ο κέρσορας του ποντικιού είναι ελαφρώς κεκλιμένος και όχι ίσιος;

Κατά την έναρξη της τεχνολογίας του ποντικιού, διαπιστώθηκε ότι δεδομένης της χαμηλής ανάλυσης των οθονών εκείνων των ημερών, η σχεδίαση μιας ευθείας γραμμής και μιας γραμμής σε γωνία 45 μοιρών ήταν ευκολότερο και πιο αναγνωρίσιμο από τον ευθύ δρομέα. Επίσης, το κεκλιμένο βέλος μπορεί να βοηθήσει τον υπολογισμό της θέσης κλικ ευκολότερα, επειδή η προέλευση του bitmap του δρομέα ήταν επάνω αριστερά. Αυτό εξοικονομούσε στην υπορουτίνα παρακολούθησης του ποντικιού έναν υπολογισμό σε κάθε κλικ.

17) Εξηγήστε τι είναι το σύστημα Grid;

Ένα σύστημα πλέγματος είναι μια δομή που περιλαμβάνει μια σειρά οριζόντιων και κάθετων γραμμών που τέμνονται και χρησιμοποιούνται για τη διάταξη περιεχομένου. Είναι ένας τρόπος παροχής ενός συστήματος στο οποίο οι σχεδιαστές μπορούν να εργαστούν με τη δομή και το παρόν περιεχόμενο. Για αρχάριους σχεδιασμού ιστοσελίδων, προτείνεται πάντα να χρησιμοποιούν το προκατασκευασμένο πλαίσιο για το σχεδιασμό ιστοσελίδων καθώς είναι σχετικά εύκολο στη χρήση.

18) Κατά τη σύνταξη ενός μηνύματος σφάλματος, ποια πράγματα πρέπει να λάβετε υπόψη;

Πρέπει να λάβετε υπόψη σας τα ακόλουθα

Μη χρησιμοποιείτε αρνητικές λέξεις
Αναφέρετε ξεκάθαρα το σφάλμα, ώστε ο χρήστης να ξέρει τι να διορθώσει
Δώστε στο χρήστη μια ένδειξη ή έναν σύνδεσμο για την επίλυση του σφάλματος
Ρίξτε την ευθύνη στον εαυτό σας και όχι στον χρήστη

Αυτές οι ερωτήσεις συνέντευξης θα βοηθήσουν επίσης στο viva (προφορικά) σας

Μπορεί να σας αρέσει:

28 Σχόλια

Χαί κύριε, είμαι vasanthan θα πάρω συνέντευξη για το σχεδιασμό ιστοσελίδων αυτό το qst είναι πολύ χρήσιμο για μένα θέλετε να ενημερώσετε περισσότερα ευχαριστώ