אויב איר ווילט וויסן ווי צו שאַפֿן אַ וועבזייטל מיט HTML, css, אָדער jquery, איר זענט אין די רעכט אָרט. עס זענען שעפע פון רעסורסן אָנליין וואָס וועט העלפֿן איר לערנען ווי צו שאַפֿן אַ וועבזייטל געשווינד און לייכט. אָבער ווי טאָן איר מאַכן דיין וועבזייטל קוקן ווי פאַכמאַן ווי מעגלעך?
שאַפֿן אַ וועבזייטל מיט HTML
שאַפֿן אַ וועבזייטל מיט HTML קאָד איז אַ גרויס וועג צו שאַפֿן אַ יינציק וועבזייטל. אָבער עס איז וויכטיק צו געדענקען אַז עס ריקווייערז עטלעכע קאָדירונג סקילז און CSS. אין צוגאב, אויב איר ווילן צו טוישן די קוק אָדער די אינהאַלט פון דיין וועבזייטל, איר וועט דאַרפֿן צו אָנשטעלן אַ דעוועלאָפּער. א אינהאַלט פאַרוואַלטונג סיסטעם ווי וואָרדפּרעסס, אָבער, אַלאַוז איר צו דערהייַנטיקן דיין וועבזייטל זיך. ניט ענלעך HTML, וואָרדפּרעסס טוט נישט דאַרפן קיין קאָדירונג סקילז און אַלאַוז איר צו שאַפֿן אַ וועבזייטל מיט בלויז אַ יקערדיק פארשטאנד פון פּלאַן.
HTML איז אַ יקערדיק קאָדירונג שפּראַך וואָס דערציילט בראַוזערז ווי צו ווייַזן וועב זייַטלעך. עס טוט דאָס דורך ספּעציעלע אינסטרוקציעס גערופן טאַגס. די טאַגס אָנווייַזן וואָס אינהאַלט זאָל דערשייַנען אין אַ זיכער אָפּטיילונג פון אַ וועב בלאַט. עס איז אַ וויכטיק קאָדירונג נאָרמאַל, אָבער עס אויך האט עטלעכע שאָרטקאָמינגס. אין דעם אַרטיקל, מיר וועלן קוקן אין עטלעכע פון די מערסט וויכטיק טינגז צו וויסן וועגן HTML איידער איר אָנהייבן.
שאפן אַ וועבזייטל מיט HTML און CSS איז נישט שווער אויב איר וויסן ווי צו נוצן אַ וועב האָסט און האָבן יקערדיק וויסן פון HTML. א וועב באַלעבאָס קענען העלפֿן איר שטעלן אַ פּלאַץ פֿאַר פריי, אָדער וועט באַלעבאָס עס פֿאַר איר פֿאַר אַ קליין אָפּצאָל. אויב איר נאָר אָנהייבן, איר קענען פּרובירן די Bootstrap צוגאַנג און נעמען דיין צייט צו לערנען דעם קאָד. דער אופֿן וועט ראַטעווען איר צייט און לאָזן איר פאָקוס אויף די אינהאַלט פון דיין פּלאַץ, אלא ווי זאָרג וועגן די אויסלייג פון דיין וועבזייטל.
HTML איז איינער פון די שליסל קאַמפּאָונאַנץ פון די וועלט ווידע וועב. HTML דאָקומענטן זענען פּשוט צו שאַפֿן און זענען קאַמפּאַטאַבאַל מיט וועב בראַוזערז. א יקערדיק טעקסט רעדאַקטאָר אויף Windows אָדער מעק קאָמפּיוטערס איז גענוג צו שאַפֿן HTML דאָקומענטן. אויב איר זענט נישט באַקוועם מיט HTML, איר קענט קויפן דעם HTML פֿאַר ביגינערז בוך און נאָכגיין עס שריט-דורך-שריט.
בשעת HTML איז דער יסוד פון אַ וועבזייטל, CSS מוסיף עטלעכע פּיזאַז צו עס. עס קאָנטראָלס די שטימונג און טאָן פון אַ וועב בלאַט, און איז געניצט צו מאַכן וועבסיטעס אָפּרופיק צו פאַרשידענע פאַרשטעלן סיזעס און מיטל טייפּס. דאָס מאכט עס גרינגער פֿאַר וויזאַטערז צו נאַוויגירן אַ פּלאַץ.
די CSS טעקע וועט אויך לאָזן איר צו טוישן די קאָליר פון די הינטערגרונט פון דיין וועבזייטל. דורך טייפּינג אַ קאָליר נאָמען, איר קענען מאַכן עס דערשייַנען ווי אַ אַנדערש קאָליר ווי דער אָריגינעל. עס איז וויכטיק צו געדענקען אַז אַ קאָליר נאָמען איז נישט בלויז אַ קאָליר נומער. עס מוז זיין איין וואָרט.
HTML גיט די יקערדיק סטרוקטור פון דיין וועבזייטל. CSS און דזשאַוואַסקריפּט זענען יקסטענשאַנז צו HTML וואָס קאָנטראָלירן די אויסלייג און פּרעזענטירונג פון עלעמענטן. דורך קאַמביינינג CSS און דזשאַוואַסקריפּט, איר קענען מאַכן אַ וועבזייטל וואָס איז רייַך אין פֿעיִקייטן און קוקט.
שאַפֿן אַ וועבזייטל מיט css
איר קענען טוישן די הינטערגרונט פֿאַרב פון דיין וועבזייטל דורך עדיטינג די CSS טעקע. איר וועט באַמערקן אַז דער קאָד ווייזט די קאָליר ווי אַ העקס ווערט. צו טוישן דעם, פשוט טוישן די העקס ווערט צו די נאָמען פון די קאָליר איר ווילט. דער נאָמען מוז זיין איין וואָרט. דו זאלסט נישט פאַרגעסן צו לאָזן אַ האַלבקייַלעך אין די סוף פון די שורה.
CSS גיט דיטיילד אַטריביוץ, און עס זענען פילע וועגן צו קאַסטאַמייז עס. עס זענען דריי ערשטיק וועגן צו לייגן CSS צו אַ HTML בלאַט. די סטיל שיץ זענען יוזשאַוואַלי געראטעוועט אין טעקעס און קענען באַשטימען די קוילעלדיק קוק פון אַ וועבזייטל. זיי קענען זיין געוויינט אין קאַנדזשאַנגקשאַן מיט HTML צו מאַכן די מערסט פאַכמאַן-קוקן פּלאַץ.
HTML ניצט טאַגס צו מאַכן די אויסזען פון אַ וועב בלאַט. CSS ספּעציפיצירט וואָס HTML עלעמענטן זענען געניצט. עס אַפעקץ די גאנצע בלאַט און קענען זיין וווילטויק פֿאַר וועבזייטל דיזיינערז. עס איז אויך מעגלעך צו באַשטימען ספּעציפיש קלאסן צו זיכער HTML טאַגס. א שריפֿט גרייס פאַרמאָג אין CSS איז אַ ביישפּיל. די ווערט אַסיינד צו עס איז 18 פּקס. דער סדר פון די עלעמענטן דיטערמאַנז ווי דער בלאַט וועט קוקן און פונקציאָנירן. סטייל שיץ זענען דאָקומענטן וואָס אַנטהאַלטן אַלע די אינפֿאָרמאַציע פארלאנגט צו מאַכן דיין וועבזייטל זיין בעסטער.
ווען איר שרייַבן דיין CSS סטיל בלאַט, איר דאַרפֿן צו דעפינירן יעדער קלאַס איר ווילן צו נוצן. עס זענען צוויי טייפּס פון סטיל שיץ: ינערלעך סטיל שיץ און ינלינע-סטיילז. ינערלעך סטיל שיץ אַנטהאַלטן ינסטראַקשאַנז וועגן שריפֿט פארבן און הינטערגרונט פֿאַרבן. אינלינע סטיילז, אויף די אנדערע האנט, זענען ברעקלעך פון CSS געשריבן גלייַך אין די HTML דאָקומענט און זענען בלויז געווענדט צו אַ איין בייַשפּיל פון קאָדירונג.
CSS האט די מייַלע אַז עס אַלאַוז איר צו שאַפֿן ריפּיטאַבאַל טאַגס אויף דיין פּלאַץ. דאָס איז אַ גרויס מייַלע, זינט עס מאכט דיין וועבזייטל מער מאַנידזשאַבאַל און גרינגער צו אַנטוויקלען. עס אויך מאכט דיין וועבזייטל גרינגער צו טייַנען און מאכט עס גרינגער צו רייוס סטיל שיץ אויף קייפל בלעטער. דאָס איז אויך גערופן צעשיידונג פון אינהאַלט און פּרעזענטירונג.
CSS איז אַ יקערדיק טייל פון וועב פּלאַן. עס העלפּס צו באַשליסן ווי דיין וועבזייטל קוקט און ווי עס פילז. עס אויך אַלאַוז אַ וועבזייטל צו אַדאַפּט צו פאַרשידענע פאַרשטעלן סיזעס און דעוויסעס. די CSS שפּראַך אַלאַוז איר צו קאַסטאַמייז די קוק פון דיין וועבזייטל, קיין ענין וואָס טיפּ פון מיטל עס איז געניצט אויף.
ניצן CSS און HTML קאָודז צוזאַמען אַלאַוז איר צו שאַפֿן אַ וועבזייטל מיט כּמעט ינסטאַנטאַניאַס רעזולטאַטן. די HTML קאָודז זענען גרינג צו צייכענען און פּאַפּ. איר נאָר האָבן צו טוישן די וואַלועס וואָס איר ווילן צו טוישן. רובֿ קאַמאַנלי, דאָס כולל פאַנץ און פארבן. CSS אויך אַלאַוז איר צו נוצן באַמערקונגען צו טוישן פאַרשידן אַספּעקץ פון דיין וועבזייטל.
שאַפֿן אַ וועבזייטל מיט jquery
ערשטער, איר דאַרפֿן צו אָפּלאָדירן די jQuery ביבליאָטעק. די ביבליאָטעק קומט אין ביידע קאַמפּרעסט און ונקאָמפּרעססעד ווערסיעס. פֿאַר פּראָדוקציע צוועקן, איר זאָל נוצן די קאַמפּרעסט טעקע. jQuery איז אַ דזשאַוואַסקריפּט ביבליאָטעק אַז איר קענען אַרייַננעמען אין דיין HTML דאָקומענט מיט די שריפט> עלעמענט.
דזשקווערי שטיצט DOM מאַניפּיאַליישאַן, וואָס מיטל עס קענען טוישן עלעמענטן אין דעם דאָקומענט באזירט אויף די געשעענישן וואָס פּאַסירן. דאָס איז וויכטיק פֿאַר לעגיקייט און ינטויטיוויטי פון דעם אינהאַלט. די ביבליאָטעק אויך כולל פילע געבויט-אין אַנאַמיישאַן יפעקץ און שטיצט אָפּרופיק וועב פּלאַן דורך AJAX, אָדער אַסינטשראָנאָוס דזשאַוואַסקריפּט און קסמל.
jQuery איז גרינג צו ינסטאַלירן און נוצן. איר קענען נוצן עס צו בויען אָפּרופיק וועבסיטעס דורך אַדינג געשעעניש צוהערערס צו עלעמענטן. ניצן jQuery, איר קענען צולייגן אַ קאָנטאַקט רשימה ווידזשיט און אַ פעליקייַט נוסח טעמע. איר קענט אויך נוצן די ביבליאָטעק צו שאַפֿן ינטעראַקטיוו עלעמענטן.
א דאָקומענט כייפעץ מאָדעל (DOM) איז אַ פאַרטרעטונג פון HTML, און jQuery ניצט סעלעקטאָרס צו זאָגן עס אויף וואָס עלעמענטן עס זאָל אַרבעטן. סעלעקטערז אַרבעט אין אַ ענלעך וועג צו CSS סעלעקטאָרס, מיט עטלעכע אַדישאַנז. איר קענט לערנען מער וועגן די פאַרשידן סעלעקטאָרס דורך קאָנטראָלירן די באַאַמטער דאַקיומענטיישאַן פון jQuery.
די jQuery ביבליאָטעק איז גרינג צו לערנען, אָבער עס ריקווייערז עטלעכע וויסן פון HTML און CSS. אויב איר טאָן ניט האָבן קיין פּראָגראַממינג דערפאַרונג, איר קענט פּרוּווט די פּרוּווט דזשקווערי קורס פון CodeSchool, וואָס האט טאָנס פון טוטאָריאַלז און אַ פּלאַץ פון אינפֿאָרמאַציע אויף jQuery. דער קורס אויך כולל לעקציעס אויף ווי צו שאַפֿן אַ מיני וועב אַפּ.