דילוג לתוכן

JavaScript ES6

99 נושאים 759 פוסטים

קטגוריות משנה


  • מדריכים ל-JS מהדורת ES6

    7 20
    7 נושאים
    20 פוסטים
    גיפהג
    [image: nagishli_v2_he.png] היי חברים כיום מקובל ויש שיאמרו שאף חייבים מבחינה חוקית תוסף נגישות באתר שלכם. אמנת הנגישות אז לענייננו - תורידו את הקובץ הבא: nagishli_v3.0_beta_rev170120200211.zip ואז יש להעלות את הקבצים הבאים לשרת: nagishli_beta.js ואת התיקייה nagishli-files לאחר מכן התאימו את הקוד (ע"פ ההוראות המסומנות בצבע ירוק) והדביקו אותו בקטע של התוכן <body> <script> nagishli_config = { // צבע התוסף - האפשרויות הן Blue (כחול), Red (אדום), Green (ירוק), Purple (סגול), Pink (ורוד), Yellow (צהוב), Gray (אפור), Orange (כתום), Brown (חום), Turquoise (טורקיז) ו-Black (שחור) color: "blue", // שפת התוסף, he - עברית, en - אנגלית language: "he" }; </script> // כתובת אל קובץ התוסף nagishli_beta.js <script src="url/to/nagishli_beta.js?v=3.0b" charset="utf-8" defer></script> מקור: נגיש-לי
  • 92 נושאים
    739 פוסטים
    י
    שלום לכולם בפרקים הקודמים למדנו על קובץ הhtml שהוא השלד של התוכנה. היום נלמד על קובץ הcss שמשמש לעיצוב המסמך. ראשית ניצור קובץ חדש, נקרא לו style ונשנה את הסיומת שלו לcss. נשים אותה באותה תיקיה של קובץ הhtml. בכדי לקשר את קובץ הcss למסמך ה-html נצטרך להוסיף את הקישור בין תגיות הhead במסמך הhtml שלנו. ישום: קובץ HTML: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"></link> </head> <body> <p>hello world</p> </body> </html> שמרו את הקובץ. שימו לב בקישור לכתוב href ולא herf זה באמת מבלבל... עכשיו נפתח את קובץ הCSS דרך עורך הטקסט שיש לכם. אופן כתיבת הקובץ הוא כך: כותבים תחילה את שם התגית שרוצים לערוך לדוגמא p ואז כותבים סוגריים מסולסלים {}. בתוך סוגרים אלו נכתוב את העיצוב שאנחנו רוצים כך: ראשית נכתוב את סוג השינוי שאנחנו רוצים לעשות לדוגמא color ואחריהם נכתוב את הסימן : לאחר מכן נכתוב את הערך של שינוי עצמו כגון yellow ולאחר מכן נכתוב את הסימן ; ישום: קובץ CSS p { color: yellow; } ובעצם הגדרנו שלתגית הp יהיה צבע-color צהוב-yellow. ישנם עוד מלא עיצובים נכתוב בקצרה חלק מהם: צבעים Background-color = צבע הרקע color = צבע הטקסט והערך שנכתוב הינו את שם הצבע: blue, yellow, green black, וכן הלאה... גודל Width = רוחב height = גובה font-size = גודל הפונט והערך שנכתוב יהיה הגודל בפיקסלים כגון 100px, 200px, 300px או במקרה של הפונט 10px 12px 14px וכן הלאה... עיצוב הגופן font-style = עיצוב הפונט הערך שנכניס בו זה יהיה לדוגמא italic שיעשה את הכתב מוטה... font-weight = עובי הפונט ונכתוב בו bold עבה או light דק border = מסגרת טקסט כדי להפעיל אותה נכתוב את הערך solid. ישום קוד: קובץ css p { Font-style: italic; Font-weight: bold; Font-size: 20px; } h1 { color: yellow; background-color: black; height: 50px; width: 200px; Border: solid; border-radius: 20px; } עכשיו תשמרו את הקובץ פתחו את קובץ הhtml בדפדפן אם הכל יעבוד כשורה הדף צריך להיראות כך: [image: 1770213773039-6ec2a2a5-0021-4e43-b9f4-d54de4e3fb4d-image.png] (אם יש בעיות תעברו שלב שלב.. הקבצים באותה תיקיה? הקישור כתוב כמו שצריך ובמקום שצריך?) גם פה הוספתי עוד חלק שלא כתבתי לפני... מי יכול לנחש מה הוא עושה? תגיבו כאן בתגובות... בהצלחה!!!!!!!! נ.ב. הפתרון מהמסך הקודם הוא שכדי ליישר את המסמך לימין כתבתי <html dir="rtl"> כמו כן הוספתי שני תגיות <br> שזה בעצם גורם לאלמנט הבא לרדת שורה...