פיתוח אתרים באינטרנט - Mbaroz » פיתוח אתרים http://www.mbaroz.com/blog כל המידע בתחום פיתוח אתרים באינטרנט Wed, 21 Jul 2010 04:47:58 +0000 en hourly 1 http://wordpress.org/?v=3.0 מרחיבים את הבית http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/ http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/#comments Tue, 29 Jun 2010 08:45:21 +0000 admin http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/ אם הגעתם לכאן והתחלתם לקרוא , בטח גם אתם נוגעים בעיצוב האתר שלכם מדיי פעם.
התופעה והטרנד הבא נקרא מסכים רחבים ברזולוציה גבוהה שכבר כובשים את חיינו ומחליפים את הגדלים המסורתיים של מסכי ה׳ 17 ו׳ 19 אינטש.
הכל טוב ויפה שאנו יכולים כעת לקרוא מסמך בצד אחד של המסך ובצידו השני לתרגם אותו. אך לא כולנו קופירייטרים ולא זו כוונת הפוסט.
מדובר על שינוי שיכתיב למעצבי אתרים סטנדרט חדש שיתאים לגולשים הרבים בעלי מסכים רחבים. אם תנסו למשל להעלות את האתר שלכם שנבנה לפני כשנה מותאם לרוחב של 1024 פיקסלים ולא עובר את הרוחב של 850 פיקסלים , במסך רחב 22 אינטש ברזולוציה של 1440×990 תבחינו מייד שהאתר שלכם נראה כמו הערת ביניים במרכז המסך ולא תופס ממש נוכחות.
אני סבור שכבר בוני אתרים ומעצבי אתרים נערכים לעיצובים ברוחב של לפחות 1000 פיקסלים. מה שיאפשר לא רק התאמה לרוחב החדש אלא גם להכניס יותר אינפורנמציה על אותו עמוד עם חלוקה יותר נוחה של התוכן.
תחשבו על מספר האפשרויות הענק שיש לנו. החל מעמודי תוכן מחולקים לעמודים נוחות יותר לקריאה ועד להצבת גלריות תמונות ללא צורך בגלילה לגובהה.

]]> http://www.mbaroz.com/blog/%d7%9e%d7%a8%d7%97%d7%99%d7%91%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%91%d7%99%d7%aa/feed/ 0 HTML 5 המדריך http://www.mbaroz.com/blog/html/ http://www.mbaroz.com/blog/html/#comments Tue, 20 Apr 2010 12:28:19 +0000 admin http://www.mbaroz.com/blog/?p=257 אז מי אתה HTML5 ?
מי שלא שמע עדיין על התקן החדש לתמיכה בקוד אינטרנטי HTML5 שיחליף (כנראה בעתיד הקרוב) את HTML4 שכולנו מכירים , אז ברוכים הבאים למדריך.
החלטתי לפתוח קבוצת דיון זו על מנת להציג כאן טיפים ומידע שימושי לכל הקשור בתקן החדש HTML5.

הקדמה
אז מה זה HTML5 ובמה שונה הוא מ HTML 4  ? – אז במשפט אחד , אוכל לומר ש HTML5 נולד לאוויר העולם כדי להתאים את עולם הפיתוח והתיכנות ב HTML למציאות החברתית שהתפתחה בשנים האחרונות , המדיה הזמינה לכולנו, המידע הדינאמי שאנו צורכים ואיכות הסרטים שאנו צופים בהם באתרים .

