וובמאסטר - תיכנות ובניית אתרים
  • תיכנות
    front-end
  • תיכנות
    back-end
  • טכנולוגיות
    dot.net
  • בסיסי נתונים
  • כלי פיתוח
  • מערכות תוכן
  • תוכן נלווה
  • C#

    שפת C#

    שפת C# (מבוטא סי שארפ) היא שפת תכנות שפותחה ע"י מיקרוסופט. היא מיועדת לפיתוח של אפליקציות בכל התחומים. התחביר והעקרונות שלה מבוססים על שפות מצליחות כגון ++C ו Java.
  • ASP.NET Web Forms

    ASP.NET

    ASP.NET היא פלטפורמה מתקדמת לפיתוח אפליקציות Web מבית מיקרוסופט. במדריך זה, נתמקד בפיתוח אפליקציות Web בגישת ASP.NET Web Forms
  • ASP.NET MVC

    ASP.NET MVC

    ASP.NET MVC היא טכנולוגיה לפיתוח אפליקציות WEB, אשר שמה דגש על פיתוח מהיר, שימוש בארכיטקטורה נכונה והפרדת שכבות, שילוב ספריות קוד פתוח ותמיכה מובנית בבדיקות אוטומטיות.
  • CSHTML

    CSHTML

    CSHTML היא טכנולוגיה המבוססת על ASP.NET לבניית אתרים דינאמיים, משלבת בין הפשטות של HTML לבין העושר שבשפת התכנות הפופולרית C#
  • PHP

    PHP

    PHP‏ (Hypertext Preprocessor) היא טכנולוגיית צד שרת המאפשרת לבנות דפי אינטרנט דינאמיים. השפה נפוצה מאוד בקרב קהילת הקוד הפתוח, ועליה מבוססות וורדפרס, דרופל, ג'ומלה ועוד
  • JSP

    JSP

    JSP‏ (JavaServer Pages) היא טכנולוגיית צד שרת המאפשרת לבנות דפי אינטרנט דינאמיים, מיסודה של חברת Oracle. שפת התיכנות בטכנולוגיה זו היא שפת Java הנפוצה
  • ASP קלאסי

    ASP קלאסי

    ASP‏ (Active Server Pages) הינה טכנולוגיית צד שרת שפותחה ע"י מיקרוסופט ומאפשרת בניית אתרים דינאמיים. טכנולוגיה זו איננה בשימוש עוד, והוחלפה ע"י טכנולוגיות ASP.NET
  • WPF

    WPF

    WPF‏ (Windows Presentation Foundation) היא הטכנולוגיה העדכנית ביותר מבית מיקרוסופט ליצירת תוכנות בעלות ממשק משתמש גרפי לסביבת Windows
  • LightSwitch

    LightSwitch

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

    Windows Azure

    Windows Azure היא סביבת הענן החדשה של מיקרוסופט. במדריך זה נסקור שני רכיבים משמעותיים מאוד, Web Role ו-WorkerRole, בעבודה בסביבת ענן
  • Silverlight

    Silverlight

    Silverlight היא טכנולוגיה לפיתוח אתרי אינטרנט עשירים וכן תוכנות לפלאפונים המריצים את מערכת ההפעלה Windows Phone. אתרים ותוכנות אלו תומכים בשילוב מולטימדיה, גרפיקה ואנימציה
  • WindowsPhone

    Windows Phone

    Windows Phone היא מערכת הפעלה לטלפונים ניידים. פיתוח אפליקציות ל-Windows Phone מתבצע ב- Silverlight - טכנולוגיה לפיתוח אפליקציות עשירות המשלבות מולטימדיה, גרפיקה ואנימציה
  • WCF

    WCF

    WCF ‏(Windows Communication Foundation) הינה סביבה לכתיבת אפליקציות מבוזרות, כלומר - אפליקציות שבצד אחד יש לקוח ובצד שני יש שרת והם מתקשרים ביניהם
  • SQL

    SQL

    SQL הינה שפה לטיפול בבסיסי נתונים המאפשרת ביצוע כל פעולה שהיא על הנתונים והטבלאות (קריאה, עדכון, מחיקה, הוספה). קיימים כיום ניבים שונים של SQL, ההבדלים בינהם דקים אך קיימים.
  • PL-SQL

    PL-SQL

    PL-SQL הינה שפה לטיפול בבסיסי נתונים מסוג Oracle. השפה מבוססת על שפת SQL וכוללת אפשרות להעביר הצהרות SQL במתכונת פרוצדורלית, בעוד של-SQL רגיל אין יכולות פרוצדורליות.
  • תיכנון בסיס נתונים

    תיכנון בסיס נתונים

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

    WordPress

    וורדפרס היא מערכת לניהול בלוג בעלת ממשק ניהול מתקדם, מערכת תגובות משולבת במאמרים, טקסונומיה (הוספת מאמרים לקטגוריה והוספת תגיות), מנוע חיפוש מותאם ועוד שלל של תכונות
  • Drupal

    Drupal

    דרופל היא אחת ממערכות ניהול התוכן (CMS) הנפוצות ביותר בעולם. היא בנויה על בסיס קוד פתוח וכתובה בשפת PHP. קל להתקין ולהפעיל את דרופל ללא ידע טכני בתכנות או בעיצוב
  • Joomla

    Joomla

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

    קידום אתרים

  • Web Fonts

    Web Fonts

  • תשלומים אונליין

    תשלומים אונליין

  • משפטיים

    משפטיים

  • אבטחת מידע

    אבטחת מידע

  • פרילאנסרים

    פרילאנסרים

