יום שישי, 22 ביולי 2016

כיצד לבנות אתר אינטרנט ב-10 צעדים למתחילים ובחינם.

לבנות אתר ב- 10 צעדים למתחילים ובחינם

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

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

צעד 1- כניסה לוורדפרס בעברית

פשוט מאד, לוחצים על הלינק הבא- https://he.wordpress.com
וורדפרס הינו אחד האתרים הגדולים בעולם ואשר בעזרתו נכתבו עד היום 25% מהאתרים בעולם. גם את האתר שלכם תכתבו בעזרתו. ליחצו על הלינק ותגיעו לאתר וורדפרס בעברית.


צעד 2- צור אתר אינטרנט

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




צעד 3- באיזה נושא יעסוק האתר שלכם

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




צעד 4- איך אתה רוצה שעמוד הבית ייראה

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




צעד 5- בחר נושא עיצוב

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




צעד 6- מציאת דומיין (כתובת)

האתר וורדפרס מאפשר לכם ליצור אתר בחינם, אל דאגה גם אנחנו יוצרים אחד כזה כרגע.
לכל אתר יש כתובת ייחודית אשר מזהה אותו ברחבי האינטרנט, למשל- Ynet.co.il, walla.co.il, כתובת כזו עולה כסף אבל אנחנו בשלב הזה לא נבחר כתובת אישית ונלך על האופציה שבחינם, בהמשך תוכל להזמין ולשלם על כתובת (דומיין) אישית.




צעד 7- הזנת שם דומיין

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





צעד 8- בחר תוכנית

מכיוון שאנחנו יוצרים אתר בחינם הרי הבחירה כאן פשוטה ביותר- Free




צעד 9- יצירת חשבון בוורדפרס

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




צעד 10- סיימנו! המשך

נלחץ על כפתור המשך.
מזל טוב יש לכם אתר אינטרנט פעיל וחינמי.
בדוגמא שלנו מי שיירשום את הכתובת הזו- http://hodspotblog.wordpress.com יגיע לאתר שבנינו במדריך זה.
  


  


מה הלאה?

אישור דואר אלקטרוני

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



ניהול האתר

כנס לוורדפרס עם הנתונים שהכנסת בשלב ההרשמה (צעד 9)
והתחל לנהל את האתר מבחינת תמונות, תכנים, עיצוב ועוד...




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

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

יום שבת, 19 ביולי 2014

כיצד להתאים את אינטרנט אקספלורר לאתר שלך

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

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

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

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

1. לפתוח את הדף שאתה כותב ומעוניין להתאים ל- IE.
דוגמה לדף index.php-

index.php עריכת


2. העתק את שורה 5 כפי שהיא לתוך קטע הקוד הרלוונטי בעמוד שלך (במידה והשורה קיימת בצורה דומה ניתן לעדכן אותה כך שתכיל את IE=edge

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

4. פתח קובץ חדש, וודא שהוא מסוג CSS- במידה ואתה משתמש כמוני ב notepad++ הדבר פשוט מאד (ראה תמונה)-

יצירת דף חדש

5. לתוך הקובץ החדש העתק את הטקסט הבא-







הטקסט-
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  לפה תכניס תוכן
}

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


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










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

זהו, ב-8 צעדים פשוטים ומהירים תוכל להתאים את הדפדפן IE לכל אתר שאתה כותב.


טיפ קטן- לחיצה על F12 תפתח לך אפשרויות פיתוח נוספות על אינטרנט אקספלורר.
F12- Developer tools


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

יום שישי, 28 בפברואר 2014

כיצד להתקין את מערכת ההפעלה של גוגל- ChromeOS

כיצד להתקין את מערכת ההפעלה של גוגל- ChromeOS


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