ראשית , על מנת לקרוא ולקבל הרושם הראשוני על השינויים העיקריים ב HTML5 , תוכלו לקרוא ב וויקיפדיה על התקן החדש HTML5.

]]> http://www.mbaroz.com/blog/html/feed/ 0 כתיבה שיווקית , אופטימיזציה ותכנות האתר http://www.mbaroz.com/blog/%d7%9b%d7%aa%d7%99%d7%91%d7%94-%d7%a9%d7%99%d7%95%d7%95%d7%a7%d7%99%d7%aa-%d7%90%d7%95%d7%a4%d7%98%d7%99%d7%9e%d7%99%d7%96%d7%a6%d7%99%d7%94-%d7%95%d7%aa%d7%9b%d7%a0%d7%95%d7%aa-%d7%94%d7%90%d7%aa/ http://www.mbaroz.com/blog/%d7%9b%d7%aa%d7%99%d7%91%d7%94-%d7%a9%d7%99%d7%95%d7%95%d7%a7%d7%99%d7%aa-%d7%90%d7%95%d7%a4%d7%98%d7%99%d7%9e%d7%99%d7%96%d7%a6%d7%99%d7%94-%d7%95%d7%aa%d7%9b%d7%a0%d7%95%d7%aa-%d7%94%d7%90%d7%aa/#comments Sat, 17 Apr 2010 12:14:22 +0000 admin http://www.mbaroz.com/blog/?p=255 כל מתכנת מקצועי יודע שפיתוח אתר אינטרנט חייב לקחת בחשבון את מנועי החיפוש. אופטימיזציה מדויקת תאפשר להגדיר למנועי החיפוש ולגוגל למצוא את שאילתות החיפוש. זו למעשה כתיבה שיווקית שמכוונת למנועי החיפוש, כשהמחשבה היא האנשים שמאחורי החיפוש.

לדוגמא: מתכנת שמפתח אתר אינטרנט כך שיהיו הרבה דפים נפרדים חושב גוגל. מה הכוונה? בכל עמוד ניתן לבצע כתיבה שיווקית למנועי החיפוש כך שיתאימו לחיפושים מדויקים. בעולם הפרזול, לדוגמא, כתיבה שיווקית נכונה בהגדרת העמודים תהיה: “פרזול”, ובעמוד נוסף: “פרזול בתל-אביב”, ואפשר להגדיל את הזנב לחיפוש:”פרזול דירות בתל-אביב” וכן הלאה.

אלה היו 100 מילים על כתיבה שיווקית למנועי חיפוש.

]]> http://www.mbaroz.com/blog/%d7%9b%d7%aa%d7%99%d7%91%d7%94-%d7%a9%d7%99%d7%95%d7%95%d7%a7%d7%99%d7%aa-%d7%90%d7%95%d7%a4%d7%98%d7%99%d7%9e%d7%99%d7%96%d7%a6%d7%99%d7%94-%d7%95%d7%aa%d7%9b%d7%a0%d7%95%d7%aa-%d7%94%d7%90%d7%aa/feed/ 0 פיתוח מערכת מסחר חברתית http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%aa%d7%95%d7%97-%d7%9e%d7%a2%d7%a8%d7%9b%d7%aa-%d7%9e%d7%a1%d7%97%d7%a8-%d7%97%d7%91%d7%a8%d7%aa%d7%99%d7%aa/ http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%aa%d7%95%d7%97-%d7%9e%d7%a2%d7%a8%d7%9b%d7%aa-%d7%9e%d7%a1%d7%97%d7%a8-%d7%97%d7%91%d7%a8%d7%aa%d7%99%d7%aa/#comments Thu, 01 Apr 2010 08:41:06 +0000 admin http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%aa%d7%95%d7%97-%d7%9e%d7%a2%d7%a8%d7%9b%d7%aa-%d7%9e%d7%a1%d7%97%d7%a8-%d7%97%d7%91%d7%a8%d7%aa%d7%99%d7%aa/ אני פותח את הפוסט הזה במטרה לשתף אתכם הגולשים שלי , בפיתוח של מיזם חדש לשוק העולמי הקשור במסחר אלקטרוני וזירה ראשית ש
תחליף כל אתר מכירות שהכרנו עד כה.

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

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

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

]]> http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%aa%d7%95%d7%97-%d7%9e%d7%a2%d7%a8%d7%9b%d7%aa-%d7%9e%d7%a1%d7%97%d7%a8-%d7%97%d7%91%d7%a8%d7%aa%d7%99%d7%aa/feed/ 0 ספארי 4.05 עכשיו זמין http://www.mbaroz.com/blog/%d7%a1%d7%a4%d7%90%d7%a8%d7%99-4-05-%d7%a2%d7%9b%d7%a9%d7%99%d7%95-%d7%96%d7%9e%d7%99%d7%9f/ http://www.mbaroz.com/blog/%d7%a1%d7%a4%d7%90%d7%a8%d7%99-4-05-%d7%a2%d7%9b%d7%a9%d7%99%d7%95-%d7%96%d7%9e%d7%99%d7%9f/#comments Sat, 13 Mar 2010 20:23:47 +0000 admin http://www.mbaroz.com/blog/?p=246 כמה דפדפנים מותקנים לכם במחשב?
בממוצע למשתמש מתקדם שאינו עוסק בפיתוח אתרים מותקנים 2 דפדפנים עיקריים :
Internet Explorer  ו – פיירפוקס.
טוב אז את הראשון אתם כבר יודעים למה יש לכם – כי זה בא כבר עם מערכת ההפעלה, אך אני בטוח שאם הייתה לכם המשימה לבחור דפדפן לעבודה לאחר התקנת מערכת חלונות 7  - שלא היה מגיע עם אקספלורר 8 , המצב בשוק היה יותר מאוזן לכיוון דפדפני הקוד הפתוח.

