- שנה: 2000
- מחבר: רונן אלמוג
- מו"ל: הוד-עמי
- פורמט: ספר
- נמסר ע"י: הוצאת הוד-עמי
- תגיות: תכנות אתרים
OCR (הסבר)
סדנת לימוד
כולל צ16706ח! |סט5:/
רונן אלמוג גירסה מלאה ל-90 יום 9
50 3
ובניית אתרים ב-
צספ'וסזחןז ובּטפוצ
סדנת לימוד
מהדורה שנייה
עורך ראשי ומקצועי: זהר עמיהוד
עריכה לשונית ועיצוב: טליה טופז, שרה עמיהוד
עיצוב עטיפה : סטודיו מצגר
שמות מסחריים
שמות המוצרים והשירותים המוזכריס בספר הינס שמות מסחריים רשומיס של החברות שלהם. הוצאת
הוד-עמי עשתה כמיטב יכולתה למסור מידע אודות השמות המסחריים המוזכרים בספר ה ולציין את
שמות החברות, המוצריס והשירותים. שמות מסחרייס רשומיס (1780608765 601500760ז) המוזכריס
בספר צוינו בהתאמה.
הודעה
ספר זה מיועד לתת מידע אודות מוצרים שונים. נעשו מאמצים רבים לגרום לכך שהספר יהיה שלם
ואמין ככל שניתן, אך אין משתמעת מכך כל אחריות שהיא.
המידע ניתן ''כמות שהוא'' ("15 5בּ"). הוצאת הוד-עמי אינה אחראית כלפי יחיד או ארגון עבור כל
אובדן או נזק אשר ייגרם, אם ייגרם, מהמידע שבספר זה, או מהתקליטור שמצורף לו.
לשם שטף הקריאה כתוב ספר זה בלשון זכר בלבד. ספר זה מיועד לגברים
ונשים כאחד ואין בכוונתנו להפלות או לפגוע בציבור המשתמשים/ות.
טלפון: 09-9564716
פקס: 09-9571582
דואר אלקטרוני: |ו.ס60.והההּ-00ח 06+חו
ם םש םש ₪
אתר באינטרנט: |60.1.ווחהּ-סח.צעשצו/ / :קה
50 3
ובניית אתרים ב-
צספ'וסזחןז ובּטפוצ
סדנת לימוד
מהדורה שנייה
רונן אלמוג
חזועצ +הסוהכס|ס6עסכ 6זו5 סחבּ 3 55
,צ60ס%ח1 ובהּטפו
ץם
פסוחו! הסחה0סא
תווחה .2 :זסזוס=
)6(
כל הזכויות שמורות
הוצאת הוד-עמי
לספרי מחשבים בע'ימ
ת.ד. 6108 הרצליה 46160
טלפון: 09-9564716 פקס: 09-9571582
||.60. והחה-0סח.צשצשצש
אין להעתיק או לשדר בכל אמצעי שהוא ספר זה או קטעים ממנו בשום צורה ובשום אמצעי
אלקטרוני או מכני, לרבות צילום והקלטה, אמצעי אחסון והפצת מידע, ללא אישור בכתב
מאת ההוצאה, אלא לשם ציטוט קטעים קצרים בציון שם המקור.
הודפס בישראל 2001
0 תח ||
]. זוזה-ספסה
28 ,6108 .0.8.ק
1 ,15
מסת'יב 965-361-267-0 158%
תוכן עניינים מקוצר
בק 2 מה לה 57 17
פרק 2: התקנת צ06ז10%6 [508|/ +ופפפפפווו115555660655590999999 230
פרק 3: יצירת פרויקט ראשון ב- ע6700:ח1 |155665......./15083 410
פרק 4: קליטת מידע מהמשת030....וווווויייייייי1111566 59
פרק 5: התקשרות למסד' תוי ...,י99ווווווויייי115551556..59 69
פרק 6: חיפוש על פי מילת מפת ...1.1.50 97
פרק 7: זיהוי וספירת המשתמשים...:.....255651..55.5.550.:909 113
פרק 8: מתכון לעוגיות שוקולד ללא אפיה........1.11111555566600 119
פרק 9: זיהוי מבקר ה( :ואופופפווא9י1111515.505595055599999999 123
פרק 10: הצטרפות למועדון הלק(ה(ת.......1115116655566665509990 129
בפלק 11: *צירת סל הקנית :תוי ...182
פרק 12 הל סל הק .1 157
פרק 13: הוספת ניהול כמויות לסל הקניות ......1.115116555666600 162
פרק 14: ביצוע הרכישה בפ(על.....1111161155555565666660099900000 171
פרק 15 משל(ח 87 ו וגוו.. 185
פרק 16: החיים הקלים - |1006] 0[166% פה וסקוזס5 ......11666 191
תוכן העניינים 5
פרק 17: מה בת05 1 ...211
פרק 18: תפריט למתק7מ2? :וספיט ה.... 219
פרק 19: רכיב? 50]/97 11.5511655555555555509099990900../ 0!?6 225
פרק 20: סיום: עולים לא((70! יפפופפוופפוו9ו11115155555556050099 235
פרק 21: מערכת הקבצי ...9 י11115.5.55:50:5095 241
פרק 22: לחיות בסטייל -
עיצוב אתרים מקצועיים בעזרת סגנונות ותבניות ...... 249
פרק 3: משימת אבטחת הה,ה,ההההההההההההההההההה ה ה םהה[ ההההה| האוא 21
פרק 4 הגנה באמצעות פרוטוקול 8-8 23
פרק 5: עברית באינטרנט הה,ה,ה,הההההההההההההההה ה ההה אה הההה ה ה ההיא 207
פרק 6 איתור 7 7 וק 207
נסיפת*ם (מתחיל בסוף הספר)
3 4). 61676766 %5חה6 60120 חב 00[66%5 157 :4 אוההסקקה
13 51225 10+00706] %כן1ו56 / :₪ או1)הסככןה
6 5 - סדנת לימוד
תוכן העניינים
הקדכה..,י999,פויו'וו'וויו'יי'וי'וייוו'פווווויוויויויויויויויווווווויויייית 15
מה בתקליטור 00
פרק 1: מת זה ק5 הה,ה,הההההההההההההההההה ה ה ההההה ה הההה ה[ ההההה| םהה הוה 17
משהו השתנה פה! 1
למי מיועד ספר זה! 1
זז 60/צ 1
כיצד פועל שרת אינטרנט: |
גרסאות שונות של 50 |[
50 במערכות שאינן מיקרוסופט 1
פרק 2: התקנת צספ וס:חך והטשפוצ ההההההההההההההההההההההההההההההא:א).. 23
בדיקת תקינות ||
מה לעשות אס 5/5 לא עובד! || ||
פרק 3: יצירת פרויקט ראשון ב- צ10:6706 !1508 ...4105566666
חלונות המשנה ב- עססז6שח1 |808ו 7
חלון סייר הפרויקט - זטזסוכאם 666[סזק - 0
חלון תכונות - 65ז6קסזק ה
חלון עריכה 0
06 ל ם ם 2 50 מ בעבסום ל שש 1
חףו5סס ל
צו6ו/ א6וט) 7
ארגז כליס - אספ|ססד ג 50
רשימת משימות - 1156 85%ד 0
יצירת תרשיס האתר ||
יצירת קישור בין דפיס 0
תוכן העניינים 7
פרק 4: קליטת מידע מהמשתמש הההה,ה,ההההההההההההההה|הההההה ה ה ה ההיא 99|
שיטת ז05 ...)59
שיטת זפסק 0
סיכוס ...07
פרק 5: התקשרות למסדי נתונים ההוהההההההההההההההה|ה|הההה ה ה ההא 9
באיזה מסד נתוניס לבחור! 0
שפת .501 0
בניית מסד הנתוניס ו
ססג רפט בש ל
סו ה חס - 1
קישור משותף - פחו|ססק חס6600הח0ס6 ב ב
בי 1
0 שניות על אובייקטים, פעולות ותכונות ל
ביצוע פעולות על ₪66070566 0
ו 0 ל 5 ששב ממ שמ םש ו
יצירת קישור למסד נתוניס בב 1
הגדרת 5% 0
יצירת קישור בעזרת א5פ 55 1 5 ב שש 5 בי 865
ביצוע פעולות בעזרת ח6600חח60 7
פתיחת ₪6607056% 0
דוגמה לשימוש ב-ח0ו660חח60 ו-₪6607056% 0
חלוקה לדפיס בל
עבודה עס 00 כ ל
הוספת שורה לטבלה בעזרת 50ג 7
שינוי פרטי רשומה בעזרת 00סג םש ל
הקוב 6חו.5פַעס80ּ דל
פרק 6: חיפוש על פי מילת מפהתר:.::::וווווווווווווווויייייייייוו..: 97
פתיחת חלון מתוך רשימה, עס פרמטר 10
בניית דף הספר הבודד 1
עיצוב דף הספר הבודד 1
8 55 - סדנת לימוד
פרק 7: זיהוי וספירת המשתמשים הווההה,ההההההההההההההההה ה אה ההא 13
הקוב 003|.358ו0 ...113
יצירת מונה מבקריס 0
שגיאות נפוצות בכתיבת 003|.358ו0 7
פרק 8: מתכון לעוגיות שוקולד ללא אפ ה...י:ויו:ו:יויויוי:..::. 119
עוגיה מורכבת 1
תאריך תפוגה 0
מחיקת עוגיה 1
תרגול 0 1
פרק 9 זיהוי מבקר חוזר הה,ה,ההההההההההההההההההה ה ההה ה[ ההההה| םהה ההא 13
הרעיון הכללי 12
יצירת הטבלה 1
הסבר לתפקידי השדות .125
כתיבת הקוד 12
פרק 10: הצטרפות למועדון 0005555 129
יש כרטיס מועדוו? 5 ו שמ 1
פרק 1: יצירת סל הקניות הה,ה,ה,,ההההההההההההההה ה ההה םהה[ הההה ה ה ה ה הוה 13
הכנות לקראת סל הקניות ילוו וו .142.0
יצירת שאילתת סל הקניות 1
הוספת סל הקניות 149.2
פרק 2 ניהול סל הק(יות.,''י'י'יויפווו'יויוייוייוייויויייויויויי.:ת 157
מבנה כללי של מנגנון ניהול סל הקניות 1
הוספת לחצן - הוסף לסל הקניות 1
הוספת ספר לסל הקניות ל ואלה ...160
מחיקה מסל הקניות 110
פרק 3 הוספת ניהול כמויות לסל הקניות הההההההההההההההההההה:הו, 13
פרק 4 ביצוע הרכישת 83(ע יש 11
דף הזמנה 1
חלק ראשון - קריאת נתוני הלקוח מתוך הטבלה 17
חלק שני - יצירת חזס-] 1
תוכן העניינים 9
דף קבלת ההצמנה 1
משימה ראשונה - קליטת פרמטרים 1
משימה שנייה - בדיקת ייכשרות" ְ[/|/// ה
משימה שלישית - עדכון פרטי הגולש 7
איך בודקיס מספר כרטיס אשראיז 0
משימה רביעית - יצירת הזמנה ||
משימה חמישית - מציאת מספר ההזמנה 1
משימה שישית - הוספת שורות הזמנה ,ְי.||]-|-]--.- | / /-/- יי
פרק 5: משלוח דואר 3 7 ן)ְץְעְְם 1 15
השירות דוו5 1
65 10
האובייקט |ו8]אשוסא 1
משימה שביעית - משלוח דואר אלקטרוני 1
פרק 16: החיים הקלים - |1006! 02[66% פחוסקוזס5 ......11666 191
רקע כללי 1
שלב א - לאפשר את 50% .19
שלב ב - קישור למסד הנתוניס 1
יצירת קישור 5-08 01 ֶ[|[|| 0
הוספת 6ח8חח 60 0 0 א ב 1
רכיבי 6דס 2
שימושיס מתקדמיסם ב-670 2
ביצוע קישור מתוך רכיב 670 209
פרק 17: מת בתפריט! ההה,ההההההההההההההה ה הההההה ה ההה ה הההההה| םהה הוה 21
בניית תפריט פשוט 2
7 507/67 506 5
פרק 8: תפריט למתק 007 209
פרק 9: רכיבי ב 3 1-0 25
ונעבור לפרסומות - ז₪00900 40 2
מאפיינים ושיטות הרכיב 8
קוב התזמון 7
קובצ ההפניה - ₪6 601766000 7
0 255 - סדנת לימוד
שימוש ברכיב יוווווווווווויווווווווויויי..
פרק 0: סיום: עולים לאוויר! הההההההההההההההההההההההההההההההההה:ה:: 205
אחסנה חינס 2
העתקת הפרויקט לשרת 2
ומה עס ה- אפס? 2
תחזוקה שוטפת - שימוש ב- %5ח1ו] שסו 2
פרק 1: מערכת הקבצים הה,ה,ההההההההההההההההההה ה ההה ה[ ההההה| םהה ההא 221
דוגמה לשימוש במערכת הקבצים 7
דף ראשון - ספ3.חופס! 8|6 ג
דף שני - 666.850ח6 6|₪ 0
דף שלישי - 0ק6.85וחס6|6עש 6ו 1
שימושיס נוספיס לאובייקט ₪6 8
פרק 22: לחיות בסטייל -
עיצוב אתרים מקצועיים בעזרת סגנונות ותבניות ...... 249
מהס דפי סגנון? 2
יצירת דף סגנון 0 50 2
חס ל 251.4
3600 252
5 2
טסה | 252
ביבו ל 2
0 ב 5 2
06 251
צוסועסוק ב שש 955 0 ל ב 8 0 ב ובס ששב 0 ב :251
שימוש בדפי סגנון 7[
כתיבת סגנונות בתוך הדף 2
עיצוב נושאי - תימה (66ח7) 0
החלת 6וחסחד (סגנון) על פרויקט קייס 2
תאימות בין דפדפניס |
תוכן העניינים 11
פרק 3: משימת אבטחת הה,ה,ההההההההההההההההההה ה ההה ה הההההה| םהה וא 21
מהן הסכנות! 7
מהן הדרישות ממערכת האבטחה? 02
הגנה על השרת - אבטחה ב- דא יולרקלילריצלולבוורי וליו יו ...267
חשבונות משתמשיס - 660006( 50 2
קבוצות משתמשיס - פ5קטסז 567 יייייוווווווווררייוווווווווווויווווו1111.00שש0... 266
זכויות המשתמש 0
גישה לקבציס 200
הגנה על השרת - אבטחה ב- 115 2
כוונון ביצועים - 66ח8ז0+וסק 2
אבטחת תיקיה - 566000 ץזס6זוס 7 2/7
5סחץ הסח .27
חסו68ו ח6טה 3516 2
הס 68 6 חל 6500756 /06ח6!|הר) 2
מיקוס פיסי של קבצי האתר - ץזס66זוכ סוחס 2
הרשאות גישה - 0670155005 66655 27
5 חספסו|ססה 2
הסח סוחס הססחסווכסה 2
609919 מסה 2
הודעות שגיאה שש 0 3 בש ב בוב בוש שלש 8 בש 55 2
5חססקס מס 7
קיר אש - ||6\8זו₪ ל
מבנה כללי של מערכת מוגנת ||6\3זו= 2
פרק 4 הגנה באמצעות פרוטוקול ב 23
שיטות הצפנה ייויוווווווייווויוויוויוויוווווווויייי.
הצפנה סימטרית ייוווווווויוווווווווווווווווויייי.
הצפנה אסימטרית - 1
חתימה דיגיטלית ייווווויוויוויווווויוווווווווויויייי.
2 585 - סדנת לימוד
כיצד להגן על האתר שלכס בעזרת 1551 2
שלב ראשון: הכנת קוב בקשה לרשיון, על ידי זסְהַהּח8!! ץ66 2
שלב שני: קבלת רשיון דיגיטלי 2
שלב שלישי: התקנת רשיון דיגיטלי .2010
שלב רביעי: הגנה על קבציס 2
פרק 5 עברית באינטרנט 4-ו וו נק0₪ָ0ָ0/])'ן]ְם ו 207
שיטת התמונה 2
יתרונות 2
חסרונות נש 0 שב ב לש עטמ ו 2
עברית לוגית 2
יתרונות ||
חסרונות 2
עברית ויזואלית 0
חסרונות 2
יתרונות לש 30 בש פיב ל 2
שיטות להפיכת העברית 2
קיוטקסט 7
60 ₪85 200-578
שבירת שורות 0
הפיכה דינמית של נתוניס מטבלאות 0
האס השרת שלי תומך בעברית! 0
פונקציות המרה 7[
פרק 6 איתור ל( 207
נספחים
3. 600768066 %5ח6 חסק וה 60 הה3ּ 00[66%5 257 :4 אוחסקקה
0.3 ש2ש2שששש.2. 16+00806] %כן1ז256 / :₪ או)חהסכה
1%
תוכן העניינים 13
הקדמה
איך ספר 455 נולד! כמו תינוק. טוב, כמעט. בשנתייס האחרונות לימדתי הרבה מאוד
אנשיס בקורסים שונים של 06ז6ו60-ם, כ1/, 5ז1₪13500 ט6/, 55, ובניית אתריס.
היעדרו של ספר טוב בעברית מאוד הפריע לי - ספר כמו שאני אוהב לקרוא - פשוט,
קריא, מלא דוגמאות, לא תיאורטי מדי, קצת משעשע לפעמים, ושיעזור לי לבנות את
האתר שלי. אחרי שגמרתי לקטר, התחלתי לכתוב. את כל מערכי השיעור שלי הכנסתי
לספר הזה, ועוד קצת. זהו קורס שלם לפיתוח אתרי 455 בעזרת עססז6זה1 |בּטפו/.
לפתח אתרי 455 זה כיף. בכלל, לבנות משהו פועל וחי שהוא שלך - זה כיף. אמרתי,
כמו תינוק. לפחות האתר שלכס לא יבכה בלילה...
הקמתי אתר במיוחד לספר זה, ואתם מוזמניס לבקר בו: !|1.60.1חסז]51./שעעעע.
באתר יש כמה פעילויות :
א. יש בו דוגמה מלאה ופועלת לחנות הספרים ייספרונייי שבנייתה מודגמת בספר זה.
כדאי לראות איך זה צריך להיראות ולתפקד. אתם יכולים להיכנס ויילקנות"
ספריס ללא חשש. זו רק דוגמה, לא תחויבו בתשלוס ושוס דבר לא יישלח אליכס
בדואר.
ב. פורוס תמיכה. בפורוס זה אני מנסה לעזור לכס בשאלות שנוגעות לספר, ולפעמיס
גס טיפה מעבר לו. אתס מוזמניס גס לעזור וה לזה. מובן שאין וו האמנה ללימוד
57 בהתכתבות. פנו אלי רק במקריס קשיס שלא הצלחתם לפתור לבד, ולאחר
שעיינתס בפרק י'איתור תקלותיי. לפני שליחת שאלה, אנא חפשו מעט בפורום. רוב
השאלות כבר נשאלו וקיבלו תשובה. אין טעס לענות שוב ושוב על אותה שאלה.
עיינו גס בדף יישאלות נפוצות'יי, בו מרוכזות השאלות הפופולריות ביותר.
ג. | וכמובן: קישוריס מענייניס לאתרים שעוסקיס ב-ק45 ובניית אתרים, טיפים ועוד.
אין לי ספק שתפיקו תועלת רבה מן הספר הזה, אבל אני מקווה ליותר. אני מקווה
שתפיקו ממנו גס הרבה הרבה הנאה.
תודה לסיגל על הסבלנות, תודה לשירי (מערכות מידע) ולאורי, תודה לגילי שזחלה
בסביבה ועשתה ₪656% למחשב שלי מדי פעם, ותודה לכל התלמידים ששולחים לי
שאלות בפורוס ומראים לי את כל האתרים המדהימים שבנו. ה הכל בשבילכם.
בהצלחה לכולס!
רונן אלמוג
הקדמה | 15
מה בתקליטור
במהלך הלימוד בספר תמצאו הוראות התקנה והתייחסות לתקליטור המצורף.
בנוסף ל- ע06ז06ח1 |1508/ ו- ז6ש567 ס6/ |8חס5זסק, מכיל התקליטור גם את כל פרויקט
חנות הספרים ייספרונייי הנבנית במהלך הספר.
מומלץ לעבוד לפי ההוראות בספר, ולא להעתיק את קבצי 452 מהתקליטור. כתיבה
אמיתית תיתן לכס תחושה אמיתית וניסיון יותר מאשר העתקת קבצים. אס לא עובד
לכס קובצ מסוים, אולי יהיה לכס נוח להשוות לקובצ בדוק ועובד. את קבצי התמונות
והלחצניס העתיקו בכל מקרה מהתקליטור, כי אין טעס ליצור קבציס חדשים. כך גס
תהיה זהות של השמות בין קבצי התמונה לבין המוזכר בתוכניות.
מצאו בתקליטור את התיקיה 6ז8006500. בתוכה נמצאיס כל הקבציס המרכיבים את
הפרויקט.
בתיקיה 6006 6\155ז0ז800%5 נמצאיס קבצי המקור. לאחדים מן הקבציס יש יותר
מגירסה אחת, לפי התפתחות הכתיבה בספר. בכל שלב בדיון מוזכר שס הקוב בו
תמצאו את קוד המקור נכון לאותו שלב.
בתיקיה 800%50076108865 נמצאיס כל הלחצנים, הבאנריסם ושאר האלמנטיס
הגרפיים השייכיס לפרויקט. במהלך בניית הפרויקט תעבירו מתיקיה זו קבצים לפי
הצורך לתיקיה 18065 בפרויקט.
בתיקיה פ5חסאטם800%50076 נמצאיס הלחצנים השייכיסם לתפריט. במהלך בניית
התפריט תיצרו תיקיה חדשה עבורס בשס זה - 806005 - בתוך הפרויקט, ותעתיקו
אליה את הקבצים.
בתיקיה 80065%07628188856 נמצא קובצ יחיד: 6.08זסו9אסספ, מסד הנתונים של
הפרויקט. גס כאן, מומלצ לבנות אותו בעצמכס לפי ההוראות שבספר. במקרה
שהסתבכתם - קחו את הקובצ מהתקליטור. מיקומו במחשב שלכם אינו חשוב, ניתן
לשמור אותו בתיקיית הפרויקט.
בתיקיה 50/0816 תמצאו מספר תוכנות עזר:
6 - תוכנה לצפייה וניהול של קבציס גרפיים. חובה.
- עורך פשוט ונחמד, בעל יכולות 55.
5 1071651066] - אחד מכלי בניית האתריס הוותיקיס והמוצלחים ביותר. תומך כמובן
גס ב-457.
אזס\וקו56 - כלי יפה וחזק לבניית אתרים, חינס לגמרי. תומך בשפות רבות: 45,
סס, |ואדהוס ועוד. מכיל תבניות מוכנות מראש, נוח מאוד לעיתים.
או - שדרוג ל- 2.0 6%ספחו/. דרוש להתקנת 5//ק ב- 95 5אוססחו/.
6 585 - סדנת לימוד
פרק 1
מה זה 4507
משהו השתנה פה!
מענייו אס רביס מגולשי האינטרנט שמו לב לתופעה, אבל שינוי עצוס מתחולל בעולס
האינטרנט בשנה האחרונה: עד ממש לא מזמן, מי שרצה לכתוב אתר אינטרנט כתב
אותו ב-1ז₪3. בדרך כלל הוא אפילו השתמש באחד המחוללים שקמו לאלפיהם,
ואפילו |אזח הוא לא היה ממש חייב לדעת. כמה תגיס פה, חסטפווחה 61 שם, רקע
מגניב, ו..הופ, יש אתר. היו ימים..., כמה התגאינו באתריס שבנינו.
לפתע התחיל מבול של אתרים מסוג אחר לגמרי. אתרים פעילים, אינטראקטיביס,
חכמים, וגם שימושיים. אתריס שלא מסתפקים בלהיות סתם לוח מודעות, אלא
מנהליס דו-שיח עס הגולש, מספקים לו מידע לפי דרישתו, מבצעיס את בקשותיו,
מוכריס לו מוצרים, בקיצור: תוכניות מחשב לכל דבר.
בתחילת דבריי היה צליל של זלזול ב- וואזו, והקורא העירני יכול לשאול: הייתי באתר
ה60. 8207 ח3, אתר ממוחשב ומפותח לכל הדעות, בחרתי בתפריט א6ו/ > 6סזט50,
וראיתי כיצד בנוי הדף. זה היה וויזדה, לא 55.
שאלה חשובה, וטוב ששאלתס אותה. אנחנו אמנס רוצים לבנות תוכנית מחשב
שתמכור ספרים, אבל מה לעשות שקהל הצרכניס שלנו חמוש בדפדפן בלבד, ודפדפן,
כידוע לכל, יודע להבין רק |אזה. לכן, ניצור תוכנית שמייצרת |!ואז. לדוגמה, בקשו
מאתר חסקאחא את כל הספרים שמכילים את המילה יישוקולדיי. תקבלו רשימה
כלשהי. בחרו שסו > 66זטס5 ותראו דף ואד מוכר וחביב, עס טבלה ובה שורה עבור
כל ספר. מה זה אומר! שיש להס דף כזה מוכן עס כל הספרים בהם מוזכר שוקולד!
התשובה היא: לא. התוכנית בנתה אותו דינמית, במיוחד בשבילכם! התוכנית סרקה
את כל הספרים במאגר, דירגה אותס לפי ההתאמה לדרישותיך, בנתה בזמן אמת קוב
]ואדה ושלחה אותו אליכס! לעולס לא תראו את תוכנית ה-ק45 שבנתה את הדף. אתס
רואיס רק את תוצאותיה.
או מה זה דף 1450
דף 59 הוא קוב טקסט רגיל, בעל סיומת 455, המכיל שילוב של ואד ופקודות
תכנות.
פרק 1: מה זה קפא | 17
כאשר מבקשיס משרת אינטרנט דף ואדה, הוא פשוט שולח אותו לדרכו. כאשר
מבקשים ממנו דף 55, הוא מתנהג אחרת לגמרי. השרת נכנס לקוב ומתחיל לפענח
אותו. תגי ₪11 רגיליס נשלחיס לגולש (לדפדפן). פקודות תוכנה מתחילות להתבצע.
בהמשך הספר נראה דוגמאות רבות לכך.
למי מיועד ספר זה?
ספר וה נכתב במיוחד עבור בוני אתרים. אס כבר בניתס אתר סטטי ואתס רעביס
ליותר, וה הספר בשבילכם. בספר זה תלמדו לשלב מסדי נתוניס באתר. תמצאו בו
אוצר של ידע וטכניקות עבודה, שיקפיצו אֶתכס מדרגה לעבר אתר דינמי, תוסס ומלא
פעילות. אתר שלא רק מציג משהו לגולש, אלא מקיים איתו דיאלוג. אתרי מכירות,
מכרוים, חדשות, משחקים, הכל נבנה היוס בעזרת טכנולוגיית 857. אתר הדוגמה
שנבנה לאורך הספר הוא ייספרונייי - חנות ספרים וירטואלית. תוך כדי הבנייה ולימוד
השפה, נדוניס גס שיקוליס רביס, הקשוריס להקמת עסק באינטרנט: בחירת מסד
נתוניסם, בניית מסד נתוניס, עבודה מול מסד נתוניסם, יצירה וניהול של סל קניות,
קבלת כרטיסי אשראי, אבטחה, טכנולוגיית 551 ועוד.
כתיבת אפליקציית אינטרנט ב-452 היא משימה רב תחומית. עליכס לדעת כמובן 55ג,
אבל וזה לא מספיק. ככותבי תוכניות המייצרות קבצי |אזה, עליכס כמובן לשלוט
היטב ב- |ואז בעצמכסם. לא יודעים !ויז כלל! אל תקנו ספר זה! (אני ממליצ על
הספר :4 !וז למפתחי אתרים באינטרנט''י, בהוצאת הוד-עמי). גס מעט 85606
יכול לעזור. שפת 501 היא השפה בה עובדיס מול מסדי נתוניס, ואנו נשתמש בה רבות.
לא ממש אלמד 501 בספר זה, ישנס ספריס מצויניס לכך (אני ממליצ על הספר
''בסיסי נתונים טבלאיים ושפת 501'' בהוצאת הוד-עמל). עליכם להיות מסוגליס
לבנות מסד נתוניס ראוי לשמו, ניגע בכך רק במידה ההכרחית. גס מעט גישה לגרפיקה
(או לגרפיקאי/ת) נדרשת, כדי לעצב לחצנים, רקעים, באנריס וכן הלאה. לסיכוס: זוהי
אמנות משולבת.
10:66 [ב150 הוא היוס כלי הפיתוח הסטנדרטי לכתיבת אתריס מבוססי 55ג.
זהחו כלי מדהיס ביכולותיו, אך לא פשוט להפעלה. בצד הסבר מעמיק על השימוש הנכון
בכלי, תקבלו גס עשרות טיפים וטכניקות עבודה מתקדמות שיחסכו לכס שעות רבות.
ספר זה מיועד לאנשיס הרוצים להכיר את הכלי ולשלוט בו ברמה מקצועית.
8 55 - סדנת לימוד
ב וגו :|
תרשים: 452 - אמנות משולבת.
זסו56 טס/
כאשר כתבנו קבצי ואד פשוטים (או לא), החיים היו קלים: הקשנו לחיצה כפולה על
הקוב שיצרנו, והדפדפן מייד הציג אותו. דפדפן, מעצם טבעו, יודע להציג קבצי
ואדת. מרגע שעברנו לתכנות 255, אנו זקוקיס לשרת ססצו אמיתי, כזה שיודע לפענת
את קבצי 455 ולייצר מהס קבצי ואזח בומן אמת. קיימיס מספר שרתיס כאלה,
ונזכיר את שני החשוביס ביותר:
5 של מיקרוסופט, הוא חלק ממערכת ההפעלה זא. ליתר דיוק, חלק מהחבילה
הנקראת 2866 חסשסקס זא. והו שרת אינטרנט חזק ביותר, המתאים לארגוניס
ולאתריס מסחריים. כאמור, 115 פועל בסביבת דא בלבד.
5 - ]567/60 60/ |8חס5ז6ק, הוא מוצר עזר המיועד ללימוד ולאפליקציות פניס
ארגוניות קטנות. מבחינת תכונות הוא דומה מאוד ל-115. הוא מעט פשוט יותר וקל
יותר לניהול. יתרונו הגדול, הוא רצ על א9 פוספחו\. קטן, ידידותי, ועושה את
מלאכתו. אס אתס צריכיס עוד סיבה לבחור בו, אז הנה: הוא גם מחולק חינס. 5/ק
נמצא בתקליטור המצורף לספר זה, ניתן להוריד אותו מאינטרנט, והוא גם נמצא על
דיסק ההתקנה של 98 פשוססחו\. בפרק הבא נתקין יחד, בצורה מסודרת, את
5 60/ |החספזסק.
אס מערכת ההפעלה שלכם היא 95 פשסצחו/ש, תצטרכו לעדכן קודסם את גרסת
%ו/ שברשותכם. את קוב העדכון, 6א0.6ט5256%ש95 תמצאו בתקליטור
המצורף לספר זּה, בתיקיה >06פחו/)6ז5008. הריצו אותו תחילה, ורק אחר כך
התקינו את פשש.
פרק 1: מה זה ק5 | 19
כיצד פועל שרת אינטרנט?
באופן בסיסי, תפקידו של שרת האינטרנט פשוט: לקבל בקשות מהגולשיס ולהחציר
להם דפים. בניגוד למה שמקובל לחשוב, בעת גלישה באינטרנט אינכס י'מחובריסי
לאתר. כל הקשר שלכם איתו הוא דרך בקשות דפים. אחרי בקשה ומשלוח דף אין
השרת יכול לדעת אס הגולש עדיין צופה בדף שלו, או עבר לאתר אחר. הוא יכול רק
להניח ואת על פי קבוע ומן.
התנהגות השרת שונה בין בקשות לקבצי ואדה לבין בקשות לקבצי ?45. כאשר לקוח
מבקש קוב בעל סיומת אזח או ו|ואזה, תפקיד השרת פשוט מאוד: לשלות לו את
הקובף. כאשר הסיומת היא 459 השרת מתחיל לפענח את הקוב> שורה אחר שורה.
0 [|
על עבודת הפיענוח אחראי הקוב ||850.0. הוא עובר על שורות הקובצ: אם זו שורת
|אזה, הוא שולת אותה מייד ללקוח. אס זו שורת פקודה, הוא מבצע אותה. מה
שמקבל הלקוח במקרה זה, הוא קובצ עם סיומת 155, אך הוא אינו דומה לקובץ בשס
זה שיושב בשרת, אלא הוא תוצאת הריצה. נראה זאת בדוגמאות בהמשך.
0 585 - סדנת לימוד
גרסאות שונות של 8450
יכולת 8450 נובעת מקובץ יחיד בשס 45:.011, הנמצא בשרת האינטרנט. אתס יכוליס
למצוא קוב ה במחשב שלכם, או בשרת. קוב ה הוא שאחראי לפיענוח וביצוע של
דפי 57 שנכתוב. הקובץ עבר מספר שינוייס מאז הוצג לראשונה. כל שלב בהתפתחותו
מקבל מספר גירסה. הגירסה המעודכנת ביותר בעת כתיבת שורות אלה, היא גירסה 3.
אס אתסם משתמשים ב- 4דא פאוספחוו, סביר להניח שיש לכס 455 בגירסה 2. התקינו
את חבילת העדכון 786%4 06ו/ז56 ומעלה, שבין היתר גס מעדכנת את גרסת ₪55 ל-3.
אס אתס משתמשיסם ב- 2000 פשססחו/ (ז68צז56 או והחסו655?סזק), מותקן במתחשבכס
0 115, שכולל את 5 בגירסה 3.
כל הדוגמאות וההסבריס בספר זה נכוניס לשתי הגרסאות: 2 ו-3.
57 במערכות שאינן מיקרוסופט
ק5 הוא פיתוח של מיקרוסופט, לכן הסביבה הטבעית לעבודה היא סביבת
מיקרוסופט: שרת זא או 2000 פשססחו\, וכלי הפיתוח טססזסזח1 |8טפו/. אך ישנה
אפשרות להריצ יישומי 452 גס על מערכות הפעלה אחרות. לדוגמה:
4% >5ה!וו!וח6 מאפשר להריצ יישומי 457 על שרת 56306ז6.
פרטים נוספיס : ח0ס.506!!וח6. אוצשאו/ /: קת
% 5 500%ח1 של חברת 6ז8וו50 הסץ8!6 מאפשר להריצ ₪55 על מיגוון רחב של
שרתים. ביניהס : |ופצסא ,חט5 ,אטח!] ,שח6הסה, ואפילו דא פאוססחו/.
פרטים נוספיס : החסס.506חסץעס6וח. אוצצו/ /: קת
גס בתחוס כלי הפיתוח יש למיקרוסופט מתחרים, אך ללא ספק אף אחד מהם לא מגיע
לעושר הכלים ומיגוון האפשרויות האדיר שמציע טסכז6שח1 |808וש.
בין כלי הפיתוח התומכיס ב-455 ניתן למנות את :
% 100656 של חברת 6זוגו|ה.
פרטים נוספיסם : וחסס6.6זו3||3. אואצ/ /: קת
זהו אחד מעורכי ה- ואדה הנותיס והקליס ביותר שנוצרו אי פעס. יתרונו, לעומת
שס6סזססחז, בפשטות ההתקנה והעבודה. חסרונו: חלש יותר ואינו מציע את מיגוון
האפשרויות האדיר של עססזסזח1 |1508/.
את הגירסה האחרונה של 065166 תוכלו למצוא בתקליטור המצורף לספר.
פרק 1: מה זה קפא | 21
פרק 2
התקנת צסכ'ו%6ח1 ובּטפו
כשתכניסו את התקליטור המצורף לכונן, יופעל אוטומטית הדפדפן שלכם, ויופיע דף
צבעוני עס תפריטיס ואפשרויות רבות. כדאי לכס למצוא זמן ולטייל בתפריטיס אלה,
ידע ומידע רב מסתתרים מאחוריהם, דוגמאות, מאמרים, וגס לא מעט פרסומות של
מיקרוסופט. בשלב זה, סגרו את הדפדפן, והפעילו את סייר החלונות. אנו עומדיס
להתקין את סביבת העבודה המשולבת: את כלי הפיתוח טססזסזח1 |1508/, ואת השרת
הביתל ז9שז56 60/ |הח50ז6ק. מומלצ להתקין את החבילה ב-98 פווססחו/. אפשר גס
להתקין ב-95 פאוס0חו/, אך אז תצטרכו להתקין קודס גירסה מעודכנת של >506חו/.
היכנסו לתיקיה |8וש6וע ולחצו על הקוב 66₪00פ.
| < | 0 צ626)ח] [ּט8ו/ זס] 0זב3ּ2ו/ש חסוזבּ!|513ח!
0 ץ26ז6!ח! !הפו
6 הווחו וסוסזר!) גופע >|הפ ||ושי הזב זטסזם 5600 6.0 שיש פזפטח| |הגופו/ סח
בהוהחוחה זססזכן זגוסע ה5ווקהחסס3 0+ שפח |! גוסץ 5)הפהסקוחס6 חב פתסוזבסווסקם
6פחוברס סז זחבאו גוסע ]| .ה6פז50 [א6ח ה 0 הספססזם סז הסזוגום ואס שחו 056
6 030 עב גוס" .הסזוצום 830% 6ח! אסווס ,ה6פזס5 פגוסועיפזם 3 הו תוטספ
.חסזזגופ ]וא = 6 סחו6סווס עם שחזוז חב 1ב הסווב!|5+8חו
.6ז6] אסו!ס ,6] 4606 6.0 6 כזפזח| |בגופו/ 6ח) סוי כ 66| טוטוסעו גוסץ ]1
| 636 עסו
לחצו 6א6).
פרק 2: התקנת טססזסח1 ואטפו 23
|< | 6 06%ז6)ח! [הּט8ו/ זס] ₪זב23ו/ חסוזבּ!ובּ51ח!
]חח 66זזָָ/ 56ח6סו | ז59 4ח=
פחסו!סוז89ז חב 5)חטוז 6 וס || הבז5זסבחוו חב 530 ע|6/0ז03 סז פטס 6
זס 1קפססב זסח!וס חב אופועיפז ס) 35660 6פ |ואו גוסל .3 ₪11 6 חו ססטוזס5סב
זפ)וקוחסס זגוסץ חס קוו +56 וס |וואי זסוטסזם פוח ד .3 ₪11 הו /ס פחזס) 6ח) וקסססב
,06ת8ז6/6ז פזגוזגו! זגוסע זס= .3 101 ה /ס 5הזזש! שה 00ב גוסע |ווחגו זס טוח
גוס .]סגוטסזק 8וח! ]0 6 ).613 6ח! חסזן ב 11 שח ]ס 161 06 והוז עב גוסע.
עז3ו50910 ]/ספסזסו4! 6 החו1סה)חסס עס 3 ₪11 פוה!! וס עקסס 3 6/ו606ז 350 עב
66/08 הסוזההזזס!ת| 3165 5 ]ספסזסו :פפזו זס עזזהווסס זגוסע המוצס
.98052-6399 2 /א בומסחחם146/ עב / ))ס5סזסוו]
שתה/ד507 דספסתסווא הסץ זא 3005545 =פא פס | השפט-סאם
6 סו ] 50( -חם ]]ספפזסוו שוח ד :| | וח םתב ספה זוה דה טסוו
חב זסזום] גוסץ הספעשזטפ ]תש ר66זטב [803! ב 5 "3 ₪1" ) )הפרח 6זם ב
סח זס] מסוובזסקזס-) ]]ספפזסו!! חב [עוזה6 6וחחופ ב זס |בגוטועיוםחו
חב 8זבעשז/50 זטזגוקוחס6 65בגו|סחו הסוח , סשיספב 6וווחסטו זסגוססזק 506
זם שחווחס" בחב ,8305]בוח ספזחוזק , ופוח 3550013160 6בג|סחו בח
תד 50 שד "ד םסק =הב/ ד 50") הסווב!)הסותגוססט סוחפזוס6וס
= |החופוזס 6!) 0] 5]השות6!סקו5 חב 3165קו עחב 5שבגווסחו 50| זם וחק
...+א6) שזסוח 566 0) ע₪5 |]/ ו 35 06 5פסזק
0 -
]30160 6 וקטססה סט | 7+
ו | 6
סמנו את 307667060% 6+ 6060%א [.
| < | 0 צ26ז6)ח] [הט8ו/ זס] זה23ו/ש חסוזבּ![5!3ח1
כ! ז56( ב4חב3ּ זספחניא וסטנטסזס
זסטוחווח 0] 5')סגוטסזק זגוסע זס)חס 6פב6ו
בת 9 ערוה תכיס זווסע ברחב שחחבח זגוסע זס)חס 6פב6ו
:הח זגוס ל
ו
:3 חב קחסס זגוס ור
ו
6 | +
הקלידו שס כלשהו. אין בורך להקליד מספר סידורי.
אס מופיע חלון השואל אס להתקין 6חוח86!א |הטשזו/ האה2, ענו כן, ועברו הלאה.
מופיע חלון ההתקנה. בחרו ע06ז6שח1 |1508/ ||518ח1.
4 585 - סדנת לימוד
0 צ626)ח! |הטפו זס] זב3<ו/ש חסוובּ!!הּ!5ח!
בחרו תיקיה להתקנה, או השאירו את ברירת המחדל (מומלצ).
0 צ626)ח] [הט5ו/ זס] ₪זה2וש חסוובּ!!3ּ)5ח!
עברו הלאה, עד שתגיעו לחלון בו יש לבחור את סוג ההתקנה.
בחרו בהתקנה רגילה - |3סומץד.
פרק 2: התקנת שססזסח1 וגטפוצ 25
קטז56 6.0 +06ז6)ח! |ובּטפו/
8 15 הסחוםט= |8ח0ו1855םזוש ,6.0 זכ זפפח! |טופו/ר
רזוח הר 68-0856000 , סוחס תטזמרסס
בחוטט טס חה , החוטווטם , 8הוחטו005 ץווס9ז זסו
30008005 60// הפעח856-0 8130
8785 8
5 חסם עו|8 ופ וס 65| 87 סוט 6חַ03 ןפ ה
.105 0ח3 08065 | וי
ח3 זחפווס הס ח3 ההטטסזתז הַהומ90ז5 זםז פוטס
.5011015 800/87-5108
3 הלחו זם1 פוטס ד 28180858 |15008/י ו8חסו5פ6וסזק
6 זנוסץ סזחו 08180856 6ס זס כ = 01 עה החסז
05 הח 30 חהו065 סו
06| 8377-0856 זט סמו 80סח8 חח
קטז56 6.0 06ז6)ח! [הט5ו/
ההתקנה מתבצעת.
אם מופיע חלון השואל אס ברצונכס להחליף רכיבי 11ס, ענו סא.
26
5 - סדנת לימוד
1
לאחר מכן, כאשר תישאלו האס להשאיר את כל הרכיבים ללא שינוי, ענו 65ץ.
6 כ 5 |
שר | אב 6 ]
אס מופיעה תיבת דו-שיח ייהתנגשות בין גירסאות'י, בחרו תמיד לשמור את הקובצ
הקייס (לחצו על 65ץ).
קטז56 6.0 צ6זס)ח! |והּטפו/
סיימתס חלק ראשון.
כעת, האם ברצונכם להתקין את 50%8א! בוודאי. ואהו בעצס קובץ העזרה של
ש6ז6ח1 |8טו/.
השאירו את התיבה א 50 ||5₪ח1 מסומנת ולחצו זאפאז.
פרק 2: התקנת שססזסח1 וגטפו 27
0 צ606)ח! [הטפו/ זס] הזב?ו/ חסוזהּ!ו513ח!
]הז 56ח6סו |
עברו לחלון הבא, ולחצו על לחצן התקנה הרגילה, |6וסץד.
קט561 חסוזבּ)ח6חוטוסס כ חסוזו = [הוז ד 6.0 צ6 קזס)וח! והטפוצ
8 585 - סדנת לימוד
]<, . .3100 1ח6הוט06 0 חסוווה = [הוז 1 6.0 צ6 0ז6)ח! והטפועצ
חלק התקנת היילקותיי עבר. כעת ניגש להתקנות השרת.
מוצגות ארבע אפשרויות. יש להתקין את כולן.
0 626)ח] !150 זס] זב2?ו/ חסוזבּ!|513ח1
]| סב חספ ]4
סו תוא = זסעזס 5 98 6ב )חס
0 חש הסקוחס:) 00655 18ב
5 הסקוחס=) זיז 5 6% 670)ח| |8גופו/ר
סמנו את הראשונה, 086% חסטק0 דא, ולחצו על ||5₪ח1. זה יגרוס להתקנת 6שק.
לחצו על +א6 להתקנה.
במחשביס בהס מותקן 95 פווססחו/, עלולה להופיע הודעת שגיאה זו:
5וח+ חטז 0+ וט 15 2 506%חו/
יש להתקין קודם גרסת 506%חו/ מעודכנת. השאירו את תהליך ההתקנה פעיל, הפעילו
סייר, היכנסו לתיקיה א506חו/\6ז50/)8 בתקליטור, והפעילו שס את הקובצ
6 5525600 9). לאחר מכן המשיכו בהתקנה.
פרק 2: התקנת שססזסח1 וגטפ 29
קטו56 זסצז56 60 [3ח50ז6? 050/1ז6ו4
ה מ(ספשא 4
זסצז59 :6/ [0הס5ז6ק |
ץ6851 10 גוסץי וו 0 (5ו/לן) פיז 80/ זט שח =
ו פופ |
לחצו ₪6060%.
0 585 - סדנת לימוד
בחרו בהתקנה רגילה (ו9סומץד).
קבלו את ברירת המחדל למקוס ההתקנה של השרת.
לק :]| שאו
פרק 2: התקנת שססזסח1 וגטפצ 31
סז 5 0 [ה50זסכן 401050 |
שתו קפה בעת התקנת ז6/ז56 ס6/ |החספזסק.
הצלחתם!
₪ שינרי הגדרות מתרכת
האס ברצונכס להפעיל מחדשנז כן, איוו שאלה!
2 585 - סדנת לימוד
עברו לרכיב הבא. סמנו 5ח0ו5ח₪66 ז507/6 6הַבּקשחסזם, ולחצו |ו518ח1.
[< | 0 צ626)ח] |הט5ו/ זס] זב?ו/ חסוזבּ!ו3ּ)5ח!
5096 5
0 הפוא גוס 5610 6ח] +60|ס5 ,אוסופם 9160ו| פ|ססז זפעיזס5 6 זס חס ||48פחו סד 4 4
,55001 3 85זוגוס8ז ק501₪ [ס0! זפיזס5 שר ]| .הסווגום " [|הופח|" 6 אסווס חב מטז
.0306 ]קוא פוה סז מזוופז ||וו גוסע.
סקס 5 -ן
חס 400656 83
זפ הסקוחס-) זיז 5 יש זפזה| |הגופו/ר
| |
5 | 8
קט50 3
5 .חזבזססז סוס 5 6טבל!!חסזד 6 0 הזססוס ור
)חס זגוסע חס פהַב]וחסז-]
בי
| ופ
קטו56 זפצז5 צסקזס)ח! [בּטצו/ר
לחצו על לחצן 7ז567/8.
פרק 2: התקנת שססזסח1 וגטפוצ 35
0 +626)ח! |הט5ו/ זס] טזב23ו/ש חסוובּ!|513ח!
נהדר! צ6ז6ח1 [508ו/, ושרת האינטרנט ז6/ז56 ס6/ |חס5זסק מותקניס במחשבים
שלכם.
כעת הביטו אל שורת היישומיס במחשב שלכם, ותראו את הסמל של פוש (הימני
ביותר, ליד השעון).
כאשר הוא כבוי הוא נראה כך:
וכאשר הוא מופעל הוא נראה כך:
אס הוא כבוי, וברצונכס להפעיל אותו, לחצו פעמיים על הסמל (חסס1), ותקבלו את
מסך הניהול של ז6/ז56 60/ |החספזטק.
אס הסמל לא מופיע כלל, לחצו על:
התחל > תוכניות > זסעז56 60/ |החספזסק 16050 > זססְהחבּוז טפ/ |ההספזסס.
6 585 - סדנת לימוד
₪33 60 א |חס5זסכן 42
1
0 זסק 6000965 ב
ו
לחצו על לחצן +9ו5 והשרת מופעל.
טיפ:
5\ הוא יישום גוזל משאבים! כאשר אינכם עובדים בפיתוח
| לאינטרנט, כדאי לסגור אותו ולקבל ביצועי מחשב טובים בהרבה.
בדיקת תקינות
כעת נוודא שהשרת שלנו אכן פועל. נכתוב דף 455 בסיסי, ונריץ אותו.
הפעילו את פנקס הרשימות, חידוע בשמו ְפַק6וסא, וכתבו בו כך:
<20><%()0816=%> 15 ץְ008ך
<> <%()6ח=%0> 5 סח 16 סח
שמרו את הקוב בשס 55850.850ז₪ץ בתיקיה +ססזשצווופטקססחו:6. וו התיקיה בה
מצפה 05 למצוא את קבצי 55 שלכם.
פרק 2: התקנת שסקזסח1 וגטפוצ - 37
<88><%()₪356-%> 15 טְבּשסד
<88><%()8ח1+-%> 15 108 פה שהה
וסט עו > = |
זס)וקהחס עו 9
[:4] עשקטות 3% 9ב
[₪] זוח5
[ם] וזוח5
| ]ו -- ו סחווחם )
(חייש
2
כעת הפעילו את הדפדפן שלכם, ובשורת הכתובת כתבו: ִפ3ּ.5%350ז1ץוח /+05ה!63ס!
והקישו זסטחם. אס הכל בסדר, תראו משהו דומה לזה:
זסזסוקא = ז וו ו / 35 .8151350ע0ז/051ח10031// :זו |
350 .86350זו]עח/51 סרוה סס!/ / :קזזר! ₪1 |
0 158 688
3 : שמעס 116 6
זה פועל!
המילה 05%ח|068! וכן הכתובת 127.0.0.1 הן כתובות שמורות, ומשמעותן: כתובת
המחשב הנוכתי.
במילים אחרות, היית יכול לכתוב בשורת הכתובת : 755950.850ו//127.0.0.1/0
8 585 - סדנת לימוד
ניתן לפתח פרויקטי 85 בשיטה זו של כתיבה ב- 066080ס, אך ווהי שיטה מייגעת
ומאוד קשה לתחזוקה. את יתרת הספר נבלה במחיצת טססזסזח1 |508ו/ ספסלסוו!, כלי
המיועד לכתיבת פרויקטיס ב-50, שיעשה לנו חייס קליס ויסיר מעלינו דאגות רבות.
אך חשוב להבין ולזכור, כי דפי 457 בסופו של דבר הינס דפי טקסט רגילים שכל עורך
טקסט פשוט (כדוגמת 0ַ6088סח) יכול ליצור ולערוך.
מה לעשות אם 5צשק לא עובד?
אס מסיבה כלשהי 0/5 לא עובד, בצעו את הפעולות הבאות :
ראשית, בדקו דברים טריוויאלייס: האס המוצר הותקן במלואוז האס המוצר מופעל!
ודאו ש- 5/ק אינו כבוי בטעות.
שנית, קראו את תיעוד התוכנה. בחרו +53 > פוחפזפסזק > הסחסחסוט6סכ 6סטססזק.
כשייפתח המסמך, חפשו את הדף פַחטססח65ופטסזד. הוא מכיל עצות חשובות לפתרון
בעיות ב- 5/). במיוחד שימו לב להבדל בין הפעלת 0/5 ברשת מקומית לבין הפעלתו
במחשב בודד.
פרק 2: התקנת שססזטחז וגשפצ 39
פרק 3
יצירת פרויקט ראשון
ב- עסכ'וסזח1 ובּטפו
קוב 455, כאמור, אינו אלא קובצ טקסט רגיל, וניתן לערוך אותו בעזרת כל עורך
טקסטים, כגון 50080ס]. אולס, כלי הפיתוח 6 ש06ז6שח1 |8טפו של מיקרוסופט, מקל
מאוד על העבודה ומספק סביבת עבודה נוחה ותומכת. רוב הדוגמאות בספר זה יעבדו
היטב גס ללא 10 אך מומלצ להתקין אותו וללמוד להשתמש בו. תחילה, נכיר את
סביבת העבודה, ונפעיל את ע6כז6זח1 |1508/ בפעם הראשונה.
לחצו על לחצן התחל, בחרו תוכניות > 6.0 550010 |הטפו/ 1%ס5סוסוו >
0 ש260ז%6ח1 [הּ150/ 501%סישוו].
[ח0ו865] ]הפהוחסזוצח :] ]ה6הוקס!66 0 )]ס5סזסוון
8 , ְ , , : מו ויוסנחו. וס הטוספ פס ופ 08 6
- | 2 ל יפ 4 | = |ש | , | | וכה | ₪ מ שו | ב ||
| כ ₪ ₪ ₪ ₪ רז ₪ א חק 0 | 5 | 5 ₪ 5 ₪ ו 5 , |
₪
₪ ]
5
| .
ו
פרק 3: יצירת פרויקט ראשון | 41
בחלק העליון - תפריט ראשי וסרגל כלים כמו בכל יישום. בצדדים, ולעיתיס גס בחלק
התחתון, מופיעיס חלונות עזר. חלונות אלה ניידים: ניתן להזיזס ממקומם, לשנות את
גודלס לפי הצורך, להחליף מקומות ביניהס, להסתיר ולהראות אותס לפי הצורך. אס
החלון שלכם נראה מעט שונה - לא נורא.
נתחיל מייד בפרויקט שלנו, שיהיה כמובן, חנות ספריס באינטרנט. אס לא עלה חלון
פרויקט חדש מעצמו, העלו אותו על ידי בחירת ₪16 > 6[סזק צוסא.
סק וקב 5 | זסלחוסק ||
וקו
/ | 6זס)5סספ)תזסוה1:
-- -- 2 יי [ --
שימו לב לכך, שחלון ₪066 6 שונה מחלונות יצירה בתוכנות אחרות. יש בו
אפשרויות רבות, כמו פתיחת פרויקטים קיימים, פרויקטים אחרונים שטופלו ועוד.
תחילה, בתיבה חסטגסס! הקלידו :6, או בחרו בתיקיה בה תרכזו את כל פרויקטי
האינטרנט שלכם. הקלידו את שם הפרויקט: 000650016 בתיבה פַחפּא. ודאו שמסומן
650/ עו6א, ולחצו על חססס.
2 585 - סדנת לימוד
|< |פ]. | [ח0ו865] )ה6ההתסזוצה = )ת6הזקס!66 0 !/50סזסוון
קוס] אוסטחוא 5!סס1 הטספ ספןסזם אופוע. 06 6ום
1 | אצ ל 4 | 8 ו , |-=-2|₪ ₪ > | ₪ ₪ ש | ב
₪ ₪ 3 ₪ םי ₪ | א חא מ | ₪
4 ]0 1 560 -- 6זב2וש וספןסז: פס
ב
6 חב ]501 3 500 ו
6 566
טס שוס!| סד ,558180חו פהסופת606 50 98הַבקלחסזה] עיבה לפטח זסיוס5 סט סח =
.0 115 ההוחחטז 6פ 350 5%טחח 56 טס שר , 5671 506 חס הנס סז זט שוחוד-חטופס.
60 66%
/ |
ו 08| 56 , /]/3 806 הלטוב הסו63!וקקב 6 3560 שחל 13665ק 6ססח 88506 | = מש וב ממה הנ המיב
וקש 3655טקנו סאב סם וסץ פעוסו/ם. טחוס |
?56 50 לחפוו וסץ 00 501/67 החל
40 יי
1.36 5008865 56016 הַחופו החפ 7[
?חו זסו סל >חהצי נוסץי 0 06סחח >בח/עע
8 50ב 6
וס 7
| ₪ [ ₪ ] אמ | שש
2
|| אסטוססד
|
אשף יצירת הפרויקטיס מתחיל לעבוד, והוא בשלב 1. שאלתו היא: מיהו שרת
האינטרנט מולו נעבוד? (!56 %0 זח8שו טסץ 00 507/67 +8ח/)) אס השרת שלכם מותקן
במחשב בו הינכם עובדים, הקלידו 05%ח|068!, או את הכתובת 127.0.0.1. המשמעות
זהה - השרת המותקן במחשב המקומי. אם זהו שרת ארגוני המותקן במחשב נפרד,
הקלידו את שמו או את כתובת ה-ק1 שלו.
שימו לב לתיבת הסימון 18/81 50666065 506076 הַחופט 661חח0ס6 הקובעת אס להשתמש
בפרוטוקול 551. זהו פרוטוקול הצפנה שפותח על ידי 6056806/], ומשמש לאבטחת
תעבורת קח משרת האינטרנט. מידע נוסף על !55, בפרק מיוחד לכך. בשלב וה
השאירו את התיבה לא מסומנת.
החלטה נוספת שעומדת בפנינו היא אופן העבודה: ז8500וח או |63ס!. הסבר קצר: מצב
08| פירושו בידוד בין עבודתכס בתחנה המקומית לבין שרת האינטרנט ה'יחייי. רק
כאשר תחליטו שקובצ מסויס מוכן לעלות לאוויר, תעלו אותו. עד אוּ הוא נמצא רק
בתחנת העבודה שלכם, ורק אתם יכולים לראות אותו.
מצב ז0ז95 הוא מצב של אחידות בין תחנת העבודה שלכס לבין השרת. כל שינוי
שתבצעו בקובצ, מופיע מייד באתר. ליתר דיוק, פעולת השמירה גורמת לעדכון האתר.
זה נוח ללימוד ולעבודת פיתוח מול שרת מקומי כדוגמת 45ק, אך לא מעשי לעבודה
מול שרת חי או בעבודת צוות.
יש להבין נקודה מרכזית בעבודה עם ע06ז66ח1 |פּטפו: הפרויקט שלכס קיים פעמיים.
הוא פשוט משוכפל. סט קבצים אחד נמצא בתיקיה בו בחרתם להקים את הפרויקט,
וסט שני בשרת האינטרנט שלכם. אבל אתס אומרים יישרת האינטרנט שלי הוא 5/ק
פרק 3: יצירת פרויקט ראשון | 43
מקומי!יי נכון, ושס בדיוק נמצא העותק השני. לאחר יצירת הפרויקט, הציצו בעזרת
הסייר ב- 6ססזצושואו פטכז6חו:6 ושס תראו תיקיה חדשה בשס 6זסטפאססט, שמכילה
בדיוק את אותס קבציס ותיקיות שמכיל הפרויקט שלכם!
העבודה במצב |06₪3! חשובה מאוד בעת עבודה בצוות. נניח שאתם עובדיס בצוות,
והבוס מבקש מכס לעשות שינויים מהפכנייס בדף ההזמנה. שינויים אלה יקחו לכס
בערך יוס עבודה. בזמן זה, חבריכס לעבודה עובדים על דפיס אחרים, אך משתמשיס
בדף ההומנה כחלק מהתהליך. אינכס רוציס להפריע להם. ומה עס גולשי האינטרנט!
האס אתם מוכנים שהס יראו את הדף שלכם בזמן העבודה! אולי נתלה שלט גדול -
ייסגור לרגל שיפוציסיי! יהיה לכס נוח ביותר, אס תוכלו לעבוד ללא הפרעה על דף
ההזמנה, בעותק מקומי, וכולסם ימשיכו לראות את העותק הישן. כשתהיו מוכנים,
עדכנו את השרת בדף החדש שלכם. גםס חבריכס לעבודה וגס גולשי האינטרנט יראו
לפתע את הדף החדש. זה בדיוק מה שקורה במצב |8ס6סו.
השאירו את הסימון בברירת המחדל - 185007 ולחצו %א6א.
שני המסכיס הבאיס עוסקים בעיצוב, סגנון, בחירת רקעים, ושאר ענייני קוסמטיקה.
לעת עתה נתעלס מהס. בפרק מיוחד לכך, נעסוק בסגנונות ועיצובים. לחצו חפוח=
לסיום.
המחשב יעבוד מספר שניות ובסיומן המסך ייראה דומה לזה:
[ ד
ופ ווח 05 ספ 1 וס אפ 05 6
פס |- ל אל יפ ו |* | ו , |-=-2|₪ ₪ ₪ |₪ ₪ שב )|
| ₪ 6 3 ₪ םר | ₪ 8 6 | די | 5 ם 8 > | ! , |
00088
נמ -ם
בוו
₪ | שסט0)א6אטא |
3 |.| | אשת 0
3 [ 0 5 זשסחוסק ||
(0ז0560-))
006פ/068/005%! (06חבו)
106805
66) זכוז189/856 ו606]8קו50>חטון >
וה קותסחטב טסט
חב זב שהַנוססכ,
וס 6301
|
יופי! יצרתס את פרויקט טססזסטח1 |508ו/ הראשון שלכס. הבה נכיר את סוגי הקבציס
המרכיביס את הפרויקט.
4 585 - סדנת לימוד
מכיון שבחרנו לעבוד במצב 8500!, לא נצטרך לעסוק הרבה בשאלת עדכון השרת.
פעולה זו תתבצע אוטומטית. אך חשוב בכל זאת לזכור, שהקבציס שרציסם בפועל, הס
אלה שבשרת, ולא אלה שבעותק ה'ימקומייי (מקומי במרכאות, מפני שאצלנו הכל
בעצם, מקומי).
דוגמה לחשיבות ההבנה של מי באמת רצ: נניח שאתם רוצים להוסיף תמונה כלשהי
לאתר. שמרתם את התמונה בדיסק שלכם, בתיקיה 8865חו, כמו שצריך. עשיתם אליה
הפניה מתוך הדף, והיא מסרבת להופיע בעקשנות. הסיבה היא שהשרת לא יודע עליה.
התמונה החדשה אינה כלולה בפרויקט, ולכן מנגנון העדכון האוטומטי לא דואג
להעתיק אותה לשרת. יש לצרף את התמונה לפרויקט ולבקש עדכון שרת.
כעת נתבונן בקבציס שנוצרו. תחילה, אתס שואלים, היכן הס נוצרו! ובכן, וה קל
מאוד. ראשית נחפש את העותק המקומי, זה שבו נעסוק ואותו נעדכן. הוא נוצר, אס
לא ביקשתס אחרת, תחת התיקיה טססזסח1 בדיסק שלכם. לא זוכרים! לחצו לחיצה
ימנית על שס הפרויקט ב- זסזסו|קאם 0[6זק (באות עבה כתוב 6ז0ז5א0ספ/5%סח|68ס!)
ובחרו 65וסקסזק. שם, תחת 66[סזם, כתבו בדיוק היכן נמצאיס קבצי הפרויקט.
עותק השרת נמצא, כמה מפתיע, בשרת. אס אתס עובדיס עס 5/ק, יימצאו הקבציס
בדרך כלל ב- 016ז5אססס6ססזשש שאו טכ 6ח/:6.
נתבונן בעותק המקומי, בתיקיה 6זס)פאסספ :
סוס | סו זובם שו
|₪8| | % ב ₪ [+ > ]
חו6.5זס)5 ספ 9
0ו51018.5ססם ב
סו.6ז5)0אססם 5
קועי.65)016ססם נמ
(5]וס6ןפס 5]
כאן נמצאיס קבצי ניהול הפרויקט, ובתוך התיקיה |1.0638 6זסזפאססט נמצאיס הקבצים
עצמם.
0וש.0085%076 - קוב הפרויקט שזה עתה יצרנו. הקובצ מכיל מידע על שמות
ומיקומי הקבציס המשתתפים בפרויקט, מיקוס השרת וכן הלאה.
למרות שזהו קוב 45011 רגיל, לעולס אל תערכו אותו ישירות, אלא רק דרך ממשק
התוכנה.
ח!0065+076.5 - קוב הפתרון (חסטט!50). פתרון הוא צירוף של מספר פרויקטים יחד.
לעת עתה אנו עוסקיס בפרויקט בודד, ולכן אין כרגע לקובץ וה חשיבות.
פרק 3: יצירת פרויקט ראשון | 45
ניכנס לתוך התיקיה |1.068 6זסזפאססם, ונראה את התמונה הבאה:
|<1)- | 0 ] 6ז0ז6 005זס)5אסספופחז6)חו:0 אש
6 אופוע וטם פות
עזהזסו )קוספ .
]חס 2
בס 6
ו
ב יו
וע 10 ()וספןפס 7|
זו התיקיה שבה יימצאו הקבצים שניצור: קבצי אזה, 455 וכן הלאה. עבור תמונות
וגרפיקה נוצרת עבורנו תיקיה מיוחדת - 65פָ8חו, אך מותר לנו בהחלט ליצור תיקיות
חדשות עבור לחצנים, קטעי וידאו, וכל מה שנרצה.
שימו לב לתיקיה עזפזפו 561106. היא מכילה עשרות קבצי 55 ו-|אד, שישמשו אותנו
בעבודתנו ויחסכו לנו הרבה זמן ואנרגיה.
הקוב 9!058|.858 הוא קובץ ייחודי בפרויקט, ובו נכתבות התוכניות שרצות בתחילת
ובסיוס היישוס, וכן בתחילה ובסיוס של כל ח0ו5655. הסבריס מפורטיס בהמשך.
נניח לרגע את הפרויקט שלנו, ונכיר מעט את סביבת העבודה.
6 585 - סדנת לימוד
חלונות המשנה
ב- ע00ו%6וו1 |בהּטפוצ
בתוך מסגרת החלון של טססזסטסח1 |808ו צפים להס מספר חלונות עזר. החלונות
ניתניס להזזה, לשינוי גודל ולהצמדה זה לזה (פַחוא6סכ). נסביר את תפקידיהם:
חלון סייר הפרויקט - זוסיוס!כקא= 66%[סיוס
1 6ז065)0ספ/+05ח|הס| - זסזסוסא = +ספןסז
ו
* (60פןסזק 1) '6ז500)סספ' חסטטו50 ₪
016ז005ם ,1631051 ₪ ב
וז =
ץוב זט 5 . =
5חסזום [-=)
5 3
3003000%.350 [₪
350 358% 300600 [₪
350 35685600 [₪
לשממה ה
5ב 1/ו863))סספ [64/
₪ ק5ב, 363|!2)ססם ₪
5
||
+)
₪
אחד מהחלונות החשובים ביותר ב- ש06ז6ח1 |508ו/. יש לו שני תפקידים :
1 לייצג את כל הקבציס המשתתפים ביישוס, ולהציג את מצבס כרגע ביחס לעותק
המרכזי שבשרת.
2 והו כלי לניהול קבציס בעת עבודה בצוות. כאן תוכלו להוסיף קבציס לפרויקט,
למחוק אותס, להביא קבציס מהשרת או לשלוח אליו.
שימו לב לסמליס השוניס שיש לקבציס. כל אחד מהס הוא בעל משמעות. אס הסמל
אפור- 1589160כ, תצטרכו להביא עותק מהשרת לפני שתוכלו לעבוד עליו (לחיצה ימנית
על הקובצ, ולבחור 600 פחואזס/ 66%).
כאשר אתם עובדיס על קובצ, אחרים לא יוכלו לעבוד עליו. כדי לשחרר אותו, לחצו
לחיצה ימנית ובחרו שְ600 פחואזס/ ₪6!6856. אס יש מנעול ליד הסמל, וה סימן שיש
עותק מקומי בלבד של הקוב. עלול להיות הבדל בין העותק המקומי לעותק הראשי,
אם ביצעתם שינויים מאז העדכון האחרון, או אם איש פיתוח אחר ביצע שינויים
בקובצ הראשי. כאשר עובדיס לבד בשרת מקומי, כל וה לא חשוב.
פרק 3: יצירת פרויקט ראשון | 47
חלון תכונות - 65וזו6כסיוק
זט
ן: זפויוסס]
(הח500נ-))
אחו וב
בחס"הַא30ם
זט
חוף'זב1]החס?%סם
2335070 6קו50>חפו|6זוה ]06
= 5607 6כן507 06/3056
זס!ס-ו0ט
וספ עזזוסקסזק
בדומה לשאר כלי מיקרוסופט, חלון 065ז6קסזק הוא כלי מרכזי ובו, כמה מדהים,
קובעיס את תכונות האובייקטיס השוניס. לדוגמה, אס נלחצ על הלחצן שליד התכונה
זסו060פ, נקבל חלון בחירת צבעים ונוכל לקבוע את צבע רקע הדף שלנו.
חלון עריכה
בחלון העריכה נכתוב את דפי הפרויקט. והו עורך חזק ביותר, המורכב משלושה
חלונות. ניתן בכל עת לעבור ביניהס. אלו שלוש נקודות מבט על אותו קוב. כל שינוי
שנבצע באחד מהם ייראה גס באחרים.
|16
35 [ו0613 )ססם
<1ס1>
<630>
1 בנע 0025625="1162080265 "תסד תמ ס"=מ1]211 ה ששות>
<1680/>
<צֶסכ>
!>
סוי סוט | חהופפכ |
מצב עריכת טקסט. דומה להרבה מאוד עורכי |ואזה, אבל עס תכונות רבות כח: זיהוי
מילים שמורות, קוד צבעוני לקבוצות מיליס - פקודות, קבועים, תגי ו|ואדת וכוי.
תכונה חשובה שנקראת 56ח56פוו!06ח1 - העורך י'מכירי' את מבנה האובייקטים של 455
ועוזר לנו לכתוב. אתס כותביס את תחילת המילה - והוא משלים. אתס כותביס
אובייקט - ומייד מוצגת בפניכס רשימת תכונות ופעולות שלו. נחמד, יעיל, וחוסך
טעויות הקלדה.
8 585 - סדנת לימוד
חשו65
מצב עיצוב. במצב וה העורך מנסה להתחפש ל- 6ַסְקשחסזח. ניתן לכתוב בגופנים שונים,
לצייר קוויס, לצבוע וכן הלאה - הכל ב- 6צ/5ץ/, דומה מאוד למציאות. אך הו
מסך עיצוב בלבד ופקודות תכנות שכתבתם, מכל סוג, לא יבוצעו.
צוסו/ אסוט60
מצב "מבט מהירי' דומה מאוד למצב ח690ם, אך בהבדל אחד: הוא מפעיל
5 5106 +ח6ו|6. כלומר, אתס תראו את הדף כפי שהוא ייראה לגולש בדפדפן, כולל
תפקוד של תוכניות צד-לקות.
לדוגמה, ניקח פקודת 0% פשוטה, המציגה את התאריך של היום. נכתוב אותה
במצב 66זטס5 :
|< |םן =. קפב. זַפחָבּק 357
><
>₪8525<
>200%<
>9-70848 53
<8562105ע=2100265 502127>
( ) ₪866 166 קז . סמ שונגוס סט
>/80121<
>/58<
<צפ0סם/>
<זדז />
אוסו/ סוס | , חמופס \
זוהי דוגמה לתכנות צד לקות. כלומר, אין צורך בשרת 8ם/ כדי להריצ את הקוד.
הדפדפו יודע לעשות זאת בעצמו.
נעבור למצב שסו/ א0₪16 כדי לראות את התוצאה:
בי ב
70837 1 0
ששו אסוט 8 תופס |(
פרק 3: יצירת פרויקט ראשון | 49
הערה:
שני המצבים הגרפיים, ח0ו65כ ו- שסו/ א6וטס, אינם יודעים להריץ
פקודות ?45. לשם כך דרוש שרת אינטרנט. ככל שהדף מכיל יותר
פקודות 5106 ז8/ז56, הולכים מצבים אלה ונעשים פחות שימושיים. אז
נלחץ לחיצה ימנית ונבחר ז6פשוסז8 חו שסו). בשלב העיצוב הראשוני,
הם מאוד נוחים.
ארגז כלים - אס8ם|ססד תי
|= | ד
ארגז הכלים, כמו אצל כל מוסכניק, הוא המקוס בו מרוכזים סק א
כלי העבודה. במקרה שלנו, אלה לא רק כלי עבודה, אלא גס ו
אבני בניין. ארג הכליס מחולק למחלקות: |ואד, ז56/6 וש
8% ועוד. לחיצה על כל אחת מהמחלקות מראה את 0
תכולתה. ניתן לגרור רכיביסם מארגז הכלים לחלון העריכה. בסשת מ
כדי להכיר את ארגז הכלים, פתחו דף חדש, וגררו אליו כמה 600% | שן
מהרכיבים המופיעים במחלקת |אדה. ניתן לגרור אל חלון חסטם סוה 6%
העריכה, כשהוא במצב 66זטס5 או במצב חחָופפם. נסו ואת, חויוסנקסז 5=
וראו את התוצאה. 150% 18
חססטנום מווחפנו5 [45.
/ חססום 050% .2
רשימת משימות - 115% א5ה3ּד ₪
שו |זחסקוזסתן | -=|
א פחו! תת
8% חִבּזהַבזבק חכ
לא במיוחד שימושי בשלב זה. סגרו אותו, וכך יהיה לכם
יותר מקוס פנוי על המסך.
6 7
סטב | 2
| | = 00805 561/68
| 60!5ח0= שחוד-חטופסם
| 5 או
6978 |
טיפ:
חלונות המשנה בתוך סביבת טססזסטח1 |8טפוע ניידים. אפשר להעביר
אותם ממקום למקום, לסגור אותם ולפתוח כשצריך. אבל אם
הפרדתם אותם זה מזה, קצת קשה לעגן אותם חזרה למקומם,
פעולה שנקראת פַחואססכ. הנה שני טיפים שיעזרו בכך:
1 לחיצה על מקש |6₪ בזמן הזזת חלון, מונעת פַחואס6ספ.
2 כדי לעגן חלון אחד בתוך חלון שני, תפסו את החלון הראשון
בכותרתו וגררו אותו לכיוון החלון השני, כאשר אתם מקרבים את
העכבר אל כותרת החלון השני.
0 85 - סדנת לימוד
יצירת תרשים האתר
שלב ראשון בבנייה של אתר אינטרנט, בעצם בבנייה של כל דבר, הוא תכנון. ככל
שתשקיעו יותר מחשבה בתכנון, כך תצטרכו פחות לשנות ולתקן בהמשך.
1066 |03פו/ מספק כלי נפלא לתכנון האתר והרבה יותר מכך. זהו כלי לתחזוקה,
להתמצאות ולתיעוד. בחלון זפזסוקא= 6066[סזק לחצו לחיצה ימנית על שס הפרויקט,
בחרו 800. ייפתח תפריט נוסף (שימו לב לכל האובייקטים שניתן להוסיף). בחרו
ההזסבוכ 06ו5.
[הו80] | וע 050ז0וו - 406 00%פ/)3סח!8סס1
אתס מתבקשיסם לתת שס לתרשיס האתר, השם שניתן כברירת מחדל, 1חחהּזחָּום 5166
הוא בסדר. כל שס אחר שתרצו יתקבל.
פרק 3: יצירת פרויקט ראשון | 51
זהו התרשיס המתקבל, בו מוכן עבורנו דף ראשון בשס 6חסה. ההצעה מתקבלת
בברכה, שכן אנו באמת וקוקיס לדף ראשי שיהיה מעין נקודת וינוק וקישור ליתר
הדפיס. שימו לב לסרגל הכליס שהופיע. העבירו את העכבר על הסמלים וראו מה כל
אחד עושה.
האתר שלנו יהיה חנות ספרים וירטואלית, לכן דרושים לנו בשלב הראשון הדפיס
הבאיס:
שם הדף קובץ תיאור
דף בית |וח%ח.6וחסח | דף פתיחה, נקודת מוצא ליתר הדפים.
קפ | דף המאפשר לגולש לחפש ספר על פי מילת
מפתח.
רשימת ספרים 000.50 | רשימת ספרים. זוהי תוצאת החיפוש. הגולש
הקליד מילה לחיפוש והוא מקבל את רשימת
כל הספרים ששמם מכיל מילה זו.
פרטי ספר ס35ּ.|ו06%3א800 | דף פרטים מלאים על הספר, כולל מחיר,
תמונה, חוות דעת גולשים, וכמובן, לחצן
קנייה. לדף זה מגיע הגולש מתוך רשימת
תוצאות החיפוש.
.505 | דף המראה את מצב סל הקניות של הגולש.
הוסיפו דפיס לתרשים לפי הטבלה. אל תבצעו שמירה! להוספת דף, לחצו לחיצה
ימנית על שטח ריק בתרשים ובחרו 7806 455 שוסא. תנו שמות לדפים לפי הכתוב
בטבלה. לאחר הוספת הדפים, הזיזו את הדפיס על פני שטח התרשים ושימו לב מה
קורה לקווי הקישור ביניהס. כאשר אתס מקרביס דף לדף אחר, הס מתחבריס בקו.
לקוויס אלה אין משמעות מעשית מעבר לתרשים. למרות זאת נציב את הדפיס בצורה
שתבטא את ההיררכיה, או את מסלול המעבר של הגולש ביניהם, כמודגם בתרשיס
הבא.
מהדף הראשל (|חשסח.6חחסה) יכול הגולש לעבור לחלון חיפוש ספר (200%.850ח50876), או
לראות את מצב סל הקניות שלו (666.850א845ו0ח5). מדף החיפוש (0006.850ח50876)
מגיע הגולש לדף התוצאות (5.850ו|008, רואיס ואת בתרשים), ומדף התוצאות,
שהוא רשימה תמציתית, יכול הגולש לפתוח דף פרטים מלא על כל ספר מהרשימה
(350. |ו000%06%8).
2 585 - סדנת לימוד
צרו תרשיס אתר הדומה לתרשים הבא :
|< וםן=. "חובּזְהָ3ו 5116 : חוא. 1חוהּזף3ו 5106
-
ו
וס
חח זסבוכ 5166
בה ו
1
%*>
3
ל
לאחר שסיימתס לתכנן את תרשיס האתר, לחצו על סמל השמירה בסרגל הכלים (ציור
של דיסקט), ושימו לב מה קורה: שטס6כז6זח1 |508ו/, יוצר למענכס דפי 55 לפי
התרשים, ומוסיף אותס לפרויקט. זה כמובן מאוד נוח ושימושי. גו אחת הדרכיס
להוסיף דפים לאתר, אך כמובן לא היחידה.
תרשיס האתר הוא לא רק כלי מעולה לראייה כוללת של האתר ולהוספת דפים, אלא
גם כלי עזר לכתיבה ותחזוקה. רוציס לערוך את |ווזח.6וחסח? לחצו לחיצה כפולה על
הסימול שלו בתרשים, והוא ייפתח במצב עריכה. ניתן היה גס לחפש אותו
בחלון זסזס|קא= 606[סזק ולהביאו משס, אבל להביא דפיס מתוך התרשים זה מאוד נות
ויעיל.
לחצו לחיצה כפולה על סימול דף הפתיחה בתרשים |חשח.6וחסח. נפתח חלון העריכה
ושימו לב לשלוש הכרטיסיות בחלק התחתון. נחזור על תפקידיהס בקצרה:
6 - מראה לכם את הקוב> כמו שהוא, טקסט. זה המקוס לכתוב קוד.
65100 - נותן מראה כללי של הדף, וגם מרשה לעשות שינויים גרפיים.
שסו א0₪16 - מראה את הדף כפי שהוא ייראה לגולש בדפדפן, כולל תפקוד של
תוכניות צד-לקוח.
בחרו במצב ח8אופסכ. אנו רואיס קוד |אזה פשוט ומוכר. למי שהקוד לא מוכר, מומלצ
לקרוא ספר בנושא 11 ולהכין לפחות אתר אינטרנט סטטי אחד לפני הצלילה לנושא
פרק 3: יצירת פרויקט ראשון | 53
50. במקוס פנוי כלשהו בחלון ח0ו65כ, לחצו לחיצה ימנית בעכבר ובחרו ₪65ז6כסזס.
יופיע חלון תכונות הדף, ובו פרטיס רביס שנדון בהס בהמשך.
בחרו בכרטיסיה פחוז9ּ!! 8060 5זסוס6, ובחרו צבע רקע לדף הפתיחה.
|
ופטחו סד 6 החסה וספ דה הטספ 4 פס פע 38 6
| >[ לפ יפ 4 = 8|א ו |--5|₪ ₪0 /|₪ |
> 0
"הזחו 5116 : הוהאי. [חזה זף3ו0 5116
5
*חות. )!61300 ד
= סזם 1) '8ז560)סספ' חססטוס5 ד
005 +1005 10 13-47 0 | 909008605 0
וז ב / : 5
50 = טפנט 03026ת6="11₪ם66ת00 "תסדגתטאעס"=פחמגא גדסת> | 6
ץ ד <8<>/1715ד1ד> ב
5 <פגפ/> טחוס %
5 - ./64[ 50030006.
6%31.550ססס 70 <6גו1 9ע5%ע266=עס1 00שמ צפספ> ווח ה 1
ב מ /.//-/-. בי ו
- [< | 1 גל 9
1 | 0031808 4 זו תס <צפספ/> 8 855זמסזק ווה
<> וי
1 ו / , ₪
50 0
ה בק
5 ספד [ =
שפד זהפ!ססד |
. סד
0 6
וטספ 5
6 תא 7
יי וק 5
685 9₪זנססטז50. 5%
ובוח הַמ -ן - בו
5|סאום 5 ו ב 3 | :פד 9 | אסטוססד
ו וכ == 100
לחיצה על לחצן שלוש הנקודות המסומן בח מביאה חלון בחירת צבעים. מאוד נוח.
לאחר הקשת אישור, בדקו שאכן משהו השתנה: לתג 000> נוספה הגדרת צבע.
עברו למצב ח!65כ, ותראו שצבע החלון השתנה לצבע שבחרתם.
הישארו במצב ח80ופ6ם. שימו את העכבר בראש הדף והקלידו בעברית כותרת לדף
הפתיחה: 'יספרוני - חנות הספרים שלי באינטרנטיי. לאחר שכתבתם, סמנו את כל
הטקסט והשתמשו בסרגל הכלים כדי למרכז, להגדיל ולצבוע אותו. ניתן כמובן לבחור
גופן טחס)) והדגשות (שמן, נטוי, קו תחתון), ממש כמו ב- 6זס/ו.
9% שאלה למחשבה: מדוע גדלי האותיות הניתנים לבחירה הם רק מ-1
0
ש.י עד 7 ולא כמו ב- סזס/?
תשובה: מפני ש- ש06ז6שח1 |508ו% מתרגם את פקודות העריכה שלנו
ל- |ויזדו, וגדלי אותיות ב- |ואדה, נעים בין 1 ל-7.
לאחר העריכה, עברו למצב 66זטס5 וראו את שינויי הקוד שבוצעו אוטומטית. נכון,
שוס דבר מדהים. יכולנו לעשות ואת לבד.
4 55 - סדנת לימוד
במצב ח4ו659כ תוצאת עבודתכס צריכה להיראות דומה לזו:
<ום|. הזח )!6/3 ₪
סו סוס 1 ) חופסם
שמרו את עבודתכם וסגרו את החלון. חזרתם אל תרשיס האתר. חזרו על הפעולות
שביצעתם בדף הראשי, עבור כל אחד מהדפיס: קביעת צבע רקע, וכתיבת כותרת
בעברית.
כתבו: יידף חיפוש ספריסיי, יידף הוספת ספריי, יירשימת ספריסיי וכן הלאה.
יצירת קישור בין דפים
בסעיף זה נלמד לבצע קישוריס בין דפי האתר. כלומר: מעבר מדף אחד לדף שני. נכון,
זהו בדיוק אותו קישור ישן וטוב שאנו מכיריס. רק דרך הביצוע שלו מעט קלה יותר,
ופחות חשופה לטעויות. ניגש לעבודה.
מתוך תרשיס האתר (נקודת מוצא נוחה תמיד) פתחו את דף הבית, במצב 66זט50.
הציבו את הסמן מעט לפני התג <ץ00/>.
בתפריט 6!ט3ד בחרו 80/6 105616. תופיע תיבת דו-שיח 39!6ד +56ח1. הקלידו 4 שורות,
עמודה אחת, רוחב 200 פיקסל, ממורכז.
פרק 3: יצירת פרויקט ראשון | 55
ראו בתרשיס הבא:
ב ו
לחצו אישור, וודאו, במצב 66זטס5, שבדף הפתיחה שלכס אכן נוצרה טבלה.
עברו למצב ח6580כ. רואים את הטבלה שיצרתסם. הציבו את הסמן בשורת הטבלה
הראשונה, וכתבו:יי חיפוש ספריי.
בשורה שנייה כתבו: יירשימת ספריס'י.
בשורה שלישית כתבו: ייסל הקניות שלךיי.
מרכזו את השורות, כך שהתוצאה תיראה כך:
|< וםן.. הזת )!6/3
יר ףפושטפ 7 |
ה ושומתלפהם =
|
| ו
6 585 - סדנת לימוד
כעת נקשר כל אחת מהשורות לאחד מהדפים שבנינו. אה הולך להיות קל מאוד.
הישארו במצב ח6988ם, סמנו בעזרת העכבר את השורה יחיפוש ספריי, וכשהיא
מסומנת (56!66060), לחצו על סמל הקישור.
זהו הסמל הימני ביותר בסרגל הכליס (ציור של שרשרת). אס הוא אפור ולא
== פעיל, סימן שלא סימנתס את הטקסט כמו שצריך.
אס הכל בסדר, תופיע תיבת דו-שית אחוןזפקץ ובה אתס מתבקשים לכתוב או להצביע
להיכן יבוצע הקישור.
| אחו!זססץ1]
| אס הסוסה ותזוס)חו אחו!זסקעו =
| |68ח8 : | ב ד
| סוס 35 370000 506/50 סספ]:5ח]3ס!]] :קט ו
לחצו על הלחצן 6פושסז8. תופיע תיבת דו-שיח נוספת. פתחו את הפרויקט שלכם,
(לחיצה על +) ותראו את כל דפי הפרויקט הקיימים. בחרו בדף 2006.850ח568760,
ואשרו את שני החלונות. נוצר קישור למילים ייחיפוש ספריי ואנו יודעיס ואת לפי הקו
התחתון מתחת לטקסט הנבחר.
הערה:
כך ניתן ליצור קישור גם לאתר אחר לגמרי!
שמרו את הדף והריצו: לחצו לחיצה ימנית במקוס בדף ובחרו ז56אוסזם חו שוסו/.
ייפתח זסזס|קא=ם עס הדף שלכם. לחצו על הקישור ייחיפוש ספריי, ודף חיפוש הספריס
יופיע.
לחצו 586% בדפדפן וחזרו לדף הבית. עובד? יופי.
בדקו את קוד !ואד שנוצר. ודאו שאתם מבינים אותו.
שימו לב! במקוס להריץ את הדף באמת, ניתן לעבור ל- שוסו/ אסוגוס, ולראות בדיוק את
אותו דבר.
פרק 3: יצירת פרויקט ראשון | 57
כעת, באותה דרך, בצעו בעצמכס קישור לשני הדפיס הנותריס. התוצאה צריכה
להיראות כך:
|< וםן=. חזזת )!6/3
הפס \
פינת הגאון - קישור לדף קיים
1. מסמנים טקסט או אובייקט אחר.
2. לוחציס על סמל הקישור (ימני ביותר, שרשרת), ובוחריס לאן לקשר.
טיפ:
כיצד משנים שם של דף קיים ב- ש06ז60ח1 |הטפו ?
אם תבחרו דף ב- זסזס|קאם 666[סזוק ותלחצו לחיצה ימנית, תראו שיש
אפשרות פַוַהּח6ח, אלא שהיא אפורה וחסומה. זה בגלל הקשר
שמקיים ש06ז6ח1 בין העותק המקומי לעותק בשרת. כדי לאפשר
שינוי שם, יש לנתק זמנית את הקשר הזה. לחצו לחיצה ימנית על שם
הקובץ, ובחרו 60 פחואזסש ₪8!6856. אחר כך בחרו באפשרות
6 ושנו את שם הקובץ כרצונכם. לאחר שתאשרו, יופיע חלון
דומה לזה:
ספ 6667 6086 65!! חו 5אחו| 56 66בבקטו ספ לחפיאו נופץ סם
ליב
| ש--
חוחזוצו 711 6 ]סח עב 85 8856 הַהטהטקו
ו ]ופה 377665 )סח 5000 5הַחב3ח6 56שרם טפ , החפתם
הר .1005615 חו 06ח8 זה פ טסה
| >
האם לעדכן את שינוי השם לכל המקומות בהם הוזכר דף זה? בדרך
כלל תהיה התשובה כן. זה שירות יפה שיכול לחסוך הרבה מאוד
עבודה, והרבה באגים.
8 55 - סדנת לימוד
פרק 4
קליטת מידע מהמשתמש
שיטת 651
כדי לקלוט מידע מהמשתמש, יש צורך ליצור ייטופסיי. טופס (חזס)) נוצר על ידי אוסף
תגי |אז₪ המיועדיס בדיוק לכך: לתחוס מספר שדות קלט ביחד, ולאפשר את
שליחתס לשרת.
נבנה יחד דוגמה לכך. צרו דף חדש וקראו לו ק6511.45. ליצירת דף חדש לחצו לחיצה
ימנית על שס הפרויקט, ובחרו 400 > 7806 ז50/0 6ע60ה. לתוך הדף שקיבלתס
הקלידו את השורות הבאות:
<% 500% /=6הָהַַחַח3 | 9%660>
<|וחז[>
>680<
<"6.0 500010 |508ו/ 050%סו]"=+חח0ס6 "0 דה הםאם"==ו\ 668וח>
>/680<
<ץ000>
<0%6 [5/> :6רח8 טס זסזח= 6856|ק <06 ז5>
<"1וחזס)"= 6והבּח "1והזס)"=6! "6700="06%ו "ק06%2.35"= הסו6בּ וחיוס1>
<0> <6ח8ח]=6רחפח "לא6ת"=6כעט ד(ק1> :סוחפא 6פזו=
<> <6ה הח =6רחפח "ל0ס"=6כעס דק)1> :טוחב 85% |
<876=705611ח 1=7656%1]| "ז6="4656ט|4ע "ל056ז]"=6כעט דוק[>
<1ו50= 6 ₪1 0 5= 0 "לווס ט6="5ט]אע "זורחסט5"=סכעט ד קו>
<וו'וס1/ >
<ץ000/>
<|וחטח/>
השורה החשובה ביותר בקטע זה היא השורה המודגשת. בשורה זו אנו מכריוים על
הטופס, נותניס לו שם, קובעיס לאיוה דף לעבור לאחר ביצוע דף זה, וקובעיס את
שיטת העברת המידע לשרת. הסבר על השיטות יופיע בהמשך.
לאחר הכרות הטופס, מופיעים שדות הקלט. בדוגמה שלנו שדות טקסט פשוטים: שם
פרטי ושס משפחה. שימו לב לתכונת שדה הקלט 6חאח. רק לפי שם וה נוכל לזהות את
פרק 4: קליטת מידע מהמשתמש | 59
השדה בשלב מאוחר יותר! ודאו שאתם כותביס נכון את שס הרכיב, כי תצטרכו
לקרוא לו בשס זה מאוחר יותר.
לאחר מכן מופיעיס שני לחצנים. האחד מטיפוס 656%ז, שמוחק את כל הנתוניס
מהטופס. השני מטיפוס זוחזפט5, ולחיצה עליו תגרוס לשליחת כל נתוני הטופס לשרת.
השרת מקבל את הנתונים שהוקלדו, וקורא לדף הבא. מיהו הדף הבא!ז כמובן, וה
שביקשנו לקרוא לו בהגדרת הטופס במסגרת התגית <חזס?+> : 6072.457.
צרו דף חדש, 6512.457, והקלידו בו את השורות הבאות:
<% 6=/0500%הָהַחַח3 | 9%660>
< |ד>
<סגםר>
<"6.0 500010 |508/ 60508ו1"=%ח0ח00 "0 דהה 6"=םו א ה דסו>
<סגשה/>
<> < ד /> <06 57/> :הסטהוזס+ח1 ז016<)050 [5> <526=5 דאס > <צססם>
<88'> ><%65("סוהב3ּהז" )0 הוו5 סט 60051.0 = 9> <> :סוחבּא זו
<88> ><( "הח )5 וו .065% = 9% > <> :וחב +15
<ץ800/>
< |וחד/>
הקטעים החשובים מודגשים עבורכם.
לאחר המילים פופ זפזו=, מופיע קטע קוד ק5, תחוס בתוך <% ..... %> כמתחייב:
<%(" )6/5070 .065% =9%>
בתוך האובייקט זפסט60ח, פוניס לאוסף 9ַחו5₪/זפט0 ובתוכו לפריט סומח שהוא, למי
שכבר הספיק לשכוח, שס שדה הקלט של שדה השם הפרטי בטופס. נריצץ את הדף
.1 0 (לחיצה ימנית על חלון הקוד, ואז זספאוסזם חו אוסו/). נקבל משהו דומה לזה:
|< ום|. זפזס!קא = 1חזס)ח] 1]ס5סזסו4 - ק35. 6/0911זס)065ספ/051ת|003ו// :ווח 0
₪36 1006 פפוסצטב] אשע אטם 6 |
.- ₪ ₪8 ₪ | 4 4%
עזסופו] = 65)וסעה = 5081070 שחסו] | 4888 | כס)פ 1
2" חן סל [+ 50ב. 6/611ז5)0סספ /05%ח]3 סיס!/ / :כ [6] 48666 ||
:נה 1 יזנוס ל 11107 218356
הפחס] מה 1 +פעיך
טסו ] :6 1.88%
[ זפ || בב
]הזוחו 1.0008 5 ₪]
0 585 - סדנת לימוד
הקלידו את שמכס ולחצו על זוחחטט5.
זו התוצאה המתקבלת, לאחר לחיצה על הלחצן זווחטטפ :
5= 85001001 != 6 זה ח|א 06 6=]77הבּח]? 35 .6/0612זס00%51פ/051ח!1063// :קוות 3
8 >6 סטב | סו 08ם 6|] |
| של | ו ו ב |
|( עז80ו] = 65)ס/ב = 568100 6וחס | 36588 | קסו5 ווק 0%
<< 5אחו1 ו ₪0 ₪ [+ 085% | = !חס ר]=6 חב 710 35 .0642 6זפז+5סספ/031ח|ב יפו / :קוה ₪ חן
1100 90
תס :136 +פשי
שסוז[. :6מז 11 1.85%
]הזוחו 1/0081 ר-| ₪
לא עובד!
1. ודאו שלא שכחתם לכתוב את סימן השוויון לפני ה- ₪90065.
2 ודאו ששם רכיב הקלט בדף 6511, והה לשס אותו אתס קוראיס בדף 6512.
לאחר מכן, שימו לב לשורת הכתובת בדפדפן! אתס רואים לא רק את שס וכתובת
הדף, כמו בדפי !אד רגילים, אלא גם את מחרוזת ה- קאח, המחביאה בתוכה את
הנתוניסם ששלחתם. מתוך כתובת זו ניתן ללמוד כיצד השיטה ז65 עובדת: לאחר
כתובת הדף, היא משרשרת את כל הפרמטרים שיש להעביר לדף הבא, עס סימן 6
ביניהס. כמו בדוגמה שלנו:
= 1 085 = 6 8 חס = 6 5 3. 6506/0602 ססט/5%סח!ה6סו//: קת
שיטה זו נקראת 6006ח₪ 081, הצפנת הפרמטריס בתוך שורת הכתובת. הפקודה
9ח67/501ט₪60065%.0 מחלצת מתוך שורה זו ערך מסוים. אם נכתוב
("6 8" )טחוס 65 ו.6065% =6רהח+
תחפש הפונקציה בתוך מחרוזת הכתובת את המילה פוחפּח!), ותחזיר לנו את הערך שבא
מייד אחריה. במקרה שלנו: חסחסם.
זו שיטה לא רעה, וכפי שראינו היא עובדת היטב. אלא שיש לה כמה מגרעות :
1 המשתמש רואה את המחרוזת המופיעה למעלה, ולא תמיד זה רצוי.
2 לא רק המשתמש, אלא גסם כל התחנות בהן עובר המידע בדרך לשרת, יירואות
את המידע כמחרוזת פשוטה. לא בריא להעביר כך מספרי כרטיסי אשראי, למשל.
פרק 4: קליטת מידע מהמשתמש | 61
3 מחרוזת ק₪ח מוגבלת באורכה ל- 1000 תווים בערך. מכאן שאם יש לנו בטופס
שדות רבים ו/או טקסטים ארוכים, אנחנו בצרות. ברור גם שלא נקבל כל הודעת
שגיאה, אלא פשוט הטקסט יקוצ בנקודה מסוימת.
לכן כדאי לדעת גס על השיטה השנייה לשליחת מידע לשרת, שיטת ש5ס0.
שיטת 05%ק
גם דוגמה וו תהיה מורכבת משני דפי ק45. האחד להזנת נתונים, והשני לעיבוד המידע
המתקבל. הוסיפו לפרויקט שלנו דף 457 חדש: 01.850פס.
בדף וה, לאחר התג <ץ000> הוסיפו הגדרת טופס כזו:
<"50סק"= 00 = "350 0502ק"=10 1 "1לפ5סכ"=ם וה אמס->
הקישו זפח= מספר פעמים כדי להכין מקוס לתוכן הטופס, וסיימו אותו ב- <חחזסת/>.
ננצל את ההזדמנות ונכיר עוד כמה מאפשרויות הקלט הקיימות. ודאו שחלון אסטוססד
פתוח (בדרך כלל בצד שמאל של המסך). אס לא, פתחו אותו בעזרת התפריט : סו >
אסט!ססד. כעת נגרור מארגז הכליס רכיב אסט)א6ד אל תוך הטופס שלנו. הקפידו להנית
אותו בתוך הטופס ולא מחוצה לו. כלומר, בין התג <וחזס"> לתג <וחזס=/>. בדיקה
נוספת : עוברים ל-ח065/9 ורואיס אם החיצים הצהובים מקיפים את האובייקט שלנו.
כך גורריס אובייקט מארגז הכליס לחלון העריכה:
[<]5)- 50 ] 0)ח! [הפג 05074ז0ו - 51016 1810517008
| אוסטחוצ !טס" הטספ טוטם ש6סם סע 05 6
0 | - 7 לק = 8|א | |-- ₪5 ₪ ₪ | ₪ ₪ | שו
| ₪ == כ םש = | 0₪ שר | ע 7 ₪ | ₪ 5 | ל
כ ₪ ₪ ₪ סור מ א הק | 5 ב | =
35 1ו05
ו נ ו
> 1) '8ז550)ססם' חסוט!50. <.זזוד> 0
ו ל 1 <פגחה> וסט %
8 ב 1וס5 [הופבע 08018מ5="1₪2ת56מ00 "תסדגתמאמ6"=תחגחא גדקח> אסםא6ד 9
ץז זו 50 <> שזסאופפבק 5%
5 3 ₪ <8051>
5330 [09/ <"ספסם"=05מ1!87 "עפם. 562סס"=108ד0ג "561סם"=מזוגזן הפס ץ> ו
)טסט [269. סז ד ]
ספ [6. < 51א66=שפמ 51א18=65 דחקא1> ה לן
חזח. 63 [4) 2 הסנו 00ב >
7 א
1 4 חאוסטקסזס.
. ו 1%
פס />
ך זאו פ] / 7
₪7 וסוס 656%
% <פ90 /> . 8
| 080) < וד /> חסוו₪ [--.
אחוובן 6וות |הלחסקוזסו | -=]
בחטסזמַ6%. 868% סח א
₪ 0 88% חמה הז חכ
|+ טס -י זו
!000 בו 8
סוט עלזסקסזם ב
|
ו ופה ד 1 ה
2 585 - סדנת לימוד
הציבו את הסמן לפני תיבת הטקסט וכתבו משהו, כגון: חח זטסץ ז6זח6 6856!ק.
אחרי השורה הוסיפו <88> כדי לעבור לשורה הבאה. לעצלניס במיוחד: שימו לב שגס
את תג זה ניתן לגרור מארגז הכליס. הוא נקרא 87686 6ח11 והוא נמצא בחלק התחתון.
כעת קחו רכיב 468 6ד והניחו אותו בעדינות בהמשך הטופס. עברו למצב ח9ו65ם
והגדילו אותו למלוא רוחב החלון. הוסיפו לו גס כותרת כלשהי כדוגמת :
ץז50 16| זטסץ 6וח || ד 6856וק
כעת, הוסיפו גם רכיב חאוס0קסזס. רכיב וה נקרא לעיתים ייתיבת קומבו''י (א80 סטחוסס),
ובקיצור ייקומבויי. הוא שימושי ביותר, והוא נותן למשתמש לבחור בקלות בין כמה
אפשרויות, בלי לבובוּ שטח מסך יקר. לאחר שהוספתס אותו, עברו למצב ח0ו65כ,
לחצו לחיצה ימנית על הקומבו החדש, ובחרו 65וס6קסזם. יופיע חלון כזה:
| < | % ב בוב
| |
1 | בו
5ח0ו00ס|56 6!סט]טוחח אוסוום - - ][ 5חו = 0 דר
הב 551561 זס] פחסטקס -]
:טע שאסד
| 15 ופ ופ |
5
| פס
הקלידו 'יו|פופ'' בשני השדות 16% ו- ס6טופּצ, ולחצו על הלחצן +ז56ח1.
חזרו על הפעולה עבור מוצריסם אחרים, כך שיהיו לכס ברשימה כמה מוצרים.
לסיוס, לחצו 0% וחזרו למצב 66זט0ס5 כדי לראות מה נכתב.
שפצו מעט את מראה הקוד, שייראה בערך כך:
<"א2000 :ה דס1/ ;220% : 1077םה"=50/6 6=50|661חחהּח 0=56!6601) 0 |55>
<