תפריט
ומאז שדרך לראשונה סמן העכבר שלי על דפדפן האינטרנט המקוון, ידעתי שאני רוצה לעשות באמת דבר אחד: לבנות אתרים.
מאז חלפו שנים רבות, הרבה דפים הציפו את האינטרנט. הרבה מאוד השתנה באינטרנט, פנימית וחיצונית. אך דבר אחד לא השתנה: וזו התשוקה שלי לפתח אתרים.
לא משנה אם מדובר בקוד סגור המבוסס על מערכת ניהול תוכן בעלת קוד מותאם אישית או קוד פתוח כגון מערכת WordPress
– אם זה על גבי הרשת, אני רוצה לפתח את זה.
אתם מוזמנים להתרשם מאתרי על מנת ללמוד כמה שניתן על פיתוח אתרים, לחילופין ובנוסף – בקרו בדף האודות על מנת ללמוד עלי ועל נסיוני בתחום, מזה מעל ל-15 שנים. האם אתם מתלבטים האם יש צורך באתר אינטרנט? מה ההבדל באמת בין אחד לבין דף ברשת חברתית? האם כדאי שמפתח יחיד כמוני או חברה גדולה תפתח את אתרכם – ושאלת השאלות: מדוע אני מתאים למשימה? כל התשובות כאן!
ובכן, גלישה נעימה… :)
השלב הראשון הוא תמיד שלב האפיון, והוא למעשה השלב החשוב ביותר כי הוא למעשה מהווה את התכנון של האתר החדש שלך.
אם היה אתרך בניין, זוהי אם כן הארכיטקטורה במלואה. לפני שאני מפתח עבורך אתר – חשוב לי לדעת ולהקשיב לרצונות שלך, לדעת מה הם התכנונים שנמצאים בראשך, ולמעשה להתאים עבורך את התכנון המושלם – על מנת לבנות את האתר המושלם, בדיוק כפי שהוא מופיע בראש שלך!
איך בעצם מאפיינים? לרוב, לקוחות מגיעים אלי כאשר הבקשה הראשית שלהם היא "אני רוצה אתר בסגנון של…". זה נקרא רפרנס, וזו הדרך הנפוצה ביותר להתחיל לפתח משהו – לשאוב השראה ממשהו קיים. יחד נשב, נבין ונחליט מה אנחנו רוצים בעצם שיהיה דומה לאתר זה, ואיך אנחנו הופכים את זה לשונה, לשלך.
לפעמים אין לנו אתר לרפרנס. לפעמים אנחנו פשוט יודעים שאנחנו רוצים אתר. נניח ויש לנו עסק, עבורו אנחנו רוצים אתר תדמית, או אתר חנות \ קטלוגי, אבל מה שמופיע לנו בראש הוא לגמרי עמום. במצב זה – אשמח להדריך אותך על ידי שאלות, ולבנות עבורך את האפיון – עליו נעבור בסופו של דבר יחד, ונוודא שאנחנו נמצאים על אותו הקו.
בסיום שלב התכנון, נאמוד את כמות העבודה, את הכלים להם נזדקק, ועל פי זה תקבע הצעת מחיר, אותה נתאים עבורך בהתאם לתכנון.
בשלב זה, אני לוקח לידיים את העניינים. העבודה היא לחלוטין שלי, וממך לא נדרש כל מאמץ נוסף.
שלב זה מתחלק, בעצם, לשני שלבים. השלב הראשון הוא שלב העיצוב הראשוני. זה מעבר לסקיצה, זה למעשה קורה על גבי תוכנות העיצוב, עוד לפני סביבת הפיתוח, אך זה עדיין לא הסוף. בשלב זה, על מנת להתכונן לשלב השני, יש לעצב את האתר עם "מודרניזציה" בראש – ולהתחשב בכך בעת יצירת העיצוב: חשוב לזכור שכיום האתר שלנו נגיש לא רק ממחשב, אלא גם ובעיקר מטלפונים חכמים, טאבלטים, טלוויזיות – ומאיפה לא, בעצם?
לפני השלב השני, ולעיתים אף במהלך השלב הראשון, לסירוגין – אני רוצה את דעתך על עיצוב אתרך המוגמר. חשוב לי לדעת שזה מה שדמיינת, שזה הכיוון, שכן כך בדיוק יראה אתרך. במידה ויש הסכמה על מראה האתר הסופי, השלב הבא מתחיל.
השלב השני הוא שלב התאמת העיצוב. העיצוב בעצם יוצא מתוכנת העיצוב ועובר לראשונה לסביבת הפיתוח שלי. כאן נכנס לתמונה הקוד: אני מתחיל "לתרגם" את מה שאני רואה לדפי אינטרנט סטטיים, אשר בקרוב יהפכו לדינמיים (זאת, בשלב הבא). במהלך ההתאמה אני שם דגש רחב על רספונסיביות – היכולת של העיצוב להתכוונן ולהופיע נכון על גבי כל מכשיר ממנו יטען האתר, בין אם זה מחשב ובין אם זה טלפון – האתר יגיב לרזולוציה ויתנהג נכון, ובהתאם.
שלב זה כולל שני שלבים מקבילים, והוא תלוי במה שבעצם בחרנו: בפיתוח האתר במערכת קוד פתוח כגון וורדפרס, או בפיתוח אתר "מאפס" (קוד סגור) המותאם בדיוק לסוג האתר שלך (עוד ניתן לקרוא על ההבדלים במאמר "אתר רגיל או וורדפרס?" שפרסמתי).
במידה ויש לבנות את האתר מאפס, יש צורך להתאים את דפי האינטרנט ולהפוך אותם מסטטיים לדינאמיים בעזרת קוד תכנות, באמצעות שפות תכנות כגון PHP ו-JavaScript. כך לדוגמה נוכל להתאים "אירועים" אשר קורים על גבי דפי האינטרנט, להגיב ולהציג תכנים שמשתמשים הזינו – כגון תגובות, הודעות, פניות, ובקיצור – לכתוב תסריט מוגדר מראש לאיך יתנהג האתר בכל מצב נתון. כמו כן, יש להתאים "מאחורי הקלעים" ("Back End") מערכת ניהול תוכן, כזו שתאפשר לך לערוך ולנהל את התכנים באתר, כגון: לערוך אזורי טקסט, לרבות העלאה וניהול של דפים, מאמרים, תמונות ואזורים אחרים.
במידה ובחרנו במערכת קוד פתוח כגון וורדפרס, שלב התכנות נחסך מאיתנו, אך למחצה: עדיין יש צורך בהתאמה: הגדרה נכונה של המערכת על מנת שתסתנכרן עם האתר ותכונותיו, התאמה של פיצ'רים באמצעות תוספים או\ו התערבות בקוד המערכת, זאת על מנת לקבל תוצאה זהה לכזו המתקבלת לאחר תכנות מאפס.
זהו זה, ברוכ\ה הבא\ה לאתר החדש שלך.
טקסט טקסט