מצאתי את עצמי כמפתח אתרים  , מותקן על מחשב עם 4 דפדפנים והרי הרשימה :
פיירפוקס, אקספלורר 8 , גוגל כרום, ספארי של אפל .
לא התקנתי את כולם רק כדי להתאים את קוד האתר לכל אחד מהם , אלא על מנת לבחון את החידושים למשל שגרסה החדשה של ספארי .
ראשית אני חייב לציין שזמן העלייה שלו הואץ וכבר ניתן להנות מעלייה מהירה וחדה של הדפדפן .
כמו כן אהבתי את עמוד ה TABS  שמאפשר חיפוש בהיסטוריית הגלישה.

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

]]> http://www.mbaroz.com/blog/%d7%a1%d7%a4%d7%90%d7%a8%d7%99-4-05-%d7%a2%d7%9b%d7%a9%d7%99%d7%95-%d7%96%d7%9e%d7%99%d7%9f/feed/ 0 אילו דפדפני אינטרנט משמשים את הגולשים http://www.mbaroz.com/blog/%d7%90%d7%99%d7%9c%d7%95-%d7%93%d7%a4%d7%93%d7%a4%d7%a0%d7%99-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%9e%d7%a9%d7%9e%d7%a9%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%92%d7%95%d7%9c%d7%a9%d7%99%d7%9d/ http://www.mbaroz.com/blog/%d7%90%d7%99%d7%9c%d7%95-%d7%93%d7%a4%d7%93%d7%a4%d7%a0%d7%99-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%9e%d7%a9%d7%9e%d7%a9%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%92%d7%95%d7%9c%d7%a9%d7%99%d7%9d/#comments Sat, 27 Feb 2010 08:20:50 +0000 admin http://www.mbaroz.com/blog/?p=239 בטח לא פעם תהיתם באילו דפדפנים הגולשים שלכם משתמשים.
החלטתי לקחת את הנושא למבחן קטן שבו נבדוק אחת ולתמיד האם חל שינוי בהרגלי הגולשים והשימוש בדפדפנים. האמת שהמטרה היותר משמעותית הייתה לבדוק האם הגולשים מתחילים לעשות שימוש יותר ויותר באקספלורר 8 ועוזבים את 6 ו 7 ??.

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

שימוש בדפדפנים

