פרויקט WEB טיפים וקווים מנחים לבניית

1. ‫פרויקט‬ WEB ‫לבניית‬ ‫טיפים‬
‫בריצ‬ ‫יוליה‬ ‫מאת‬'‫קא‬–yb-designs
‫מסלול‬ ‫אחראית‬web‫באירגון‬she codes

2. ‫רב‬ ‫שלום‬!
‫שמי‬‫בריצ‬ ‫יוליה‬'‫קא‬.‫האינטרנט‬ ‫אתרי‬ ‫ומעצבת‬ ‫בונה‬ ‫אני‬.
‫לימודי‬ ‫במסגרת‬web‫האירגון‬ ‫בחסות‬she codes‫נתבקשתי‬
‫האינטרנט‬ ‫אתרי‬ ‫בבניית‬ ‫המנחים‬ ‫הקווים‬ ‫הם‬ ‫מה‬ ‫להסביר‬.
‫לכמה‬ ‫הגעתי‬ ‫הרשת‬ ‫ברחבי‬ ‫שערכתי‬ ‫מעמיקה‬ ‫בדיקה‬ ‫לאחר‬
‫ומכאן‬ ‫זה‬ ‫בנושא‬ ‫תובנות‬"‫נולד‬"‫אותכם‬ ‫לשתף‬ ‫רעיון‬ ‫לי‬
‫שהכנתי‬ ‫בחומר‬.

3. ‫בפרויקט‬ ‫שמתחילים‬ ‫לפני‬,‫בצורה‬ ‫להגדיר‬ ‫חייבים‬ ‫כל‬ ‫קודם‬
‫הפרויקט‬ ‫מטרת‬ ‫מהי‬ ‫משמעית‬ ‫וחד‬ ‫ברורה‬.‫ומדובר‬ ‫במידה‬
‫בפרויקט‬web‫אנו‬ ‫בו‬ ‫האתר‬ ‫סוג‬ ‫מה‬ ‫להחליט‬ ‫עלינו‬
‫מעוניינים‬.‫בלבד‬ ‫אינפורמטיבי‬ ‫אתר‬ ‫זה‬ ‫האם‬,‫מכירות‬ ‫אתר‬
(‫בלבד‬ ‫פרסומי‬ ‫אתר‬ ‫או‬ ‫וירטואלית‬ ‫חנות‬),‫בלוג‬,‫וכו‬'.
‫שני‬ ‫דבר‬,‫להבנות‬ ‫שהולך‬ ‫האתר‬ ‫מבנה‬ ‫לגבי‬ ‫להחליט‬ ‫עלינו‬
‫לנו‬.‫ממספר‬ ‫מורכב‬ ‫שיהיה‬ ‫או‬ ‫אחד‬ ‫גלילה‬ ‫דף‬ ‫יהיה‬ ‫הוא‬ ‫האם‬
‫דפים‬,‫לשוני‬ ‫רב‬ ‫שיהיה‬ ‫או‬ ‫אחת‬ ‫בשפה‬ ‫יהיה‬ ‫הוא‬ ‫האם‬.‫הדבר‬
‫עלינו‬ ‫המשוער‬ ‫וזמן‬ ‫העבודה‬ ‫כמות‬ ‫בקביעת‬ ‫בהמשך‬ ‫לנו‬ ‫יעזור‬
‫האתר‬ ‫בבניית‬ ‫להשקיע‬.

4. ‫לעשות‬ ‫מאוד‬ ‫ומומלץ‬ ‫כדאי‬ ‫קוד‬ ‫לכתיבת‬ ‫שניגשים‬ ‫לפני‬
‫או‬ ‫ידנית‬ ‫סקיצה‬‫האתר‬ ‫של‬ ‫ממוחשבת‬.‫תהווה‬ ‫זו‬ ‫סקיצה‬
‫לאתר‬ ‫ויזואלי‬ ‫אפיון‬ ‫ותיתן‬ ‫העתידי‬ ‫האתר‬ ‫שלד‬.
‫ידנית‬ ‫סקיצה‬(‫גוגל‬) ‫ממחשבת‬ ‫סקיצה‬(‫גוגל‬)

5. ‫בעצם‬ ‫יהיה‬ ‫אשר‬ ‫לאתר‬ ‫השראה‬ ‫לוח‬ ‫לבנות‬ ‫מומלץ‬ ‫במקביל‬
‫שלו‬ ‫העיצובית‬ ‫ולשפה‬ ‫האתר‬ ‫לסגנון‬ ‫מנחה‬ ‫קו‬.‫לוח‬ ‫בבניית‬
‫נוספים‬ ‫בפרמטרים‬ ‫גם‬ ‫להיעזר‬ ‫יכולים‬ ‫אנו‬ ‫השראה‬,‫כגון‬:
‫האתר‬ ‫של‬ ‫יעד‬ ‫קהל‬,‫האתר‬ ‫נושא‬,‫וכו‬.
‫השראה‬ ‫לוח‬(‫גוגל‬)

