עיצוב טופס יצירת קשר עם CSS

מאת: יואב קדוש תאריך: 18 באפריל, 2012 צפיות: 128 תגובות: 5

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

תגיות: CSS , עיצוב , טופס

טופס יצירת קשר עם PHP

מאת: יואב קדוש תאריך: 11 באפריל, 2012 צפיות: 243 תגובות: 7

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

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

אז איך הטופס עובד?

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

תגיות: PHP , HTML , טופס

איך לעשות כסף באינטרנט עם גוגל אדסנס

מאת: יואב קדוש תאריך: 5 באפריל, 2012 צפיות: 126 תגובות: 0

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

תגיות: מדריך למתחילים , כסף באינטרנט , פרסום , goolge adsense

משחק לוח הכפל

מאת: יואב קדוש תאריך: 23 בפברואר, 2012 צפיות: 440 תגובות: 0

לפני שתלחצו על הקישור ראו כי הוזהרתם: המשחק הבא ממכר ביותר!
בתחילת המשחק המחשב יציג לכם את לוח הכפל בשלמותו ולאחר מכן מספר משבצות ייעלמו מן הלוח. מטרת המשחק היא להשלים את כל המשבצות החסרות בלוח בזמן הקצר ביותר.
ניתן לבחור את גודל הלוח (הנע בין 10X10 לבין 30X30) ואת רמת הקושי (מספר הנעלמים בלוח). אין גבול לתוצאה שניתן לקבל: ככל שתענו על יותר שאלות ובזמן הקצר ביותר כך תקבלו ציון יותר גבוה! המשחק מומלץ למי שמעוניין לשפר את היכולות המתמטיות שלו בכפל ללא מחשבון.

עדכון: רשימת שחקנים מובילים

עודכן בתאריך: 28 לפברואר 2012

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

תגיות: לוח הכפל , משחק , תרגול , JavaScript

יצירת מד לבדיקת איכות סיסמה בזמן אמת

מאת: יואב קדוש תאריך: 29 בדצמבר, 2011 צפיות: 220 תגובות: 0

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

תגיות: מד סיסמה , קריטריונים לבחירת סיסמה , JavaScript , Regular Expression , css