ווערטיקאַל קסס מעניו: טאן עס זיך

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

יקערדיק טריט

צו שאַפֿן אַ פּשוט ווערטיקאַל מעניו קסס, איר דאַרפֿן די ווייַטערדיק טריט:

1. ערשטער, באַשטימען אַ רשימה פון לינקס (ניצן קאָד HTML), פון וואָס די מעניו וועט זיין. געבן זיי אַ נאָמען, למשל, זענען ווי גייט:

1. היים.
2. אונדזער געשיכטע.
3. גייד.
4. באַדינונגען.
5. קאָנטאַקטן.

2. דערנאך סטילינג לינקס ווי איר ווילט מיט די הילף פון קסס.

מיר שרייַבן די HTML קאָד, האַלטן אין מי_וומענו.הטמל טעקע און זען ווי עס וועט קוקן אין דעם בלעטערער:

דאס איז די יקער (סקעלעט) פון אונדזער מעניו. # 1, # 2, אאז"ו ו זאָל זיין ריפּלייסט דורך דערמאָנען. זען ווי עס קוקט אין אַ בלעטערער. די בילד איר וועט נישט ווי. איצט מיר מוזן אָנהייבן צו באַשרייַבן די יסודות פון נוסח, צו מאַכן אַ גאַנץ ווערטיקאַל קסס מעניוז.

באַשרייַבונג סטיילז

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

דיטיילד באַשרייַבונג געניצט סטילעשעעט

איצט באַטראַכטן די דעטאַילס פון אונדזער קסס ווערטיקאַל מעניו:

רשימה-נוסח-טיפּ אַלאַוז איר צו אַראָפּנעמען די רשימה פון מאַרקערס. דורך באַשטעטיקן "0" צו דער גרענעץ און וואַטן באַזייַטיקן די עקסטרע וואַטן אין דער רשימה. ווי קענען ווערן געזען פון דעם HTML קאָד, אונדזער מעניו איז אַ רשימה, און די סטיילז זענען Defined ניצן קסס.

אַל # מי_וומענו - די קוילעלדיק נוסח פון די גאנצע רשימה.

אַל # מי_וומענו לי אַ - נוסח פֿאַרבינדונגען צווישן דעם צעטל לי.

אַל # מי_וומענו לי אַ: האָווער - אַ באַשרייַבונג פון דעם טיפּ אונטער באַטראַכטונג פון מעניו זאכן אין אַ צייַט ווען איינער כאַווערז איבער מענטשן.

אַל # מי_וומענו לי אַ שפּאַן - טעקסט באַשרייַבונג (טיטל מעניו).

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

נוסח מוזן זיין קאָננעקטעד צווישן די קאָפּ טאַגס אין אַ די HTML טעקע. מענו_1.פּנג און מענו_2.פּנג - דעם איז דער בילד פֿאַר די בילד מעניו נומער אין די נאָרמאַל שטאַט און האָווער.

עס איז בעסער צו ראַטעווען די בילדער אין אַ באַזונדער טעקע פֿאַר בילדער, נאָמען עס מי_ימאַגעס, אָבער דעמאָלט סטרויערן די קסס קאָד. שרייב ווו די בילדער זענען געוויזן, זיי זענען אין דעם Directory: וועבאַדרעס (מי_ימאַגעס / מענו_1.פּנג) און URL (מי_ימאַגעס / מענו_2.פּנג).

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

אונדזער ווערטיקאַל מעניו

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