SlideShare a Scribd company logo
‫שימוש בטכנולוגיות מתקדמות לבניית אתרים‬
  ‫גם חסרי ידע וניסיון בתחום בניית אתרים באינטרנט יבינו במהרה כי דרושים כלים פרקטיים כלשהם‬
                                                   ‫על מנת לבנות אתר אינטרנט איכותי ומקצועי.‬
            ‫לרוב כאשר מדברים על כלים בתחום זה, מייחסים חשיבות בעיקר לשפות תכנות ועיצוב.‬

 ‫על מנת להתחיל לבנות אתר אינטנרט, לאחר שסיימנו את שלב האפיון והבנו מה נדרש מהאתר, לאיזה‬
   ‫קהל ידע אתר האינטרנט מעוניין לפנות, מה האתר מנסה להשיג ובאיזה סוג אתר מדובר, מגיע שלב‬
                                                                                    ‫העיצוב.‬

‫עיצוב אתר האינטרנט הינו שלב חשוב בקביעת איכות אתר האינטרנט מאחר והוא הפנים של האתר, על‬
  ‫העיצוב להיות מותאם אישית לצורכי האתר, במידה וזהו אתר תדמיתי להציג מצגות נעות של תמונות‬
    ‫למשל, עיצוב אסתטי ונקי עם ניווט דפים נוח וידידותי לגולש אך יחד עם זאת עיצוב שיגרום לגולש‬
                                                                              ‫לחזור בהמשך.‬
                ‫על מנת לבצע כל זאת, מעצבי אתרים מקצועיים משתמשים בתוכנות מתקדמות כגון;‬
‫‪ – Photoshop‬תוכנת העיצוב המובילה כיום בעולם המאפשרת לעשות כמעט הכל כולל עריכת אנימציות‬
                                                                      ‫תלת מימד וסרטי וידאו.‬
         ‫‪ – Flash‬אחת התוכנות הפופולאריות כיום בכך שהיא משלבת אנימציות אטרקטיביות באתרי‬
                                                                                  ‫האינטרנט.‬
  ‫‪ – Illustrator‬תוכנת אילוסטרייטור מבית אדובי מאפשרת למשתמש לעבוד עם גרפיקה וקטורית ללא‬
‫פיקסלים, בכך לא להרוס את איכות התמונה כאשר אנו ממזערים או מגדילים אותה, לבצע פעולות אשר‬
                                                   ‫נראות קשות קודם לכן לפעולות ברות ביצוע.‬
    ‫‪ – CSS‬פורמט לעיצוב דפי אינטרנט, המאפשר עיצוב רקעים באמצעות צבעים ותמונות , צורת גופן‬
   ‫וצבעו, עיצוב כותרות ורשימות ועוד מגוון אלמנטים של עיצוב נוספים. ‪ CSS‬פועלת ביחד עם שפת‬
                                   ‫‪ HTML‬ובאה להפריד בין חלוקת העבודה של תוכן קוד ועיצוב.‬

 ‫הכללנו כאן את שפות העיצוב והתוכנות המובילות והפופולאריות ביותר , כמו שהרשימה עוד ארוכה.‬

‫שימוש בטכנולוגיות לבניית אתרים אינו מסתיים בשלב עיצוב האתר, כעת מתחיל שלב הטמעת העיצוב‬
                                                    ‫בקוד ושלב התכנות ובניית השלד של האתר.‬
      ‫‪ – HTML‬הינה שפת תגיות לתצוגה ועיצוב דפי אינטרנט ותצוגת תוכן בדפדפן, שימוש בשפה זו‬
                                                              ‫מאפשר בניית אתר בסיסי ביותר.‬
‫‪ PHP - PHP‬הינה שפת תסריט לתכנות יישומי אינטרנט בצד שרת, ‪ PHP‬היא שפת קוד פתוח ומאפשרת‬
‫לכל אחד לפתח אותה , ניתן לבנות אתר שלם באמצעות קובץ אחד של ‪ PHP‬ידע קודם ב ‪ Javascript‬ו ‪C‬‬
                                                                    ‫עוזר בתהליך למידת ‪.PHP‬‬
  ‫‪ C - C‬הינה שפת תכנות המאפשרת מבני נתונים היא נחשבת כאחת משפות התכנות הנפוצות ביותר‬
                                                     ‫בשימוש כיום והשפיעה על שפות כמו ‪++C‬‬
