בניית אתרים

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

לבנות אתר לבד?

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

עיצוב ובניית אתרים – למה לשלם למישהו שיבנה את האתר?

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

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

המלצה: במידה והינך עסק קטן ומתחיל, מומלץ לבחור את אחת מהתבניות הניתנות לרכישה ע"י הערכות השונות לניהול תוכן ולנסות לעצב בעצמך כפי שתרצה (ניתן להשתמש במדריכים שונים באתר האינטרנט, פורומים על ערכות הניהול תוכן וכדומה), ניתן להיעזר באיש מקצוע, שרק יתחזק מעט את האתר ויעצב אותו עפ"י רצונך. אין שום סיבה לשלם מעל 5,000 ש"ח לאיש מקצוע אשר יבנה לכם אתר, מכיוון שמגוון התבניות לאתרים היום רחב וישנן אופציות שונות לשינויים.
במידה ותבחר לקחת תבנית מסויימת ומעט לעצב אותה, המחיר לאדם מקצועי אשר יעצב אותה יכל להגיע ל1000-1500 ש"ח.

ערכות לניהול תוכן

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

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

ג'ומלה – מערכת ניהול תוכן (CMS) חופשיתהמאפשרת פרסום תכנים באינטרנט. כוללת תכונות כמו מטמון דפים, פיד RSS, גרסאות הדפסה, מבזקי חדשות, בלוגים, סקרים, חיפוש ותמיכה בריבוי שפות.

מערכת זו פותחה בשנת 2007, ואומצה ע"י בוני האתרים השונים.
הינה מערכת פשוטה לשימוש, המאפשרת שינויים שונים.
יש האומרים שמערכת זו, הינה המערכת לניהול תוכן, הטובה בעולם.
ישנם אתרים שונים לג'ומלה ביניהם, ג'ומלה ישראל, המדריכים ונותנים תמיכה למשתמשים במערכות אלו.
-לדעתי: השימוש בה יעיל לאנשים המבינים מעט בבניית אתרים.
במידה וזוהי הפעם הראשונה שהינך מנסה לבנות אתר, מומלץ להשתמש בתוכנה אחרת על מנת לא להסתבך באופציות השונות.
וורדפרס הינה מערכת הפשוטה לשימוש ודומה מבחינת האפשרויות וההגדרות שלה.

LiveCity – מערכת מעולה למשתמשים המתחילים.
פשוטה לשימוש, ישנה אפשרות לשימוש בשפה העברית.
מערכת לניהול תוכן הפועלת עפ"י טבלאות.
האופציות לשינוי תבניתי קטנות אומנם, אך למחפשים אתרים מבלי עיצוב מיוחד, ויותר אתרי תוכן, הינה מומלצת!
– לדעתי: במידה ואינך מחפש אתר מעוצב במיוחד, השימוש במערכת לייב סיטי פשוט במיוחד, כאשר ניתן ללמוד ולהבין אותו בקלות.

 מערכות "קוד פתוח" ו"קוד סגור"

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

לקריאה אודות "יתרונות המערכת עם קוד פתוח"…

אתרים להורדת תמונות

אתרים להורדת תמונות

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

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

אתרים חינמיים להורדת תמונות

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

morguefile – אתר אינטרנט נוסף המאפשר להוריד תמונות ולהשתמש בהם באופן מסחרי. לאתר אפשרות רישום בחינם. תמורת תמונות מסויימות תצטרכו להיות מנויים בתשלום.

everystockphoto – אתר נוסף להורדת תמונות בחינם. לאתר מעלים מידי יום גולשים מרחבי העולם תמונות שונות הניתנות לשימוש מסחרי למנויים לאתר. באתר מעל ל21 מיליון תמונות לשימוש הגולשים.

adigitaldreamer – אתר נוסף המציע את שירותיו בחינם. באתר מאגר תמונות עצום לשימוש מסחרי בחינם. התמונות מחולקות עפ"י נושאים וקטגוריות ותוכלו להשתמש.

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

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

אתרים לקניית תמונות

