1599-565677

חייגו עכשיו פוטושופ, גרפיקה, בניית אתרים, UX, UI, SEO

בניית אתרים באמצעות קוד | HTML5 ו- CSS3+jQuery

חזרה

כללי

במהלך הקורס הסטודנטים ירכשו ידע בסיסי בכל הקשור למושגי יסוד של עיצוב אתרים וכלים לכתיבת קוד. במהלך הקורס הם ילמדו כיצד לכתוב HTML ו- CSSעל-מנת לבצע פעולות כמו: יצירת דפים, יצירת קישורים, הטמעת תמונות וכדומה. דגש מיוחד יושם דגש על האינטגרציה עם תוכנות עיצוב (פוטושופ, Dreamweaver), על שיטות עבודה נכונות, על סדר הפעולות הנכון לבניית אתר. כמו כן ילמדו התלמידים כיצד להשתמש ב- jQuery להוספת אינטראקטיביות לאתר.

פוטושופ, אילוסטרטור, אינדיזיין, Dreamweaver, Muse

אני רוצה לדעת עוד

מטרות

1.        הכרת מושגי יסוד בעיצוב אתר אינטרנט
2.        הבנת משמעות סדר העבודה הנכון לעיצוב אתר
3.        רכישת כלים לאבחן אתרים טובים ואתרים לא טובים
4.        היכרות עם הדפדפנים השונים והתאמת הקוד לדפדפנים הללו

תכני הקורס

מפגש 1: מבוא לכתיבת קוד
מה ההבדל בין קוד לשפת תכנות. כיצד מזהים את שפת האתר שגולשים בו. מה זה HTML. ההבדלים בין הדפדפנים השונים.

 

מפגש 2: מבנה קובץ HTML
מרכיבי הקובץ. מאפיינים, תכונות, ערכים. כיצד פותחים וסוגרים קוד. טבלאות מאפיינים. עבודה עם צבע.

 

מפגש 3: עבודה עם מלל
יצירת פסקאות חדשות, הקלדה נכונה, מאפייני מלל, צביעת מלל, תכונות מלל.

מפגש 4: עבודה עם תמונות
ייבוא תמונות לקובץ, פורמטים שונים לשמירה, מאפייני תמונות, טקסט אלטרנטיבי לתמונה, הוספת מסגרת לתמונה, שוליים לתמונה.

מפגש 5: בניית טבלאות
מרכיבי הטבלה השונים. שליטה במבנה הטבלה. הזנת תכנים לטבלה. עיצוב טבלה.

מפגש 6: קישור בין מסמכים
הכרת סוגי הקישורים השונים, אופן פתיחת הקישור, יצירת קישור דמה, כפתורים מתחלפים, קישור ממלל

מפגש 7: כתיבת CSS
סוגי CSS  שונים. כתיבת קוד, הטמעת קוד במסמך, יצירת גיליון סגנון חיצוני.

מפגש 8: כתיבת CSS
מאפייני CSS שונים, קישור HTML ו-CSS

מפגש 9: כתיבת CSS
עבודה עם תמונות, ווידאו וסאונד

מפגש 10: כתיבת CSS
טפסים.

מפגש 11: כתיבת CSS
בניית עמודים בעזרת DIVS

מפגש 12: עיצוב רספונסיבי
בניית עמודים רספונסיביים בעזרת DIVS

מפגש 13-14: Jquery

מרצי הקורס

לביא פרצ'יק

בונה ומעצב אתרי תוכן ותדמית משנת 2008 לאנשים פרטיים ולמוסדות. לצד עבודתו כעצמאי, לביא מרצה לבניית אתרים משנת 2010 במגוון מוסדות: מכללת הדסה, מכללת אמונה ומכללת נס. משנת 2012 ועד 2014 היה שותף פעיל בתהליך התכנון והיישום של אתר חדש ורספונסיבי למכללת הדסה - פרוייקט גדול שבוצע ע״י חברת ngsoft. למד תקשורת אינטראקטיבית במכללת הדסה בירושלים וסיים את לימודיו בהצטיינות. 

עמית טרבלסי

שותף ומנהל פיתוח בחברת WebSuit המתמחה באפיון ופיתוח UI. בוגר קורס תכנות של ממר"ם ומסלול ההסמכה הישראלי למאפייני חווית משתמש (UXV).
בעל נסיון רב בתכנון, עיצוב ופיתוח מוצרים דיגיטלים. מרצה במגוון מכללות ברחבי הארץ. חי ונושם טכנולוגיה, גאדג'טים ודברים יפים.