‫‪ – javascript‬היינה שפת תסריט המאפשרת יצירת ממשק משתמש ואתרי אינטרנט דינאמיים,‬
                                                      ‫פנקציונליות בסיסית וקידוד דינאמי.‬
    ‫‪ – Ajax‬תקן ליצירת יישומים וממשק משתמש ידידותי, האצת מהירות הטעינה של דפי האינטרנט‬
‫באמצעות החלפת מידע בין המחשב לדפדפן, קליטת המידע ועדכון הדפדפן בלי צורך מטעינה מחדש.‬

  ‫שפות התכנות רבות ובמאמר זה לא נצליח לפרט ולהסביר על כולן, שפות התכנות באמצעות מספר‬
                                             ‫שורות קוד מאפשרות לנו לפתח אתר אינטרנט.‬

More Related Content

PPTX
Gilchrist IC - AIMRADIAL 2013 - Outpatient in the US
DOCX
Los navegadores más usados
PPTX
ELABORACIÓN DE UNA BANDERA
DOCX
Narrativa dic
PPTX
PDF
Pybelsberg — Constraint-based Programming in Python
PDF
Frodsham 4 6-14
Gilchrist IC - AIMRADIAL 2013 - Outpatient in the US
Los navegadores más usados
ELABORACIÓN DE UNA BANDERA
Narrativa dic
Pybelsberg — Constraint-based Programming in Python
Frodsham 4 6-14

Viewers also liked (10)

PPT
You want to learn spanish
PDF
3.BestImplementation
PDF
Secuencia didactica
PDF
¿Qué es un modelo de negocio?
PPTX
Transporte de sustancias a través de las membranas celulares
PPT
Spaulding C - AIMRADIAL 2013 - Heparin and radial
PPSX
Charla Higiene Postural.
PDF
“Getting to Yes” - Principled Negotiation
You want to learn spanish
3.BestImplementation
Secuencia didactica
¿Qué es un modelo de negocio?
Transporte de sustancias a través de las membranas celulares
Spaulding C - AIMRADIAL 2013 - Heparin and radial
Charla Higiene Postural.
“Getting to Yes” - Principled Negotiation
Ad

Similar to Articles technologies (20)

PDF
דרופל וחווית משתמש
PDF
פיתוח הדרכה מתוקשבת
PDF
פיתוח הדרכה מתוקשבת V1
PDF
107 HTML & CSS
PPT
שיחת ייעוץ וירטואלית פיתוח תוכנה 3
PPT
TheMarker User Experience in Interactive Media lecture 2008
PDF
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
PDF
Adobe Creative Cloud For Teams
PPT
IBM WebSphere Portal 6.1 - Executive Overview
PDF
מיתוג באינטרנט BRANDWIZ
PDF
אתר אינטרנט ב 5 דקות
PDF
5 הקורסים המובילים למתחילים בתחום הטכנולוגיה
PPT
Responsive elearning Hebrew
PDF
מצגת דגמא
PDF
Uxi live 2011 yaniv michaeli_cloud_ux
PDF
I Rox פרופיל חברה
PDF
Bootstrap 2.0
PDF
2016-2017 מגמות עיצוביות
 
PDF
Design Challenge | Pelephone Corporate Website
PPT
question - internet site building 2003
דרופל וחווית משתמש
פיתוח הדרכה מתוקשבת
פיתוח הדרכה מתוקשבת V1
107 HTML & CSS
שיחת ייעוץ וירטואלית פיתוח תוכנה 3
TheMarker User Experience in Interactive Media lecture 2008
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
Adobe Creative Cloud For Teams
IBM WebSphere Portal 6.1 - Executive Overview
מיתוג באינטרנט BRANDWIZ
אתר אינטרנט ב 5 דקות
5 הקורסים המובילים למתחילים בתחום הטכנולוגיה
Responsive elearning Hebrew
מצגת דגמא
Uxi live 2011 yaniv michaeli_cloud_ux
I Rox פרופיל חברה
Bootstrap 2.0
2016-2017 מגמות עיצוביות
 
Design Challenge | Pelephone Corporate Website
question - internet site building 2003
Ad