נראה בבירור שאינטרנט אקספלורר 8 מתחיל לשלוט בקרב גולשים ישראליים אם מתייחסים לכלל משתמשי אקספלורר ומסתכלים על איזו גרסה משמשת יותר את הגולשים.
פיירפוקס נמצא השלישי בפופולריות ורביעי נמצא גוגל כרום.
אם מתייחסים לוותק בשוק של הדפדפנים אז זה מסתדר ביחס ישר ולינארי , שכן פיירפוקס היה זמין לפני כרום ותופש נתח שוק יותר גדול. מסתבר שהרגלי הגולשים מהווה משתנה משמעותי בבחירת הדפדפן לשימוש , עם אם נבצע השוואת ביצועים + תכונות מול גוגל כרום ברור לכם שכרום מנצח כאן.
החלק המעניין בכל המחקר הזה הוא שאקספלורר 8 מתחיל להחזיק נתח רב ומנצח בקרב הגולשים שמשתמשים בדפדפני מיקרוסופט  . זו בהחלט בשורה טובה למפתחי אתרים שיודעים טוב מאד מה המשמעות בלהתמודד עם תאימות לדפדפנים ישנים יותר כמו 7 ו 6 של אינטרנט אקספלורר.
בצילום הבא תוכלו לראות את הנתח של משמשים אקספלורר 8  , 7  ו – 6 :
אקספלורר 8 לעומת 7 ו - 6
]]> http://www.mbaroz.com/blog/%d7%90%d7%99%d7%9c%d7%95-%d7%93%d7%a4%d7%93%d7%a4%d7%a0%d7%99-%d7%90%d7%99%d7%a0%d7%98%d7%a8%d7%a0%d7%98-%d7%9e%d7%a9%d7%9e%d7%a9%d7%99%d7%9d-%d7%90%d7%aa-%d7%94%d7%92%d7%95%d7%9c%d7%a9%d7%99%d7%9d/feed/ 0 פייסבוק משנה את פני האתר http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%9e%d7%a9%d7%a0%d7%94-%d7%90%d7%aa-%d7%a4%d7%a0%d7%99-%d7%94%d7%90%d7%aa%d7%a8/ http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%9e%d7%a9%d7%a0%d7%94-%d7%90%d7%aa-%d7%a4%d7%a0%d7%99-%d7%94%d7%90%d7%aa%d7%a8/#comments Fri, 05 Feb 2010 06:10:35 +0000 admin http://www.mbaroz.com/blog/?p=237 שוב , כך נראה שפייסבוק שוב שינתה את מראה העמוד הראשי של החברים באתר. הפעם המסר שפייסבוק שולחת לגולשים הוא :