shutterstock – אחד מאתרי התמונות הגדולים בעולם. באתר מגוון תמונות מעולות אשר ניתנות לשימוש בתשלום חודשי. בעת הרישום לאתר תוכלו להשתמש מדי יום ב25 תמונות ולהורידם למחשב וכך למעשה ליצור לעצמכם תיקיית תמונות לשימוש מסחרי.
דמי הרישום הם בסביבות ה-200$ לחודש. באתר קיימות יותר מ7 מיליון תמונות וקטעי וידאו. ישנה אפשרות רישום לאתר ורכישת 5 תמונות ב49$.

HTML

html - בניית אתרי אינטרנטHTML

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

שפה זו תוכננה כך שכל משתמש יוכל לעבוד עליה ללא חשיבות לסוג המחשב או הורדת תוכנות שונות, כל שניתן לעשות הוא לפתוח את הNotepad הנמצא ב"התחל" בכל המחשבים ולהתחיל לכתוב את הפקודות והתגיות השונות. היא מותרת לשימוש על ידי כל מפתח אתרים, אין בה צורך לשמירת זכויות יוצרים והיא נקראת ונסרקת כיום ע"י כל הדפדפנים השונים. היא תומכת במולטימדיה, היא מאפשרת להציג נתונים בעזרת: טקסט, צליל, תמונה, וידאו ועוד, דבר המהווה גורם עקרי שמפריד את האינטרנט כמדיה למידע ופרסום, ממדיות אחרות כמו עיתונות ורדיו.
HTML גם מאפשר הטמעה של תסריטים בדף, למשל JavaScript, וכיום תוכל להעתיק את קוד הסרטונים השונים דרך כל סרטון המופיע ביוטיוב.
קובצי HTML נשמרים בסיומות ".htm" ו-".html".
כיום בכל המערכות השונות לניהול תוכן, תוכל להשתמש בשפת html לשינויים שונים באתר.
יש לשים לב, כי את שפת הכתיבה יש לכתוב אך ורק באותיות קטנות!
מומלץ לדעת ידע בסיסי בhtml בעת תהליך בניית האתר.
סרטונים רבים מדריכים על הפקודות השונות וישנם מדריכים שונים לתגיות שבשפה.

התוכנות המומלצות בהן ניתן להיעזר ולהשתמש לבניית אתרים:

Dreamweaver-

תוכנת עיצוב האינטרנט Adobe® Dreamweaver® CS6 מספקת ממשק חזותי אינטואיטיבי ליצירה ועריכה של אתרי אינטרנט בתבנית HTML ויישומים להתקנים ניידים.

WordPress-

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

לשיעור הראשון בשפת ה- html:

לשיעור הבסיס הראשון בשפת ה-html, לחץ כאן.

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

מדריך html

מדריך לשפת התכנות html, הכולל 15 שיעורים ובהן תלמדו את הבסיס לשפת התכנות הזו.
על מנת לעיין במדריך, לחץ כאן.

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

גרסאות

html 2.0 יצאה כבר בנובמבר שנת 1995, והיתה הגרסה הראשונה של שפת התכנות html, המשמשת אותנו עד היום בשינוי ובניית אתרים.
הגרסה החדשה של html תצא בשנה הקרובה, ותהיה הגרסה החמישית אשר יוצאת לפועל.

בשנת 2004 הוחלט ע"י מנהלי הדפדפנים השונים לפתח צוות עבודה חדש, הנקרא WHATWG, שיתאים פיתוח תוכנה אשר תתאים לכל סוגי הדפדפנים.
התגיות החדשות אשר יכנסו לפעולה בעת הוצאת הגרסה html 5 יהיו:

  • התגיות <video> ו-<audio> המאפשרות לשלב בדף האינטרנט וידאו ואודיו , מבלי כל צורך בתוכנה כמו Adobe Flash.
  • התגית <canvas> באמצעותה אפשר ליצור גרפיקה ואנימציה דו-ממדית.
  • התאמה של פקדי קלט (לדוגמה <input>) למקלדות מגע במערכות הפעלה של מכשירים ניידים.

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

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

ישנם אתרים שונים ללימודי שפת HTML או לימודי שפות תכנות שונות, בהן ניתן להיעזר וללמוד את שפות התכנות און ליין. (אתרים חינמיים)

לכניסה לאתר לימוד שפות תכנות.

קודי HTML

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

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

אחסון אתרים

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

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

לרוב, בעת חבילת אחסון אנו מבצעים רכישת "דומיין".

באילו גורמים הלקוח צריך להתחשב בעת קניית האחסון?

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

