מדריך HTML למתחילים בלבד

2
ha

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

חשיבות ה – CSS בעיצוב אתרים

4
6759920_s

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

בניית אתרים עם מסגרות Css – PrimaryCSS

2
PrimaryCss

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

איך יוצרים קישור בתמונה באמצעות Html

1
html-image-tag

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

בניית אתרים באמצעות – Nuggetz

1
nuggetz-cms

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

מערכת ניהול תוכן – Drupal

3
drupal-logo

Drupal הוא מערכת ניהול תוכן בקוד פתוח שמבוסס על שפת Php ומסדי נתונים – MySql. מערכת דרופל היא מערכת חינמית לגמרי וניתנת לשימוש למטרות פרטיות ומסחריות כיחד. המערכת ניהול תוכן של Drupal מספק מגוון רב של אפשרויות מתקדמות לבעלי אתרים, כמו למשל ניהול משתמשים מרובים במערכת, נתינת הרשאות לגולשים, תמיכה בתוספים ועוד. קיימות מאות ואלפים של תוספים שניתן לצרף למערכת שפותח על ידי קהילת Drupal בעולם. בעקבות פופולריות רבה של דרופל אתרים גדולים בעולם נבנו במערכת הזו, לדוגמה אתר של MichaelJackson.com העולמי או אתר של בית הלבן בארצות הברית -http://www.whitehouse.gov מבוססים על מערכת Drupal.

ההבדל בין div ו- span ב-html

4
webist

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

תוסף השעון – jQuery CSS

1
clock

אם רצית ליוצר שעון לאתר אינטרנט שלך בעבר ולא ידעת איך, כעת באפשרותך להשתמש בתוסף jDigiClock המשתמש בספריית jQuery של ג'אווהסקריפט כדי ליצור שעון אינטרנטי הדומה לפאלפון סלולרי של HTC Hero. כדי ליצור שעון באמצעות jQuery ו-CSS אין צורך לעבור קורס תכנות או קורס בניית אתרים שלם. עם ידע בסיסי בשפת HTML יעזור לך לשתול את תוסף השעון זה בכל מקום באתר.

מדריך יצירת תפריט ניווט באמצעות Css

5
menu-css

תפריט הוא אחד מהדברים ההכרחיים באתר אינטרנט עכשווי ומודרני. תפריט מאפשר לגולשים לעבור בין דפי האתר באופן קל ופשוט. קיים מגוון רב של סוגי תפריטים. תפריט יכול להיות לצורכי נווט או לצורכי שיתוף מידע באתר כמו ב- Twitter, Facebook, Rss דוא"ל וכו'. יצירת תפריט ניווט באמצעות Css הוא תהליך קצר ומהיר אך דורש דייקנות. כעת אני ילמד אותך איך ליצור תפריט ניווט באמצעות Css על-ידי שימוש ב- Photoshop בשיטה המכונה CSS Sprites.

בניית אתר עם מערכת ניהול תוכן – SiteCake

1
stecake

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

נגן סרטונים ב- HTML 5

1
נגן וידאו חינם HTML5

ככל שהזמן עובר, שפת html מגיע בגרסה החמישית שלה, וכבר מתחילים לייצר תוספות לשפה כמו נגן וידאו או יותר נכון נגן סרטונים. עם חידושים רבים שמציע השפה ברסאתה החמישית – html 5, היא גם תציע פתרונות רבים למשתמש קצה. לא יהייה יותר צורך בשימוש בנגן פלאש של חברת אדובה – (Adobe) ככל שזה היה נהוג במשך השנים האחרונות. האם זה הסופה של נגן פלאש ?

בניית דף נחיתה

16
landing-page

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

עמוד 1 מ 2« ראשון...21...אחרון »

הרשמה לטיפים ועדכונים


רוצה קריירה מבטיחה?

בקרוב הפתיחה!
קורס קידום אתרים SEO ובניית אתרים (בשילוב מערכת וורדפרס)





מעניין אותך ?

מי אני ?

אני יוסי ג'אנה עוסק בבניית אתרים, קידום אתרים ושווק באינטרנט. אני חי ונושם אינטרנט. מוסמך גוגל אנליטיקס - Google Analytics Qualified. כאן כדי לשתף את הידע וניסיון שלי עם אחרים. מקווה שתהנו מהבלוג.

המטרה של Webist

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

בקרוב יחלו חידושים רבים בנושא קורס בניית אתרים וקידום אתרים באינטרנט. נא להתעדכן ולהיות בקשר.

יוסי ג'אנה

הצטרפו לעמוד הפייסבוק !