פשוט פשוט פשוט : מסתבר שגם בעולם הוירטואלי  , לעיתים הגלגל הוא עגול , והנה לכם דוגמא מושלמת לפייסבוק שבסופו של דבר מציעה את הקונספט העיצובי הקיים בכל אתר אינטרנט סטנדרטי  . תפריט לצד התוכן העיקרי . המוח האנושי רגיל מזה שנים לקונספט העיצובי הזה ולכן זה עובד!
אז מה בכל זאת חדש? אם כן הדרך שבה מעוניינים להציג כמות גדולה של אינפורמציה על מסך אחד וגם לתת את יתרונות התפעול המהיר והאינטואיטיבי , משתמשים בפיתוח על בסיס AJAX שמאפשר תקשורת ושליחת נתונים בצורה אסינכרונית , כל תגובה מהאתר לגולש לא מצריכה המתנה , והגולש יכול להמשיך בפעולות שונות בחלון בו הוא נמצא.

]]> http://www.mbaroz.com/blog/%d7%a4%d7%99%d7%99%d7%a1%d7%91%d7%95%d7%a7-%d7%9e%d7%a9%d7%a0%d7%94-%d7%90%d7%aa-%d7%a4%d7%a0%d7%99-%d7%94%d7%90%d7%aa%d7%a8/feed/ 0 אקספלורר 6 בדרך לגמלאות http://www.mbaroz.com/blog/%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8%d7%a8-6-%d7%91%d7%93%d7%a8%d7%9a-%d7%9c%d7%92%d7%9e%d7%9c%d7%90%d7%95%d7%aa/ http://www.mbaroz.com/blog/%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8%d7%a8-6-%d7%91%d7%93%d7%a8%d7%9a-%d7%9c%d7%92%d7%9e%d7%9c%d7%90%d7%95%d7%aa/#comments Sun, 31 Jan 2010 05:28:13 +0000 admin http://www.mbaroz.com/blog/?p=234 גם גוגל הודיעה אתמול על הפסקת בתמיכה שלה בדפדפן אינטרנט אקספלורר 6 , מסתמנת יציאה רשמית של הדפדפן בגרסה זו מהשוק. לא סתם מפתחי האפליקציות ואתרי ה׳ web 2 לא מעוניינים לתמוך בדפדפן בגרסתו הישנה, מיקרוסופט הוציאה אותו לשוק כחלק ממערכת ההפעלה עוד לפני שאתרים הפכו חלק מהתפעול היום יומי של אפליקציות במחשב, וחוסר התמיכה המשוועת שלו בתקן w3org שמה אותו מאחור. נזכיר גם שכניסתם של גוגל כרום כדפדפן סופר מהיר ופיירפוקס כדפדפן שתומך בתקני HTML 5 נכון לגרסתו האחרונה, משאירים את אקספלורר כמוצר ״נוח שנמצא כבר במערכת הפעלה״. כמפתח אתרים וגולש יומיומי , אני יכול להעיד על מגמה גוברת של תאימות אתרים ישראליים לפיירפוקס ולכרום , מה שהיווה בעבר חסם פסיכולוגי אצל רבים מן הגולשים.

]]> http://www.mbaroz.com/blog/%d7%90%d7%a7%d7%a1%d7%a4%d7%9c%d7%95%d7%a8%d7%a8-6-%d7%91%d7%93%d7%a8%d7%9a-%d7%9c%d7%92%d7%9e%d7%9c%d7%90%d7%95%d7%aa/feed/ 0 עתיד הסלולר – זה לא רחוק מאיתנו http://www.mbaroz.com/blog/%d7%a2%d7%aa%d7%99%d7%93-%d7%94%d7%a1%d7%9c%d7%95%d7%9c%d7%a8-%d7%96%d7%94-%d7%9c%d7%90-%d7%a8%d7%97%d7%95%d7%a7-%d7%9e%d7%90%d7%99%d7%aa%d7%a0%d7%95/ http://www.mbaroz.com/blog/%d7%a2%d7%aa%d7%99%d7%93-%d7%94%d7%a1%d7%9c%d7%95%d7%9c%d7%a8-%d7%96%d7%94-%d7%9c%d7%90-%d7%a8%d7%97%d7%95%d7%a7-%d7%9e%d7%90%d7%99%d7%aa%d7%a0%d7%95/#comments Thu, 21 Jan 2010 08:43:59 +0000 admin http://www.mbaroz.com/blog/?p=232 אתם חייבים לסב את תשומת ליבכם לעתיד הקרוב ממה שחשבתם:



]]> http://www.mbaroz.com/blog/%d7%a2%d7%aa%d7%99%d7%93-%d7%94%d7%a1%d7%9c%d7%95%d7%9c%d7%a8-%d7%96%d7%94-%d7%9c%d7%90-%d7%a8%d7%97%d7%95%d7%a7-%d7%9e%d7%90%d7%99%d7%aa%d7%a0%d7%95/feed/ 0 CSS ותאימות ל Firefox http://www.mbaroz.com/blog/css-%d7%95%d7%aa%d7%90%d7%99%d7%9e%d7%95%d7%aa-%d7%9c-firefox/ http://www.mbaroz.com/blog/css-%d7%95%d7%aa%d7%90%d7%99%d7%9e%d7%95%d7%aa-%d7%9c-firefox/#comments Sun, 15 Feb 2009 07:52:54 +0000 admin http://www.mbaroz.com/blog/?p=126 כחברה שעוסקת בפיתוח אתרים , אתם נתקלים ביום יום בבעיות תאימות בין אקספלורר  7 לפיירפוקס 3 . בעיה מאד בסיסית שגרמה לי לא לישון בלילה היא נושא המרווח בפקודת margin .  פקודה זו מבטאת את המרווח החיצוני  בין האלמנט עליו היא נמצאת לאלמנט מאותו כיוון (למשל margin-let יתייחס לשוליים משמאל).
משום מה – פיירפוקס מתעלם מזה ושימוש ב Padding כן נותן את התוצאה המתאימה ל פיירפוקס ו אקספלורר. עוד על בניית אתרים באינטרנט

]]> http://www.mbaroz.com/blog/css-%d7%95%d7%aa%d7%90%d7%99%d7%9e%d7%95%d7%aa-%d7%9c-firefox/feed/ 0