בשנים האחרונות בשל הביקוש הרב לאחסון והתפתחות האינטרנט ופיתוח רחב של אתרי אינטרנט לעסקים רבים בארץ וברחבי העולם, התפתחו חברות רבות המספקות את שירותי האחסון.

מהם סוגי האחסון?

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

האם לקנות אחסון בארץ או בחו"ל

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

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

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

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

נפח אחסון

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

מחיר אחסון

מחירי האחסון משתנים מחברה לחברה, תלויים בעיקר בגודל (נפח) האחסון, המחיר לחבילות האחסון מתבצע בדר"כ פרוס לשנה (12 חודשים), כאשר הלקוח משלם בעבור כל חודש על חבילת האחסון.
המחירים לאחסון מתחילים ב20 ש"ח לחודש ועד ל-70 ש"ח לחודש בעבור לחבילת אחסון.

חברות אחסון בארץ

חברות אחסון בינלאומיות

סי פאנל - חברות אחסון בארץ

עיצוב אתרי אינטרנט

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

CSS – שפת עיצוב אתרי אינטרנט

במידה ואנו עובדים על האתר באופן ידני, וכותבים אותו באמצעות שפת HTML: למעשה עלינו לפתוח שתי גליונות Notepad (במידה ואנו עובדים עם DreamW – עדיף) , כאשר אחד מהגליונות שלנו מהווה את קובץ ה-html, והשני מהווה את קובץ ה-css.
את הקבצים אנו מקשרים ע"י קישור ב<style> שבעמוד ה-html, ובעמוד ה-css אנו רושמים את הקטע אליו אנו רוצים להתייחס בעיצוב ומכניסים את הנתונים בין הסוגריים המסולסלות {}.
לדוגמא: בקובץ ה-css, במידה ונרצה להתייחס לאחת הפסקאות נכתוב כך:

