המחשב שלי, הוא החבר שלי, הוא השרת שלי. המדריך להפיכת המחשב האישי לשרת מדומה

בעקבות הרעל שיצרתי (בעיקר לעצמי) בפוסט הקודם התחלתי להתעניין בעיצוב מערכות וורדפרס (״וואו מפתיע״, כן אני יודע, הגיוני שאני אתעניין במשהו שכתבתי..) תוך כדי עבודה על קבצי המערכת נתקלתי בבעיה מעניינת (אולי לא כל כך מעניינת – תחליטו אתם).
לאחר ששיחקתי להנאתי בקבצי הCSS בלי שמץ של מושג מה אני עושה, רציתי לראות מה ההשלכות לשינויים שביצעתי על עיצוב המערכת אך אויה, כדי לראות את התוצאות נזקקתי (״נז-מה?!״, נזקקתי! שורש ז.ק.ק- מילה מאוד שימושית) למערכת וורדפרס פעילה ומקוונת ומכיוון שלא הייתי מסתכן בלראות מה יקרה לבלוג אם אפעיל עליו את זוועות הCSS שיצרתי, והמחשב האישי חסר יכולת בהפעלת קבצי php או תמיכה בMysSQL, פניתי לחבר ותיק (ותיק, אבל כנראה לא כל כך טוב כי אפילו בפייסבוק אין לי אותו) לעזרה. מר גוגל.
את הפיתרון שמצאתי הפכתי למדריך וכך נוצר:

המדריך להפיכת המחשב האישי לשרת מדומה

מידע כללי: תפקידה של WampServer הוא ליצור שרת מדומה על המחשב האישי בו תוכלו להפעיל קבצי Web בעלי בסיסי נתונים בהם Windows לא תומך בד"כ (כמו מערכות php לדוגמא).

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

-הורידו את התוכנה מפה והתקינו אותה על המחשב.

-דאבלקו (לחצו דאבל קליק עם העכבר) על הסמל שנוצר על שולחן העבודה לאחר ההתקנה שנראה כך:

-עכשיו יופיע לכם בשורת "התחל" הסמל הבא:

-לחצו עליו פעם אחת ובחרו "Start All Services"

-לאחר מכן כתבו בשורת הכתובות של הדפדפן בו אתם משתמשים את צירוף המילים "localhost".

-יפתח לכם עמוד המערכת של השרת המדומה שלכם:

-הכנסו לקישור "phpmyadmin" וצרו מאגר נתונים חדש ע"י מעבר לסימניית "מאגרי נתונים" והזנת שם בתיבה תחת הכותרת "יצירת מאגר נתונים חדש" (אני בחרתי בשם מאוד מקורי למאגר הנתנוים שלי: "wordpress" *ראו תמונה)

*

-בהנחה שתרצו לעבוד ולעצב מערכת וורדפרס הורידו מערכת עדכנית מהאתר הרשמי של וורדפרס.

-חלצו את קובץ הZip לתיקית "www" שנמצאת ב"C:\wamp\www" (שימו לב שאם התקנתם את הWampServer במקום אחר תצטרכו לשנות הנתיב בהתאם).

-הדבר האחרון שתצטרכו לעשות יהיה להתקין את הבלוג.

-הקלידו בשורת הכתובות "localhost/wordpress" ועקבו אחרי ההוראות (*בשלב הזה אם לתיקית הוורדפרס שלכם קראתם בשם אחר תצטרכו לשנות את המילה "wordpress" לשם התיקיה שיצרתם).

-מזל טוב! כרגע יצרתם לעצמכם בלוג על המחשב האישי.

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

-עריכה של קבצי הphp/CSS תהיה מן הסתם בתיקית "C:\wamp\www\wordpress" שיצרתם.

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

———————————————————————-

לבעיות/שאלות/בקשות אתם מוזמנים לפנות אלי בתגובות בבלוג או במייל.

תהנו!

סבבה והכל אבל…

מכירים את המשחק "סבבה והכל אבל.."?

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

"הוא סבבה והכל אבל מנהל רומן עם נמלה"

"היא סבבה והכל אבל מגדלת זקן ופיאות"

"היא סבבה והכל אבל בעלת עין וגבה אחת"

"הוא סבבה והכל אבל ישן עם אייפון במיטה" (שתיקה מביכה)

וכך הלאה…

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

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

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

כמעצב אתרים בעל ידע בסיסי מינוס בבניית אתרים האפשרות לעיצוב מערכות עם ממסד נתונים מובנה שדורשת ממני הכירות עם CSS וHTML ברמה של ׳שלום שלום׳ ולא יותר, קורצת לי הרבה יותר מלימוד מעמיק של שפות אינטרנט כמו PHP או ASP לכן הבחירה שלי תהיה מהירה, מובנת ונסלחת מצידכם (על העצלות הטבעית).

צילי וגילי יצאו לחפש מדריכים לעיצוב אתרים וחזרו עם תובנות בנושא

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

המושג הראשון שלמדתי במהלך מסעי היה Layouts.

עכשיו תשאלו: "מי זה Layouts ואיפה מוצאים אותו?" [אני יוצא מתוך נקודת הנחה שקהל היעד שלי הוא לא חבורה של ערסים].

ואני אענה: "בסדר מה איתכם?הכל טוב?"

תשאלו את מר צילי וגברת גילי [הם לא שני גברים] שעשו את המחקר והם יענו:

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

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

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

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

הנה כמה אתרי מדריכים מומלצים ממני אליכם לעיצוב אתרים [ופוטושופ]:

http://www.webdesign-tutorials.com

http://www.webdesignerwall.com

http://www.webdesign.org

http://www.tutorialman.com/layouts/page1

http://www.talk-mania.com/tutorial/web-layouts-c-12.html

http://psd.tutsplus.com/category/tutorials

——————————————

תהנו ובהצלחה!

שתהיה שבת שלום.

גימלים+החלטות להמשך החיים = 2 עיצובי אתרים חדשים. הנוסחה המנצחת.

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

הבעיה: הפעם האחרונה שעיצבתי אתר רציני היתה לפני 4 או 5 שנים [כשהייתי בן 16-17, צעיר, חתיך ומלא מרץ].

הפעולה שננקטה: התחלתי לעצב אתר ואחרי שהצגתי אותו בפורום i-israeli למעצבים גיליתי [יותר נכון הנחיתו עלי את העובדה המצערת] שמה שהיה מקובל לפני 4 או 5 שנים שווה היום לנמלה שנדבקה לי לנעל לפני שבוע ולא יורדת…

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

הפיתרון: בתור התחלה נכנסתי לאתר 99designs עליו כתבתי בפוסט "ארץ המוזות הבלתי נגמרות" ועברתי על 100 עיצובי אתרים בסגנונות שונים כדי להתחיל להיכנס לעניינים. בהמשך חיפשתי אתרי מדריכים לעיצוב אתרים  בפוטושופ [מה שנקרא layouts - עליהם אני אכתוב בפוסט הבא] כדי להבין איך מגיעים לרמה מספקת. אחרי שעברתי על כמה מדריכים התחלתי לעבוד.

התוצאה:

————————————————-

1. עיצוב לאתר קניות אונליין – all-in199.com

shopdesign

2. עיצוב לאתר לחברת תוכנה לGPS.

blackspotgps

————————————————

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

בפוסט הבא אני אכתוב על layouts ואתרי מדריכים לעיצוב אתרים!

יש למה לצפות:)