לערן די באַסיקס פון וועב דיזיין

יקערדיק עלעמענטן פארלאנגט צו שאַפֿן גרויס וועבסיטעס

ווען איר 'רע באַשטעטיקן אויס צו לערנען וועב פּלאַן, דער ערשטער זאַך איר זאָל געדענקען איז אַז דיזיינינג וועבסיטעס איז זייער ענלעך צו דרוקן פּלאַן. די באַסיקס זענען אַלע די זעלבע. איר דאַרפֿן פֿאַרשטיין פּלאַץ און אויסלייג, ווי צו שעפּן פאַנץ און פארבן, און שטעלן עס אַלע צוזאַמען אין אַ וועג אַז דיליווערז דיין אָנזאָג יפעקטיוולי.

לאָמיר נעמען אַ קוק בייַ די שליסל עלעמענטן וואָס גיין אין וויסן וועב פּלאַן. דאָס איז אַ גוט מיטל פֿאַר ביגינערז, אָבער אַפֿילו יקספּיריאַנסט דיזיינערז קענען זיין האָנע עטלעכע סקילז מיט דעם עצה.

01 פון 07

עלעמענטן פון גוט פּלאַן

פילאָ / געטי בילדער

גוט וועב פּלאַן איז די זעלבע ווי גוט פּלאַן אין אַלגעמיין. אויב איר פֿאַרשטיין וואָס מאכט עפּעס אַ גוט פּלאַן, איר וועט קענען צו צולייגן די כּללים צו דיין וועבסיטעס.

די מערסט וויכטיק יסודות אין וועב דיזיין זענען גוט נאַוויגאַציע, קאַנסייס און עפעקטיוו בלעטער, אַרבעט לינקס, און, רובֿ ימפּאָרטאַנטלי, גוט גראַמאַטיק און אויסלייג. האַלטן די זאכן אין גייַסט ווי איר לייגן קאָליר און גראַפיקס און דיין וועבזייַטל וועט זיין אַוועק צו אַ גרויס אָנהייב. מער "

02 פון 07

ווי צו שאַפֿן אַ וועב זייַט

פילע מענטשן טראַכטן אַז די אויסלייג פון אַ וועב בלאַט איז די פּלאַן, און אין פילע וועגן עס איז. דער אויסלייג איז די וועג די יסודות זענען פּאַזישאַנד אויף דער בלאַט, עס איז דיין יסוד פֿאַר בילדער, טעקסט, נאַוויגאַציע, אאז"ו ו.

פילע דיזיינערז קלייַבן צו מאַכן זייער לייאַוץ מיט CSS . עס קענען אויך זיין געניצט פֿאַר עלעמענטן ווי פאַנץ, פארבן, און אנדערע מנהג סטיילז. דעם העלפט ענשור קאָנסיסטענט און גרינג צו פירן פֿעיִקייטן אַריבער דיין גאַנץ וועבזייַטל.

דער בעסטער טייל פון ניצן CSS איז אַז ווען איר דאַרפֿן צו טוישן עפּעס, איר קענען נאָר ווענדן צו די קסס און עס ענדערונגען אויף יעדער בלאַט. עס טאַקע איז גליטשיק און וויסן צו נוצן קסס קענען סוף אַרויף שפּאָרן איר צייַט און גאַנץ אַ ביסל האַסאַלז.

אין הייַנט ס אָנליין וועלט, עס איז זייער וויכטיק צו באַטראַכטן אָפּרופיק וועב פּלאַן (רווד) ווי געזונט. די ערשטיק פאָקוס פון רווד איז צו טוישן דעם אויסלייג דיפּענדינג אויף די ברייט פון די מיטל צו ווייַזן די בלאַט. האַלטן אין מיינונג אַז דיין וויזאַטערז וועט זיין געזען אויף דעסקטאַפּס, פאָנעס, און טאַבלאַץ פון אַלע סיזעס, אַזוי דאָס איז מער וויכטיק ווי אלץ. מער "

03 פון 07

פאָנץ און טיפּאָגראַפי

פאָנץ זענען די וועג דיין טעקסט קוקט אויף אַ וועב בלאַט. דאָס איז אַ וויטאַל עלעמענט ווייַל רובֿ וועב זייַטלעך אַרייַננעמען גרויס אַמאַונץ פון טעקסט.

