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

Viewers also liked

You want to learn spanish
You want to learn spanishYou want to learn spanish
You want to learn spanish
firststepargentina
 
Secuencia didactica
Secuencia didacticaSecuencia didactica
Secuencia didactica
PUBLICACION ENLINEA
 
¿Qué es un modelo de negocio?
¿Qué es un modelo de negocio?¿Qué es un modelo de negocio?
¿Qué es un modelo de negocio?
Omar Vite
 
Transporte de sustancias a través de las membranas celulares
Transporte de sustancias a través de las membranas celularesTransporte de sustancias a través de las membranas celulares
Transporte de sustancias a través de las membranas celulares
Mi Pediatra
 
Bertrand OF 201111
Bertrand OF 201111Bertrand OF 201111
Spaulding C - AIMRADIAL 2013 - Heparin and radial
Spaulding C - AIMRADIAL 2013 - Heparin and radialSpaulding C - AIMRADIAL 2013 - Heparin and radial
Spaulding C - AIMRADIAL 2013 - Heparin and radial
International Chair on Interventional Cardiology and Transradial Approach
 
Charla Higiene Postural.
Charla Higiene Postural.Charla Higiene Postural.
Charla Higiene Postural.
Ana C.C.
 
04 aimradial2016 fri T Tokarek/Z Siudak
04 aimradial2016 fri T Tokarek/Z Siudak04 aimradial2016 fri T Tokarek/Z Siudak
“Getting to Yes” - Principled Negotiation
“Getting to Yes” - Principled Negotiation“Getting to Yes” - Principled Negotiation
“Getting to Yes” - Principled Negotiation
Floris Barthel
 

Viewers also liked (10)

You want to learn spanish
You want to learn spanishYou want to learn spanish
You want to learn spanish
 
3.BestImplementation
3.BestImplementation3.BestImplementation
3.BestImplementation
 
Secuencia didactica
Secuencia didacticaSecuencia didactica
Secuencia didactica
 
¿Qué es un modelo de negocio?
¿Qué es un modelo de negocio?¿Qué es un modelo de negocio?
¿Qué es un modelo de negocio?
 
Transporte de sustancias a través de las membranas celulares
Transporte de sustancias a través de las membranas celularesTransporte de sustancias a través de las membranas celulares
Transporte de sustancias a través de las membranas celulares
 
Bertrand OF 201111
Bertrand OF 201111Bertrand OF 201111
Bertrand OF 201111
 
Spaulding C - AIMRADIAL 2013 - Heparin and radial
Spaulding C - AIMRADIAL 2013 - Heparin and radialSpaulding C - AIMRADIAL 2013 - Heparin and radial
Spaulding C - AIMRADIAL 2013 - Heparin and radial
 
Charla Higiene Postural.
Charla Higiene Postural.Charla Higiene Postural.
Charla Higiene Postural.
 
04 aimradial2016 fri T Tokarek/Z Siudak
04 aimradial2016 fri T Tokarek/Z Siudak04 aimradial2016 fri T Tokarek/Z Siudak
04 aimradial2016 fri T Tokarek/Z Siudak
 
“Getting to Yes” - Principled Negotiation
“Getting to Yes” - Principled Negotiation“Getting to Yes” - Principled Negotiation
“Getting to Yes” - Principled Negotiation
 

Similar to Articles technologies

דרופל וחווית משתמש
דרופל וחווית משתמשדרופל וחווית משתמש
דרופל וחווית משתמש
Michael Shmilov
 
פיתוח הדרכה מתוקשבת V1
פיתוח הדרכה מתוקשבת V1פיתוח הדרכה מתוקשבת V1
פיתוח הדרכה מתוקשבת V1
Rotkovitch
 
פיתוח הדרכה מתוקשבת
פיתוח הדרכה מתוקשבתפיתוח הדרכה מתוקשבת
פיתוח הדרכה מתוקשבת
Lior Rotkovitch
 
107 HTML & CSS
107 HTML & CSS107 HTML & CSS
107 HTML & CSS
Eran Lahav
 
שיחת ייעוץ וירטואלית פיתוח תוכנה 3
שיחת ייעוץ וירטואלית פיתוח תוכנה  3שיחת ייעוץ וירטואלית פיתוח תוכנה  3
שיחת ייעוץ וירטואלית פיתוח תוכנה 3goldts
 
TheMarker User Experience in Interactive Media lecture 2008
TheMarker User Experience in Interactive Media lecture 2008TheMarker User Experience in Interactive Media lecture 2008
TheMarker User Experience in Interactive Media lecture 2008
Boaz Rossano
 
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
 עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
Sagi Shrieber
 
Adobe Creative Cloud For Teams
Adobe Creative Cloud For TeamsAdobe Creative Cloud For Teams
Adobe Creative Cloud For Teams
Motty Ben Atia
 
IBM WebSphere Portal 6.1 - Executive Overview
IBM WebSphere Portal 6.1 - Executive OverviewIBM WebSphere Portal 6.1 - Executive Overview
IBM WebSphere Portal 6.1 - Executive Overview
Dvir Reznik
 
מיתוג באינטרנט BRANDWIZ
מיתוג באינטרנט BRANDWIZמיתוג באינטרנט BRANDWIZ
מיתוג באינטרנט BRANDWIZ
BrandWiz (Strategic, Branding & Design)
 
אתר אינטרנט ב 5 דקות
אתר אינטרנט ב 5 דקותאתר אינטרנט ב 5 דקות
אתר אינטרנט ב 5 דקותItamar Serfaty
 
5 הקורסים המובילים למתחילים בתחום הטכנולוגיה
5 הקורסים המובילים למתחילים בתחום הטכנולוגיה5 הקורסים המובילים למתחילים בתחום הטכנולוגיה
5 הקורסים המובילים למתחילים בתחום הטכנולוגיה
Muhammad Waqas
 
Responsive elearning Hebrew
Responsive elearning HebrewResponsive elearning Hebrew
Responsive elearning Hebrew
Kineo Israel
 
מצגת דגמא
מצגת דגמאמצגת דגמא
מצגת דגמאgad_d
 
Uxi live 2011 yaniv michaeli_cloud_ux
Uxi live 2011 yaniv michaeli_cloud_uxUxi live 2011 yaniv michaeli_cloud_ux
Uxi live 2011 yaniv michaeli_cloud_uxYaniv Michaeli
 
I Rox פרופיל חברה
I Rox פרופיל חברהI Rox פרופיל חברה
I Rox פרופיל חברה
i-rox Software Services
 
Bootstrap 2.0
Bootstrap 2.0Bootstrap 2.0
Bootstrap 2.0biv_3
 
2016-2017 מגמות עיצוביות
 2016-2017 מגמות עיצוביות 2016-2017 מגמות עיצוביות
2016-2017 מגמות עיצוביות
Y&A
 
Design Challenge | Pelephone Corporate Website
Design Challenge | Pelephone Corporate WebsiteDesign Challenge | Pelephone Corporate Website
Design Challenge | Pelephone Corporate Website
Udi Salant
 
question - internet site building 2003
question - internet site building 2003question - internet site building 2003
question - internet site building 2003
פתרונות אינטרנט לעסקים קטנים
 

Similar to Articles technologies (20)

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

Articles technologies

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