6. ‫האתר‬ ‫של‬ ‫לאפיון‬ ‫נעבור‬ ‫כעט‬.‫הבית‬ ‫מדף‬ ‫מתחיל‬ ‫אתר‬ ‫כל‬(home page)‫שהוא‬
‫שלנו‬ ‫האתר‬ ‫של‬ ‫פנים‬ ‫קבלת‬ ‫בעצם‬.‫המקרים‬ ‫ברוב‬,‫אם‬ ‫שיקבע‬ ‫זה‬ ‫הוא‬ ‫בית‬ ‫דף‬
‫אליו‬ ‫בכניסה‬ ‫יפרוש‬ ‫או‬ ‫באתר‬ ‫להתעמק‬ ‫וימשיך‬ ‫יכנס‬ ‫הגולש‬.‫המחקרים‬ ‫לפי‬,
‫בין‬ ‫להחליט‬ ‫לוקח‬ ‫ממוצע‬ ‫לגולש‬3‫ל‬-5‫או‬ ‫באתר‬ ‫לגלוש‬ ‫ממשיך‬ ‫הוא‬ ‫אם‬ ‫שניות‬
‫שלו‬ ‫הבית‬ ‫לדף‬ ‫הכניסה‬ ‫בשלב‬ ‫יעזוב‬.‫לכן‬,‫ולפעול‬ ‫בחשבון‬ ‫זה‬ ‫את‬ ‫לקחת‬ ‫צריך‬
‫מישורים‬ ‫בשני‬.‫ראשית‬,‫ביותר‬ ‫קצר‬ ‫להיות‬ ‫צריך‬ ‫עמוד‬ ‫טעינת‬ ‫זמן‬(‫נדבר‬ ‫זה‬ ‫על‬
‫טכניים‬ ‫הביטים‬ ‫על‬ ‫כשנדבר‬ ‫בהמשך‬.)‫בית‬ ‫דף‬ ‫על‬ ‫לחשוב‬ ‫יש‬ ‫זה‬ ‫בשלב‬ ‫שנית‬
‫הגולש‬ ‫של‬ ‫ליבו‬ ‫תשומת‬ ‫את‬ ‫שימשוך‬ ‫במינו‬ ‫מיוחד‬.‫האפשרויות‬ ‫אחת‬-‫הוספת‬
‫האתר‬ ‫של‬ ‫המיוחדת‬ ‫הצעה‬ ‫או‬ ‫תוכן‬ ‫את‬ ‫קצר‬ ‫בזמן‬ ‫המסכם‬ ‫ומקורי‬ ‫קצר‬ ‫סרטון‬,
‫לפספס‬ ‫שאסור‬ ‫הצעה‬ ‫עם‬ ‫מקורי‬ ‫באנר‬,‫וכו‬'.
‫ולאתר‬ ‫הבית‬ ‫לדף‬ ‫שתכנס‬ ‫פרסומי‬ ‫חומר‬ ‫עם‬ ‫תיקיה‬ ‫ליצור‬ ‫יש‬ ‫בנוסף‬,‫כמו‬
‫תמונות‬(‫מהסטוקים‬ ‫ולא‬ ‫מקוריות‬ ‫רצוי‬),‫באנרים‬,‫גופנים‬(fonts),‫אייקונים‬
(icons),‫ועוד‬.
‫לאחר‬‫הושלמו‬ ‫הללו‬ ‫שהשלבים‬,-‫האתר‬ ‫בניית‬ ‫של‬ ‫טכני‬ ‫לביצוע‬ ‫לעבור‬ ‫נוכל‬.

7. ‫ככל‬‫הנראה‬,‫עליו‬ ‫שאכתוב‬ ‫הבא‬ ‫נושא‬ ‫כבר‬ ‫יהיה‬ ‫זה‬.‫בקרוב‬ ‫ניגש‬.
‫האתרי‬ ‫ובבניית‬ ‫הפרויקט‬ ‫בתכנון‬ ‫לכם‬ ‫יעזרו‬ ‫שנתתי‬ ‫שהטיפים‬ ‫מקווה‬
‫האינטרנט‬.
‫בהצלחה‬!
‫בריצ‬ ‫יוליה‬'‫קא‬–yb-disigns
‫מסלול‬ ‫אחראית‬web‫באירגון‬she codes