ווען איר 'רע טראכטן פון פּלאַן, איר דאַרפֿן צו טראַכטן וועגן די טעקסט קוקט אויף אַ מיקראָ-מדרגה (די שריפֿט גליפס, שריפֿט משפּחה, אאז"וו) און די מאַקראָו-מדרגה (פּאַזישאַנינג בלאַקס פון טעקסט און אַדזשאַסטינג די גרייס און פאָרעם פון די טעקסט). עס ס אַוואַדע נישט ווי פּשוט ווי טשוזינג אַ שריפֿט און אַ ביסל עצות וועט העלפן איר באַקומען סטאַרטעד. מער "

04 פון 07

דיין וועבסייט קאָלאָר סקים

קאָליר איז אומעטום. עס ס ווי מיר אָנטאָן אונדזער וועלט און ווי מיר זען די זאכן. קאָליר איז טייַטש אויסער נאָר "רויט" אָדער "בלוי" און קאָליר איז אַ וויכטיק פּלאַן עלעמענט.

אויב איר טראַכטן וועגן אים, יעדער וועבזייַטל האט אַ קאָליר סכעמע. עס מוסיף די סאָרט אידענטיטעט פון די פּלאַץ און פלאָוז אויף יעדער בלאַט און אנדערע אָפּזעצערייַ מאַטעריאַלס. באַשטימען דיין קאָליר סכעמע איז אַ וויטאַל שריט אין קיין פּלאַן און זאָל זיין געהאלטן קערפאַלי. מער "

05 פון 07

לייג גראַפיקס און בילדער

גראַפיקס זענען די שפּאַס טייל פון בנין וועב זייַטלעך. ווי דער זאגן גייט "אַ בילד איז ווערט 1,000 ווערטער" און דאָס איז אויך אמת אין וועב פּלאַן. דער אינטערנעץ איז אַ זייער וויזשאַוואַל מיטל און אויג-קאַטשינג פאָטאָס און גראַפיקס קענען טאַקע לייגן צו דיין באַניצער באַשטעלונג.

ניט ענלעך צו טעקסט, זוכן ענדזשאַנז האָבן אַ שווער צייַט דערציילט וואָס אַ בילד איז פון סייַדן איר געבן זיי אַז אינפֿאָרמאַציע. פֿאַר דעם סיבה, דיזיינערז קענען נוצן IMG tag attributes like the ALT tag to include those important details. מער "

06 פון 07

טאָן ניט אַראָפּרעכענען נאַוויגאַציע

נאַוויגאַציע איז ווי דיין וויזאַטערז באַקומען אַרום פון איין זייַט צו אנדערן. עס גיט באַוועגונג און גיט די געלעגנהייט צו געפֿינען אנדערע יסודות פון דיין פּלאַץ.

איר דאַרפֿן צו מאַכן זיכער אַז די סטרוקטור פון דיין וועבזייַטל (די אינפֿאָרמאַציע אַרקאַטעקטשער) מאכט זינען. עס אויך דאַרפֿן צו זיין גאָר גרינג צו געפינען און לייענען אַזוי וויזאַטערז טאָן ניט האָבן צו פאַרלאָזן אויף די זוכן פונקציאָנירן .

די לעצט ציל איז אַז דיין נאַוויגאַציע און ינלינע פֿאַרבינדונג העלפּינג וויזאַטערז צו געפינען דיין פּלאַץ. די מער איר קענען האַלטן זיי, די מער מסתּמא איר וועט באַקומען זיי צו קויפן וואָס איר פאַרקויפן. מער "

07 פון 07

וועב דיזיין ווייכווארג

רובֿ וועב דיזיינערז בעסער צו אַרבעטן אין וויסיוויג אָדער "וואָס איר זעט איז וואָס איר באַקומען" רעדאקציע. דאס צושטעלן אַ וויסואַל צובינד צו די פּלאַן און לאָזן איר פאָקוס ווייניקער אויף קאָדירונג HTML .

טשאָאָסינג די רעכט וועב פּלאַן סאָפטווער קענען זיין אַ אַרויסרופן. פילע דיזיינערז בעסער אַדאָובי דרעאַמוועאַווער ווייַל עס ס 'גרינג צו נוצן און כולל כּמעט יעדער שטריך איר' רע אלץ געגאנגען צו דאַרפֿן. עס קומט צו אַ פּרייַז, כאָטש, אָבער עס איז אַ פֿרייַ פּראָצעס בנימצא.

בעגיננערס זאל וועלן צו קוקן אין פֿרייַ אָדער אָנליין וועב רעדאקציע . די לאָזן איר צו דאַבאַל אין וועב פּלאַן און בויען עטלעכע אַמייזינג בלעטער בייַ ביסל צו קיין פּרייַז. מער "