Articles technologies

  • 1. ‫שימוש בטכנולוגיות מתקדמות לבניית אתרים‬ ‫גם חסרי ידע וניסיון בתחום בניית אתרים באינטרנט יבינו במהרה כי דרושים כלים פרקטיים כלשהם‬ ‫על מנת לבנות אתר אינטרנט איכותי ומקצועי.‬ ‫לרוב כאשר מדברים על כלים בתחום זה, מייחסים חשיבות בעיקר לשפות תכנות ועיצוב.‬ ‫על מנת להתחיל לבנות אתר אינטנרט, לאחר שסיימנו את שלב האפיון והבנו מה נדרש מהאתר, לאיזה‬ ‫קהל ידע אתר האינטרנט מעוניין לפנות, מה האתר מנסה להשיג ובאיזה סוג אתר מדובר, מגיע שלב‬ ‫העיצוב.‬ ‫עיצוב אתר האינטרנט הינו שלב חשוב בקביעת איכות אתר האינטרנט מאחר והוא הפנים של האתר, על‬ ‫העיצוב להיות מותאם אישית לצורכי האתר, במידה וזהו אתר תדמיתי להציג מצגות נעות של תמונות‬ ‫למשל, עיצוב אסתטי ונקי עם ניווט דפים נוח וידידותי לגולש אך יחד עם זאת עיצוב שיגרום לגולש‬ ‫לחזור בהמשך.‬ ‫על מנת לבצע כל זאת, מעצבי אתרים מקצועיים משתמשים בתוכנות מתקדמות כגון;‬ ‫‪ – Photoshop‬תוכנת העיצוב המובילה כיום בעולם המאפשרת לעשות כמעט הכל כולל עריכת אנימציות‬ ‫תלת מימד וסרטי וידאו.‬ ‫‪ – Flash‬אחת התוכנות הפופולאריות כיום בכך שהיא משלבת אנימציות אטרקטיביות באתרי‬ ‫האינטרנט.‬ ‫‪ – Illustrator‬תוכנת אילוסטרייטור מבית אדובי מאפשרת למשתמש לעבוד עם גרפיקה וקטורית ללא‬ ‫פיקסלים, בכך לא להרוס את איכות התמונה כאשר אנו ממזערים או מגדילים אותה, לבצע פעולות אשר‬ ‫נראות קשות קודם לכן לפעולות ברות ביצוע.‬ ‫‪ – CSS‬פורמט לעיצוב דפי אינטרנט, המאפשר עיצוב רקעים באמצעות צבעים ותמונות , צורת גופן‬ ‫וצבעו, עיצוב כותרות ורשימות ועוד מגוון אלמנטים של עיצוב נוספים. ‪ CSS‬פועלת ביחד עם שפת‬ ‫‪ HTML‬ובאה להפריד בין חלוקת העבודה של תוכן קוד ועיצוב.‬ ‫הכללנו כאן את שפות העיצוב והתוכנות המובילות והפופולאריות ביותר , כמו שהרשימה עוד ארוכה.‬ ‫שימוש בטכנולוגיות לבניית אתרים אינו מסתיים בשלב עיצוב האתר, כעת מתחיל שלב הטמעת העיצוב‬ ‫בקוד ושלב התכנות ובניית השלד של האתר.‬ ‫‪ – HTML‬הינה שפת תגיות לתצוגה ועיצוב דפי אינטרנט ותצוגת תוכן בדפדפן, שימוש בשפה זו‬ ‫מאפשר בניית אתר בסיסי ביותר.‬ ‫‪ PHP - PHP‬הינה שפת תסריט לתכנות יישומי אינטרנט בצד שרת, ‪ PHP‬היא שפת קוד פתוח ומאפשרת‬ ‫לכל אחד לפתח אותה , ניתן לבנות אתר שלם באמצעות קובץ אחד של ‪ PHP‬ידע קודם ב ‪ Javascript‬ו ‪C‬‬ ‫עוזר בתהליך למידת ‪.PHP‬‬ ‫‪ C - C‬הינה שפת תכנות המאפשרת מבני נתונים היא נחשבת כאחת משפות התכנות הנפוצות ביותר‬ ‫בשימוש כיום והשפיעה על שפות כמו ‪++C‬‬
  • 2. ‫‪ – javascript‬היינה שפת תסריט המאפשרת יצירת ממשק משתמש ואתרי אינטרנט דינאמיים,‬ ‫פנקציונליות בסיסית וקידוד דינאמי.‬ ‫‪ – Ajax‬תקן ליצירת יישומים וממשק משתמש ידידותי, האצת מהירות הטעינה של דפי האינטרנט‬ ‫באמצעות החלפת מידע בין המחשב לדפדפן, קליטת המידע ועדכון הדפדפן בלי צורך מטעינה מחדש.‬ ‫שפות התכנות רבות ובמאמר זה לא נצליח לפרט ולהסביר על כולן, שפות התכנות באמצעות מספר‬ ‫שורות קוד מאפשרות לנו לפתח אתר אינטרנט.‬