מדריכים ומאמרים:

פוסטים בנושא: HTML

עיצוב מותאם-אישית לתיבות בחירה (drop-downs)

נכתב ע"י אלי ענתבי
הפקד שאולי הכי פחות גמיש לעיצוב חופשי ב-HTML הוא תג ה-SELECT, שהשליטה על ה-CSS שלו היא מוגבלת ביותר – לא מאפשרת לשחק עם הצורה שהחץ נראה, באקספלורר גם השליטה על המסגרת והרקע שלו בעייתי, וכדומה. לאחרונה נתקלתי בטריק פנטסטי שמאפשר גמישות מקסימאלית בעיצוב של תיבת הבחירה באמצעות CSS וטיפה התערבות של JS, כשהשליטה למעשה מתאפשרת רק על המצב הסגור של הפקד, בלי שליטה על המצב הפתוח. יש שיראו בזה חיסרון, כי אי אפשר לעצב את התפריט הנפתח, אבל מהזווית שלי – ברוב המקרים זה דווקא יתרון, כי ב-iOS ומערכות שמתערבות בעצמן בניראות של התפריט הנפתח – ההתנהגות נשמרת, ולא נשברת כמו שהיה קורה אם היינו משתמשים בפיתרון...
תגיות: HTML‏  /  CSS‏  /  CSS3‏  

כלי שימושי למפתחי צד-לקוח: Live Reload

נכתב ע"י אלי ענתבי
במשך יום פיתוח טיפוסי אנחנו עובדים מול 3 חלונות: עורך הקוד שלנו (IDE), תוכנה גרפית עם העיצוב המקורי (בד”כ פוטושופ), ודפדפן פתוח כדי שנוכל לראות את התוצר של מה שאנחנו כותבים. על כל שינוי בקוד שאנחנו כותבים אנחנו מבצעים שמירה לקוד, והולכים לחלון של הדפדפן לבצע ‘ריענון’ כדי לראות את השינוי בפועל. כדי לחסוך את הצורך בלרוץ וללחוץ ‘רענן’ בכל רגע בחלון הדפדפן, עד היום עבדתי עם כלים כמו live.js, שזה סקריפט ב-JavaScript שאפשר להכליל בקוד מקור שלנו, והוא מנתר אם התבצע שינוי כלשהו ב-CSS, ומרענן את השינוי אוטומטית בלי שנצטרך ללחוץ ‘רענן’ בדפדפן. הצרה איתו שלפעמים (או יותר נכון: כל כמה דקות) הוא נתקע, וכן...
תגיות: HTML‏  /  CSS‏  /  JavaScript‏  

התגיות dl, dt, dd

נכתב ע"י אלי ענתבי
התגית dl מגדירה רשימה (בדומה ל-ul  ול-ol), שהמיוחד בה הוא שלכל רשומה יש גם כותרת ולא רק מיספור או עיגול קטן בצידה.dt הינה תגית הכותרת של הרשומה, dd היא תגית הערך של הרשומה, ו-dl היא התגית הראשית העוטפת את כל הרשומות הפנימיות. דוגמאת קוד<dl> <dt>HTML</dt> <dd>שפת סימון טקסט</dd> <dt>CSS</dt> <dd>שפת סיגנון לעמודי HTML</dd> <dt>JavaScript</dt> <dd>שפת...
תגיות: reference‏  /  HTML‏  

התגית div