p {color:#f06;} – css

ובקוב. ה-html נכתוב בתחילת כתיבתו (ב-head) מתחת לכותרת ה-<style> את הקישור של קובץ ה-css.

כך בעצם נצבע את הכתב של כל קטע המסומן כפסקה (p) בקובץ ה-html. וכן הלאה לשער הפסקאות.

ללימוד השיעור הראשון ב-css, תוכלו לצפות בסרטון הוידאו הבא.

 

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

Fire Bug

תוכנה מעולה!ומומלצת לכל משתמש, תוכנה זו מתאימה לדפדפן "Firefox" בלבד.
באמצעות תוכנה זו, אשר תופיע לכם בצורת חיפושית במצד ימין במעלה הדף, תוכלו לראות את שפות התכנות והעיצוב של כל עמוד אינטרנט.
כל שעליכם לעשות הוא להיכנס לאתר האינטרנט שלכם, ללחוץ על ה"סמן" שבתוכנה, אשר מופיע מצד שמאל למעלה (ציור של עכבר מחשב על מסך), ברגע שלחצתם, תוכלו לסמן "קטע" מסויים באתר האינטרנט שלכם, ואוטומטית תופנו לשפת הhtml וה-css שלו, את השינויים השונים מומלץ לנסות בתוכנה עצמה, על מנת לראות כיצד יראה השינוי באתר.
ברגע שהבנתם מה עליכם לעשות באתר האינטרנט שלכם, עליכם ללכת לגיליון המתאים שבעורך, ללחוץ f5 על מנת לחפש את הקטע שבחרתם בפיירבאג ולשנות את הכתיבה.
הדרכה על תוכנה זו תוכלו למצוא באינטרנט.

 מעצב אתרים

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

Css Codes

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

בניית אתר Google Site

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

Google Site, זאת התשובה לשאלה שלכם.
פשוט מאד, אתר נוח לבניית אתרים, שלא דורש כל ידע קודם.
מאפשר להכין אתר ברמה טובה, עם פיצ'רים שונים מתקדמים (Paypal ועוד), המתאימים לכל עסק קטן מתחיל, במיוחד לאלו, שאת ההוצאות על הפרסום ברשת האינטרנט, לא חישבו מראש.

אופן השימוש ב-Google Site?

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

במדריך גוגל סייט, תוכלו לקבל את כל השאלות הבאות לבניית האתר.

איזה דומיין אקבל בבניית האתר דרך Google Site?

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

Site.google.com/Name Of The Site

פיצ'רים ב-Google Site?

לראשותך מגוון פיצ'רים ותבניות שניתן לבחור ולהשתמש באופן חופשי.

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

מהם היתרונות של גוגל סייט?

  • מערכת חינמית.
  • ידידותית לגולש.
  • *עדיפות בגוגל.
  • אחסון חינם (של עד 10 ג'יגה.
  • גיבוי שותף.
  • אפשרויות חיבור עם המוצרים השונים של גוגל.
  • התאמה לכל הדפדפנים.
  • התאמה לסלולר.
  • ניתנים לסנכרון עם מדיות חברתיות שונות.

קידום אתרים וגוגל סייט?

מערכת לבניית האתרים של גוגל, מאפשרת לתייג תמונות שונות ולהוסיף מטא תאג וכותרות לכל הפרטים השונים באתר האינטרנט.

כניסה לאתר גוגל סייט.

גוגל סייט
גוגל סייט

בניית אתר ב-Box

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

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

האם בניית האתר היא בחינם?

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

למה כן?

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

אילו וידג'טים ניתן להוסיף באתר מסוג זה?

  • Vimeo
  • Google Maps
  •  SoundCloud
  •  Jotform – advanced contact-forms, surveys and payment-forms
  •  Tumblr
  •  Facebook
  • גלריית תמונות.
  • טופס ליצירת קשר.
  • פיד של טוויטר.
  • SoundCloud.
  • שיוך סרטונים מYoutube.

שיוך לכלים של גוגל

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

אתר דו לשוני

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

קידום אתרים באתר Box

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

מצד שני, יש אפשרות באתרים אלו, לכתוב ידני (קוד פתוח ב-HTML).

מחיר

אמנם בניית האתר היא אכן חינמית, אך המחיר החודשי לאחסון האתר יעלה לכם קצת (הרבה) יותר.
המחירים לאחסון נעים בין 70-80 ש"ח לחודש (בסביבות 970 ש"ח לשנה) בעת רכישת אחסון ובניית האתר על מערכת בוקס, אך יש לציין כי את הדומיין, תקבלו חינם.

לכניסה לאתר בוקס.

בניית אתר בוורדפרס

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

המערכת יצאה לאור בשנת 2003, וכיום נחשבת למערכת לניהול תוכן, הפופלארית ביותר בעולם!
מעל 20% מאתרי האינטרנט ברחבי העולם בנויים על מערכת וורדפרס, אשר עפ"י הדיווחים של החברה, באמצעותה מתפעלים יותר מ70 מיליון אתרים ברחבי העולם, כאשר מחציתם מאוחסנים על ידי שרתים של החברה.
יותר מ10% מרשימת 100 אלף האתרים המובילים והגדולים בעולם מופעלים באמצעות מערכת וורדפרס.

גרסאות

הגרסה הראשונה שהוציא וורדפרס היתה גרסת 0.72, אשר יצאה ב2003,
2.7 שיצאה בשנת 2008 היתה הגרסה המוצלחת של וורדפרס. באוגוסט האחרון יצאה הגרסה 3.7, כאשר התוספות בה מהגרסה הקודמת לה משנה לפני, הם העדכונים האוטומטיים לגרסאות המשנה, תוצאות חיפוש רלוונטיות יותר ותמיכה משופרת בגרסאות מקומיות ובקובצי התרגום, בנוסף לתמיכה בקבצי וידאו, ניווט, אודיו ועוד…

וורדפרס בגרסה העברית

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

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

כמה עולה השימוש בוורדפרס?

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

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

מה עליי לבדוק?

על מנת להשתמש בוורדפרס, עליך דבר ראשון לבדוק שחברת האחסון בה רכשת את האחסון, מאפשרת התקנת וורדפרס על השרת (כיום 99% מחברות האחסון עובדות עם מערכת ניהול תוכן וורדפרס).

עליך להוריד ב-CPanel (באחסון) את מערכת וורדפרס ולהתקינה.

תוספים מומלצים לWordpress

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

לכניסה לאתר וורדפרס.

לקריאת ערך וורדפרס בויקיפדיה.

לכניסה לקהילת וורדפרס בעולם.

מה לשאול את בונה האתר שלי?

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

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

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

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

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