וועבזייטל אויסלייג איז דער פּראָצעס פון קריייטינג אַ וועב בלאַט דורך קאָדירונג און סטראַקטשערינג אינהאַלט אַזוי אַז עס איז ווייַזאַבאַל און ינטעראַקטיוו אין אַ וועב בלעטערער. עס ינוואַלווז סטילינג טעקסט, בילדער, ווידיאס, לינקס, פארמען און אנדערע עלעמענטן אויף אַ בלאַט צו שאַפֿן אַ קאָוכיסיוו און קאַמפּעלינג וויזשאַוואַל דערפאַרונג פֿאַר יוזערז.
דער פּלאַן און אויסלייג פון דעם פּלאַץ כולל די פאלגענדע הויפּט אַספּעקץ:
-
HTML (היפּערטעקסט מאַרקאַפּ שפּראַך):
- HTML איז געניצט צו שאַפֿן די סטרוקטור פון אַ וועב בלאַט. עס דיפיינז די כעדינגז, פּאַראַגראַפס, רשימות, בילדער, לינקס און אנדערע עלעמענטן וואָס פאָרעם די האַרץ פון די אינהאַלט אויף אַ בלאַט.
-
CSS (Cascading Style Sheets):
- CSS איז געניצט צו סטיל HTML עלעמענטן און קאָנטראָלירן זייער אויסזען. ניצן CSS, איר קענען שטעלן פארבן, פאַנץ, סיזעס און פּלייסמאַנט פון עלעמענטן אויף דעם בלאַט.
-
וועבזייַטל אויסלייג. אָפּרופיק פּלאַן:
- אָפּרופיק פּלאַן ינוואַלווז ניצן CSS און אנדערע טעקנאַלאַדזשיז צו שאַפֿן וועב זייַטלעך וואָס קענען זיין געוויזן ריכטיק אויף פאַרשידענע דעוויסעס און פאַרשטעלן רעזאַלושאַנז, אַזאַ ווי קאָמפּיוטערס, טאַבלאַץ און סמאַרטפאָנעס.
-
דזשאַוואַסקריפּט:
- דזשאַוואַסקריפּט קענען ווערן גענוצט צו לייגן ינטעראַקטיוויטי צו וועב זייַטלעך. די פּראָגראַממינג שפּראַך אַלאַוז איר צו שאַפֿן דינאַמיש עלעמענטן, ינטעראַקט מיט ניצערס און טוישן בלאַט אינהאַלט אָן רילאָוד.
-
וועבזייַטל אויסלייג. קרייַז בלעטערער קאַמפּאַטאַבילאַטי:
- דער אויסלייג אויך ינקלודז באַטראַכטונג פון קרייַז-בלעטערער קאַמפּאַטאַבילאַטי אַזוי אַז וועב זייַטלעך ווייַזן ריכטיק אין פאַרשידן וועב בראַוזערז (למשל, Google קראָום, מאָזיללאַ פירעפאָקס, סאַפאַרי, Microsoft Edge).
-
פאָרשטעלונג אָפּטימיזאַטיאָן:
- אַ וויכטיק אַספּעקט פון אויסלייג איז פאָרשטעלונג אַפּטאַמאַזיישאַן, אַזאַ ווי רידוסינג די גרייס פון בילדער, ניצן קאַטשינג און אנדערע טעקניקס צו ענשור בלעטער לאָדן געשווינד.
ספר אויסלייג גענעראַטאָרס: 5 פריי מכשירים.
צו מאַכן זיכער אַז איר באַקומען אַ וועבזייטל וואָס דיין וויזאַטערז וועלן נישט פאַרלאָזן, מיר האָבן צוזאַמען דעם וועגווייַזער צו פּלאַן באַסיקס וועבזייַטל אויסלייג. מיר וועלן שטעלן די באַסיקס פון וואָס זאָל זיין געטאן גוט פּלאַן, שליסל טעקניקס פֿאַר קריייטינג אַן עפעקטיוו וועבזייטל אויסלייג, און די מערסט פּראָסט טייפּס פון וועבזייטל לייאַוץ.
צילן. וועבזייַטל אויסלייג
ווי פּשוט עס קען געזונט, דער בלויז ציל פון אַ וועבזייטל אויסלייג איז צו שטיצן די צילן פון די וועבזייטל, זיין קאַנווערזשאַן, סאָרט דערקענונג, פאַרווייַלונג אָדער אנדערע ציל. אבער די צילן וועבזייַטל זענען אויסגעדריקט דורך אינהאַלט, און די אויסלייג פּלאַן באשרייבט ווי צו יפעקטיוולי צושטעלן דעם אינהאַלט. מיט דעם געזאָגט, דאָ זענען עטלעכע פּראָסט פאַנגקשאַנז אַז אַ וועבזייטל אויסלייג קענען דורכפירן:
- אינפֿאָרמאַציע אַרויסווייַזן . א גוט וועבזייטל אויסלייג אָרגאַניזירט אינפֿאָרמאַציע אין אַ וועג וואָס גייט אַ קלאָר ווי דער טאָג סיקוואַנס, איז גרינג צו יבערקוקן, גיט וואָג צו די מערסט וויכטיק עלעמענטן און מאכט באַניצער מכשירים ינטואַטיוו צו געפֿינען און נוצן.
- באַניצער באַשטעלונג: א גוט וועבזייטל אויסלייג מאכט די בלאַט וויזשוואַלי אַפּילינג, דירעקטעד די באַניצער 'ס אויג צו ווייזט פון אינטערעס און ינקעראַדזשאַז זיי צו פאָרזעצן צו נאַוויגירן די פּלאַץ.
- בראַנדינג: א גוט וועבזייטל אויסלייג אויך פיעסעס אַ ראָלע אין בראַנדינג, ניצן ספּייסינג, אַליינמאַנט און סקיילינג צו פּאַסן די פירמע 'ס סאָרט.
די הויך-מדרגה גאָולז פירן וועבזייטל אויסלייג פּלאַן, אָבער איידער מיר קוקן אין ספּעציפיש וועבזייטל לייאַוץ, לאָזן אונדז דיסקוטירן ווי צו ינסטרומענט די צילן אין מער דעטאַל.
גיפט סערטיפיקאַט. ווי צו שאַפֿן?
דער פּראָצעס פון דעוועלאָפּינג אַ וועבזייטל אויסלייג. וועבזייַטל אויסלייג
דער וועבזייטל אויסלייג פּראָצעס זאָל פּאַסירן פרי אין דער שאַפונג פון די וועבזייטל, וואָס איז עטלעכע מאָל נאָך איר דעוועלאָפּעד דיין וועבזייטל סטראַטעגיע אָבער איידער איר שפּרינגען אין אַ גראַפיק פּראָגראַם צו שאַפֿן די צובינד.
ווי צו שאַפֿן אַ חתונה וועבזייטל?
דער אויסלייג פון אַ וועבזייטל איז וויזשוואַלייזד מיט אַ ווירעפראַמע, וואָס איז אַ יקערדיק ווירעפראַמע מאַפּע וואָס ווייַזן ווי די אינהאַלט וועט פּאַסיק צוזאַמען. עס איז וויכטיק צו ויסטיילן ווירעפראַמע פּלאַן פון וועב פּלאַן, וואָס איז די גאנצע דער פּראָצעס פון קריייטינג צובינד גראַפיקס און אנדערע וויזשאַוואַל עלעמענטן פֿאַר אַ וועבזייטל. וועבזייטל אויסלייג פּלאַן איז אַ גרויס טייל פון וועב פּלאַן, און עס סטאַרץ מיט די ווירעפראַמע. ידעאַללי, די וויזשאַוואַל פּלאַן זאָל גלייַכן די ווירעפראַמע אויסלייג אַזוי אַז גראַפיק עלעמענטן זענען געשטעלט סטראַטידזשיקלי און נישט באזירט אויף פליטינג עסטעטיש פּרעפֿערענצן.
נאָך דעם, דאָ זענען די סטעפּס צו שאַפֿן אַ וועבזייטל אויסלייג:
-
וועבזייַטל אויסלייג. דעפינירן אַלע אינהאַלט געביטן.
ווירעפראַמעס טיפּיקלי פאָרשטעלן אינהאַלט ווי פּשוט סקווערז און רעקטאַנגגאַלז, צי עס איז אַ בילד אָדער אַ בלאָק פון טעקסט. עס איז וויכטיק צו וויסן אין שטייַגן ווי פיל אינהאַלט איר האָבן און די דערנענטערנ גרייס פון יעדער שטיק (אָדער וואָרט ציילן) אַזוי איר קענען אַקיעראַטלי פּאַסיק די עלעמענטן צוזאַמען.
-
שאַפֿן אַ סעריע פון ווירעפראַמעס און פּראָוטאַטייפּס.
דער אויסלייג קענען זיין ווי פּשוט ווי צייכענונג מיט פעדער און פּאַפּיר, אָבער עס זענען אויך פילע מגילה בנימצא (למשל. כווימזיקאַל ), דיזיינד צו אַפּטאַמייז דעם פּראָצעס. זינט ווירעפראַמעס טאָן ניט האָבן צו זיין דיטיילד ווערק פון קונסט, איר קענען מאַכן עטלעכע פון זיי אין אַ צייַט. אפילו אויב איר פאַלן אין ליבע מיט דיין ערשטער געדאַנק, איר זאָל אַנטוויקלען מער ווירעפראַמעס צו יקספּאַנד דיין פאַנטאַזיע און געבן זיך אָפּציעס. אָן פאַנטאַזיע גראַפיקס צו דיסטראַקט איר, איר קענען פאָקוס אויף די באַניצער דערפאַרונג און לערנען וואָס אויסלייג וועט זיין מערסט ינטואַטיוו פֿאַר זיי. זייט זיכער צו נעמען אין חשבון אַלע פאַרשטעלן סיזעס - עס איז רעקאַמענדיד צו אָנהייבן מיט אַ אויסלייג פֿאַר רירעוודיק דעוויסעס, און דעמאָלט בויען עס אַרויף.
-
פּרובירן, קלייַבן באַמערקונגען און יטערייט.
אַמאָל איר האָבן אַ ביסל אָפּציעס, מאַכן זיכער איר קלייַבן באַמערקונגען פון דיין פּירז. אַפּפּליקאַטיאָנס ווי אינערציע и פייגמא, לאָזן איר צו שאַפֿן ינטעראַקטיוו פּראָוטאַטייפּס אַזוי איר קענען לייכט פּרובירן קנעפּלעך און נאַוויגאַציע אָן קריייטינג אַ פאַקטיש וועב בלאַט. אויב פּראָצעס יוזערז רעקאָרדירן זיך אויף די פאַרשטעלן בשעת נאַוואַגייטינג דעם פּראָוטאַטייפּ, דאָס קען אַנטדעקן UX סטאַמבלינג בלאַקס. אַמאָל איר האָבן אַ ביסל הערות, גיין צוריק צו שריט צוויי און איבערחזרן ביז איר באַקומען די שליימעסדיק רעזולטאַט.
כאָטש דאָס זענען די ליטעראַל סטעפּס צו שאַפֿן אַ וועבזייטל אויסלייג, עס קען זיין שווער צו פֿאַרשטיין וואָס מאכט אַ אויסלייג עפעקטיוו אָדער נישט ווען איר נאָר אָנהייבן. אין דער ווייַטער אָפּטיילונג, מיר וועלן קוקן אין ספּעציפיש מעטהאָדס איר קענען נוצן צו מאַכן פּלאַן דיסיזשאַנז.
שליסל מעטהאָדס פֿאַר קריייטינג עפעקטיוו. וועבזייַטל אויסלייג
וועבזייטל אויסלייג פּלאַן איז אַ פיר וואָס איז געווען אַרום פֿאַר דעקאַדעס, טייַטש אַז איבער די יאָרן אַ נומער פון פּלאַן קאַנווענשאַנז און פּרינסאַפּאַלז זענען געגרינדעט צו פירן דיזיינערז אין זייער מעלאָכע. ונטער זענען עטלעכע פון די מערסט נוציק פון די טעקניקס:
וויסואַל כייעראַרקי
וויסואַל כייעראַרקי איז אַ וועג צו סטיליזירן זעקס פּלאַן עלעמענטן צו פאַרבעסערן קאַנטראַסט צו מאַכן זיכער טיילן פון אינהאַלט שטיין אויס העכער אנדערע. צו דערגרייכן דעם, די מערסט וויכטיק פּאַרץ פון די אויסלייג זענען די וואָס דער באַניצער דאַרף גלייך ידענטיפיצירן, דיפּענדינג אויף די ציל פון די בלאַט. זיי יוזשאַוואַלי אַרייַננעמען כעדליינז, ווערט פּראַפּאַזישאַנז, רופט צו קאַמף און באַניצער מכשירים אַזאַ ווי נאַוויגאַציע.
וויסואַל כייעראַרקי קענען באַשייַמפּערלעך זיך אין פילע וועגן, אַזאַ ווי דורך טשוזינג שריפֿט (גרייס, וואָג, און אפילו פאַרשידענע שריפֿט קאַמבאַניישאַנז), אַליינינג וויכטיק עלעמענטן העכער אויף די בלאַט, אָדער ניצן קאַמפּלאַמענטשי פארבן צו הויכפּונקט עלעמענטן.
לייענען פּאַטערנז. וועבזייַטל אויסלייג
לייענען פּאַטערנז באַשרייַבן די מערסט פּראָסט וועגן צו יבערקוקן בלעטער דורך ניצערס און זענען דיפּיקטיד ווי דירעקטעד שורות (וועקטאָרס, פֿאַר מאטעמאטיקער). זינט פאָרשונג ווייזט אַז 79% פון וועבזייטל וויזאַטערז בלויז אָפּשעפּן דעם בלאַט, עס איז וויכטיק צו מאַכן עס ווי גרינג ווי מעגלעך צו יבערקוקן. איין עפעקטיוו וועג צו טאָן דאָס איז צו פּלאַן דעם אויסלייג מיט אַ ספּעציפיש לייענען מוסטער אין זינען.
ינקאָרפּערייטינג לייענען פּאַטערנז אין דיין לייאַוץ ינוואַלווז סטראַטידזשיקלי פּלייסינג עלעמענטן צוזאמען די צוקוקער ס דערזען שורות. די מערסט פּראָסט פּאַטערנז צו באַטראַכטן זענען די ז מוסטער (זיגזאַג וועקטאָר; נוציק פֿאַר בילד-שווער לייאַוץ) און די F מוסטער (שורה וועקטאָר, נוציק פֿאַר טעקסט-שווער לייאַוץ).
אויבן אָדער אונטער די פאַרלייגן. וועבזייַטל אויסלייג
אין וועב פּלאַן, די "פאַרלייגן" איז די שורה אין וואָס אַ וועב בלאַט איז שנייַדן אַוועק רעכט צו לימיטיישאַנז פון די פאַרשטעלן גרייס. אינהאַלט וואָס איז קענטיק ווען אַ בלאַט לאָדן איז גערופן "אויבן די בלאַט," בשעת אינהאַלט וואָס ריקווייערז די באַניצער צו מעגילע אַראָפּ צו עפֿענען עס איז גערופן "דנאָ פון די בלאַט."
ווען עס קומט צו וועבזייטל אויסלייג פּלאַן, די מערסט וויכטיק און / אָדער קאַמפּעלינג אינהאַלט (אַזאַ ווי די ווערט פאָרלייג און רופן צו קאַמף) זאָל זיין געשטעלט בעשאָלעם אין די שפּיץ פון די בלאַט אַזוי אַז יוזערז טאָן ניט האָבן צו זוכן פֿאַר עס. דער פּלאַץ איז 1000 x 600 בילדצעלן פֿאַר רובֿ פאַרשטעלן סיזעס. אַז זייַענדיק געזאגט, דיזיינערז קענען אויך נוצן די קנייטש צו שנייַדן אַוועק ינטריגינג גראַפיקס און נאָכמאַכן צו ינטייס יוזערז צו מעגילע אַראָפּ בשעת זיי פאָרזעצן זייער ינטעראַקשאַן מיט די וועב בלאַט.
גריד סיסטעמען. וועבזייַטל אויסלייג
א גריד סיסטעם איז אַ אויסלייג באזירט אויף שווער מעזשערמאַנץ און גיידליינז. די גריד איז געמאכט פון שפאלטן (דעזיגנייטיד ספּייסאַז צו שטעלן אינהאַלט) און גאַטערז (די ליידיק ספּייסאַז צווישן די שפאלטן).
ליידיק פּלאַץ
ווייַס פּלאַץ, מאל גערופן נעגאַטיוו פּלאַץ, איז פשוט אַ שטח פון אַ פּלאַן אָן קיין אינהאַלט, ד"ה ליידיק פּלאַץ. כאָטש עס איז גרינג צו פאַרזען און אָפט טעמפּטינג צו פּלאָמבירן מיט אינהאַלט, ווייַס פּלאַץ קענען זיין די מערסט וויכטיק אַסעט אין די וועבזייטל אויסלייג.
דעם וועבזייטל מאָקקופּ אַטראַקץ ופמערקזאַמקייט מיט עפעקטיוו ווייַס פּלאַץ.
טראַכטן וועגן ווי אַ שורה פון טעקסט אויף אַ ליידיק בלאַט וועט זיין פיל מער עפעקטיוו צו כאַפּן דיין ופמערקזאַמקייט ווי אויף אַ בלאַט קלאַטערד מיט אינהאַלט. גענוגיק ווייַס פּלאַץ קריייץ טראָפּ, מאכן די גאנצע זאַץ ווייניקער שווער צו לייענען. ניט ענלעך געדרוקט בלעטער, די לענג פון אַ וועב בלאַט איז נישט לימיטעד, וואָס גיט דיזיינערז פיל מער פרייהייט אין סטראַטעגיע און נוצן פון ווייַס פּלאַץ.
פּראָסט טייפּס פון וועבזייטל לייאַוץ. וועבזייַטל אויסלייג
וועבזייטל לייאַוץ זענען ראַרעלי באשאפן פֿון קראַצן; אין פאַקט, עס איז אָפט געזאגט אַז דאָס איז נישט דער פאַל. רובֿ מאָדערן וועבסיטעס זענען באזירט אויף פּראָסט אויסלייג סקימז וואָס זענען געניצט קאַנסיסטאַנטלי, מיט קליין ווערייישאַנז, איבער די אינטערנעט.
כאָטש עטלעכע גראַד פון ערידזשאַנאַליטי איז וויכטיק אין קיין פּלאַן, וועבסיטעס זענען דיזיינד צו זיין גלייך פארשטאנען און געוויינט. אַזוי ווען יוזערז ווערן צוגעוווינט צו זיכער טייפּס פון לייאַוץ איבער די יאָרן, עס מאכט זינען פֿאַר דיזיינערז צו שטעקן מיט זיי. געדענקט אַז לעסאָף די אויסלייג זאָל זיין פּראַקטיש, און די ווייניקער צייט ניצערס פאַרברענגען צו לערנען אַ נייַע אויסלייג, די מער צייט זיי וועלן אָפּגעבן צו אַקשלי נוצן דעם פּלאַץ. אַחוץ דעם, דאָ זענען עטלעכע פון די מערסט פּראָסט וועבזייטל לייאַוץ:
איין זייַל אויסלייג
א איין-זייַל אויסלייג איז אַ אויסלייג וואָס שטעלן אינהאַלט סאַקווענטשאַלי אין אַ איין זייַל, אָפט סענטערד.
פילע וועב בלאַט לייאַוץ אָנהייבן דאָ, ווייַל רירעוודיק-ערשטער פּלאַן איז אַ לאַנג-רעקאַמענדיד צוגאַנג און רירעוודיק וועבסיטעס זענען אָפט געלייגט אין אַ איין זייַל רעכט צו גרייס ריסטריקשאַנז. דער אויסלייג איז מערסט נוציק פֿאַר לאַנדינג בלעטער אָדער קאַנאַל-באזירט אינהאַלט, אַזאַ ווי געזעלשאַפטלעך נעטוואָרקס און בלאָגס ווייַל עס ראַדוסאַז די נומער פון בלאַט עלעמענטן און פּראַמאָוץ סקראָללינג.
צוויי-זייַל אויסלייג. וועבזייַטל אויסלייג
א צוויי-זייַל אויסלייג, מאל אין אַ שפּאַלטן פאַרשטעלן מיינונג, דיספּלייז אינהאַלט זייַט-ביי-זייַט.
דאָס איז נוציק פֿאַר כיילייטינג דיטשאָטאָמיעס צווישן צוויי עלעמענטן (למשל, פאַרשידענע וילעם אויף קליידער זייטלעך, איידער / נאָך דינסט סטיל, אָדער צווייענדיק אָפּציעס פּרייסינג). עס איז אויך נוציק פֿאַר באַלאַנסינג גראַפיקס מיט קאָפּיע, סאַטאַלי שטיצן Z-מוסטער לייענען.
מולטי-זייַל אויסלייג. וועבזייַטל אויסלייג
א מאַלטי-זייַל אויסלייג איז אָפט ריפערד צו ווי אַ צייטונג אָדער זשורנאַל אויסלייג. עס פיץ שווער וועבזייטל אינהאַלט אין איין בלאַט.
א גריד איז טיפּיקלי געניצט צו האַלטן סדר און כייעראַרקי דורך צושטעלן אַ ברייט זייַל פּלאַץ פֿאַר מער וויכטיק עלעמענטן אַזאַ ווי הויפּט אינהאַלט, בשעת ווייניקער וויכטיק עלעמענטן אַזאַ ווי אַ נאַוויגאַציע מעניו, סיידבאַר אָדער פאָן אַד זענען ווייניקער פּראַפּאָרשאַנאַל פּלאַץ. דאָס איז נוציק פֿאַר פירמע היים בלעטער, בילד אָדער ווידעא זייטלעך, אָנליין אויסגאבעס, מנהג דאַשבאָרדז און שאַפּינג וועבסיטעס - וועבסיטעס מיט אַ פּלאַץ פון אינהאַלט און קאַטעגאָריעס צו אָנווענדן יוזערז צו.
אַסיממעטריק אויסלייג. וועבזייַטל אויסלייג
אַן אַסיממעטריק אויסלייג איז ווען עלעמענטן זענען עריינדזשד אין אַניקוואַל וואָג און פּראַקסימאַטי - פשוט שטעלן, קיין סאַמעטריקלי. אָבער כאָטש עס איז דער פאַרקערט פון אַ גריד סיסטעם, אַסיממעטרי טוט נישט מיינען כאַאָס.
באַלאַנס איז וויכטיק אין קיין פּלאַן, און אַן אַסיממעטריק אויסלייג פשוט אַטשיווז דעם אין אומגעריכט וועגן, אַזאַ ווי קאַמביינינג גרויס-וואָג רענדערינג אויף איין זייַט מיט פילע קלענערער עלעמענטן אויף די אנדערע. דאָס איז נוציק פֿאַר אַדינג טראָפּ דורך יגזאַדזשערייטינג עטלעכע עלעמענטן (דורך ליטעראַל גרייס, קאַלערינג אָדער פּלייסמאַנט) איבער אנדערע. עס קענען אויך שטיצן מנהג לייענען פּאַטערנז (ווי קעגן צו די רעגולער אָנעס דערמאנט פריער).
בראַנדז וואָס קענען פאַרגינענ זיך צו נעמען אַן אַנקאַנווענשאַנאַל צוגאַנג צו פּלאַן וועט געפֿינען דעם אויסלייג נוסח ידעאַל - דאָס איז, וועבסיטעס וואָס פאָקוס אויף די Arts, האָבן אַ אַדווענטשעראַס וילעם אָדער ווילן צו הויכפּונקט אַן ינאַווייטיוו אָדער ברייקטרו פּראָדוקט.
וועבזייַטל אויסלייג גאָר געלייגט אויס
א גרויס וועבזייטל אויסלייג פּלאַן ניט בלויז מאכט עס וויזשוואַלי אַפּילינג אָבער אויך ינטואַטיוו. דאָס איז דער ערשטער שריט צו מאַכן אַ ערשטער רושם אויף יוזערז, ינטייס זיי צו בלייַבן און זען אַלע די אינהאַלט וואָס דיין פּלאַץ האט צו פאָרשלאָגן. וועבזייַטל אויסלייג
כאָטש די באַסיקס פון די פּלאַן פון וועבזייטל אויסלייג קענען געבן איר אַ סטאַרטינג פונט, איר זאָל שטרעבן צו טאָן אַלץ מעגלעך צו צושטעלן אַ יקסעפּשאַנאַל דערפאַרונג פֿאַר דיין פּלאַץ וויזאַטערז. און דער בעסטער וועג צו באַקומען אַ מאָדערן וועבזייטל אויסלייג פּלאַן איז צו אַרבעטן מיט אַ פאַכמאַן דיזיינער.
АЗБУКА «
оставить комментарий