נכתב ע"י אלי ענתבי
עד להופעתה של HTML5, התגית div יחד עם אחותה התגית span היו המצויות ביותר בשפת HTML. מטרת התגית div היא “להחזיק” או להציג אובייקטים שהם בצורת קובייה (box-model). כמובן שאת צורת התצוגה שניתן לשנות ולהגדיר באמצעות CSS. עם הופעתה של HTML5 והמעבר לכתיבת HTML בצורה סמנטית יותר, כלומר בצורה שבה התגיות מעידות על אזורי התוכן בעמוד ולא רק מחזיקות את התוכן, תגיות חדשות כמו header, footer, section ועוד רבות – תפסו את מקומה של div בהרבה מאוד מקרים, אם כי הן לא ביטלו אותה לחלוטין – במקרה שבו אף תגית אחרת אינה מתאימה מבחינה סמנטית – עדיין יש שימוש בתגית div. דוגמאת...
תגיות: reference‏  /  HTML‏  

התגית dfn

נכתב ע"י אלי ענתבי
דוגמאת...
תגיות: reference‏  /  HTML‏  /  HTML5‏  

התגית del

נכתב ע"י אלי ענתבי
הגדרה סמנטית לטקסט שנמחק מהדף, שימושי במצבים שרוצים או למחוק את הטקסט ויזואלית אך להשאיר אותו כתוב בדף מטעמי ניהול שונים, או אפילו להשאיר אותו מוצג בדף עם קו חוצה (באמצעות CSS) כדי שיהיה לגולשים אינדיקציה שפיסת הטקסט הזו אינה רלוונטית יותר. דוגמאת קודנשיא ארצות הברית ברק אובמה ביקר <del cite=”http://news.walla.co.il/?w=/9/2627604”datetime=”2013-03-23”>פעם אחת</del> בישראל מאפיינים אפשריים תיאור ערכים מאפיין קישור לכתובת שמסביר את סיבת מחיקת הטקסט הזה URL cite תאריך ושעה שבו הטקסט סומן...
תגיות: reference‏  /  HTML‏  

התגית datalist

נכתב ע"י אלי ענתבי
מגדירה ערכים אפשריים לשדה טקסט, כך שכשהגולש יתחיל להקליד את הערך – הדפדפן יציג קובייה עם ערכים המתחילים באותן האותיות, כהצעה להשלמה אוטומטית. בדוגמא שלפנינו, אם הגולש יקליד את האות “א” בשדה הטקסט, שתי האפשרויות איטליה ואנגליה יופיעו כאפשרויות להשלמה אוטומטית, והגולש יוכל להמשיך להקליד או לבחור את האפשרות הרצוייה מתוכן. לא ניתן לחייב את המשתמש לבחור רק אחת מהאפשרויות הללו, לשם כך קיימת התגית <select> דוגמאת קוד<input type=”text” list=”countries”><datalist id="countries"> <option value=”ישראל”> <option value=”אנגליה”> <option value=”צרפת”> <option...
תגיות: reference‏  /  HTML‏  /  HTML5‏  

התגית code

נכתב ע"י אלי ענתבי
דוגמאת קוד<code>var num =...
תגיות: reference‏  /  HTML‏  

התגית cite

נכתב ע"י אלי ענתבי
דוגמאת קודאת האלבום <cite>ירח</cite> הוציא הזמר שלמה...
תגיות: reference‏  /  HTML‏  

התגית canvas

נכתב ע"י אלי ענתבי
מגדירה אזור בעמוד בתוכו נוכל להטמיע איורים ואנימציות וקטוריות, כלומר איורים המוגדרים באמצעות קווי מתאר ללא תמונות פיזיות, בדומה לאיורים שהיינו רגילים לראות עד היום רק בהטמעת סרטון פלאש באתר. התגית בעצמה אינה מגדירה/מבצעת שום דבר ויזואלי, אלא רק מגדירה אזור שבו ה-JavaScript יוכל לפעול ולהטמיע את איורי ה-canvas. דוגמאת קוד<canvas id=”canvas1” width=”300” height”300”></canvas> תמיכת דפדפנים דפדפן אקספלורר מגירסא 8 ומטה אינו תומך בתגית...
תגיות: HTML‏  /  HTML5‏  /  JavaScript‏  
1 2 3 4 5 6 7 

לוח דרושים

משרה
WebMaster
סיון‏ (AFFILOMANIA),‏ 7/11
משרה
דרוש/ה מפתח/ת הדרכה.
שרית‏ (סי וי פול),‏ 11/9
משרה
דרוש/ה איש/ת SYSTEM
אביטל‏ (סי וי פול),‏ 8/8
משרה
משרה
.NET Developer
מרתה ולדימירסקי‏ (PROFTIT),‏ 19/6
וובמאסטר © כל הזכויות שמורות