בוא נתחיל שלב אחריי שלב על מנת להתקין את ChromeOS :
1.      מערכת וירטואלית- אני מניח שאתה יודע מה זה ולא צריך להסביר לך איך עובדים עם זה. במידה ואתה חדש לעולם הוירטואלי, גש ללינק הבא אם יש לך מחשב נקי שמיועד לווירטואליזציה בלבד (ESXIאו התקן את התוכנה הזו במידה ואתה רוצה להריץ ווירטואליזציה על המחשב שלך (VirtualBox)

2.      קובץ התקנה של גוגל ChromeOS- לך אל האתר הבא http://chromeos.hexxeh.net
וגלגל למטה את הדף עד שתגיע ללינקים להורדות ולחץ על הקובץ הרלוונטי.
  
בשלבים הבאים אני אסביר איך להתקין את המערכת של גוגל על VMWare.
במידה ויש לך VirtualBox  הורד את הקובץ הרלוונטי ועבור לסעיף 21.
במידה ואתה רוצה להתקין על לפטופ הורד את קובץ ה USB ועבור לשלב 35.

3.      אחריי שהקובץ ירד בהצלחה למחשב שלך פתח אותו על ידי 7zip. השם החדש שיופיע מאד ארוך, אל תשנה את השם.
 4.      פתח את המערכת הווירטואלית  (במקרה שלי- ESXI) והעלה את 2 הקבצים שנפרשו.
5.      בטאב הראשי בחר את Summary
 6.      ברשימת ה Datastore  שיש לך בחר את זה שפנוי (במידה ויש לך יותר מאחד). 
7.      עכבר ימני ובחר Browse Datastore

 8.      לחץ על הכפתור שמעלה קבצים לתוך המערכת הוירטואלית ובחר את 2 הקבצים שהורדת-


9.      בשלב זה ניצור את המכונה הוירטואלית שתשמש לנו למערכת של גוגל (שים לב- איפה שאני לא מציין בחר ברירת מחדל)  File – new – virtual machine
 10.  Custom – name – choose the largest datastore
11.  Guest Operating system- Other- Other 32-bit
12.  בחר את ההגדרות הרלוונטיות למערכת שלך (זכרון,CPU , רשת ...)
13.  בחר- Use an existing virtual disk
14.  בחלון הבא חפש את הקובץ שהעלית לתוך המכונה הוירטואלית ובחר אותו

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



20.  בהצלחה. אני אשמח לקבל פידבקים.
 -------------------------------------------------------

21.  אם הגעת לפה זה אומר שמותקנת לך המערכת של VirtualBox. פתח אותה.
22.  צור מערכת וירטואלית חדשה NEW



23.  קנפג את המערכת בהתאם ליכולות של המחשב שלך 
24.  Create a virtual hard drive now 
25.  בחר VDI 
26.  עכשיו נוריד את הקובץ הרלוונטי שמיועד ל VirtualBox (ראה סעיף 2). 
27.  פתח את הקובץ על ידי 7zip (ראה סעיף 3). אל תתפתה לשנות את השם רק בגלל שהוא ארוך! 
28.  נחזור אל VirtualBox ונסמן את המערכת שיצרנו בסעיף 22 ונבחר Settings. 
29.  לך ל System Processor – סמן NX/PAE 
30.  לך ל- Audio- וודא שלא מסומן Audio 
31.  לך ל NETWORK  וודא שהגדרת הגדרות רשת נכונות. 
32.  Storage – VDI – Browse- choose a virtual hard disk



33.  בחר את הקובץ שהורדנו בסעיף 27. 
34.  התחל את המכונה הוירטואלית. ברכותיי, יש לך מערכת הפעלה עובדת. עכשיו קרא את סעיפים 16 עד 20. 
-------------------------------------------------
35.  במידה והגעת לפה כנראה יש לך לפטופ ואתה מעוניין להתקין את המערכת הפעלה של גוגל בעזרת USB. 
36.  צרוב את קובץ ה IMG שהורדת בסעיף בסעיף 2 לתוך ה USB (פעולת "צריבה" מכיוון שהקובץ מעל GB2) .  פעולת ההעתקה נעשית בעזרת התוכנה הבאה
 37.  הכנס את ה USB לתוך הלפטופ והתחל אותו. 
38.  ברכותיי, יש לך מערכת הפעלה של גוגל ChromeOS  עובדת על הלפטופ. קרא סעיפים 16 עד 20.


Twitter Delicious Facebook Digg Stumbleupon Favorites More