Embed Size (px)
Citation preview
1
פתיחת אתר wixהכרות עם 1שעור
WIX פיתוח של חברה ישראלית שנחלה הצלחה היא מערכת לניהול תוכן לאתרי אינטרנט
אדירה ושוויה מוערך בעשרות מיליוני דולרים
הצורך לכתוב קוד הממשק של המערכת הוא מאפשרת להקים ולעצב אתרים בלי המערכת
ם להיות בעבריתבאנגלית אך תכני האתר עצמם יכולי
יתרונות המערכת
)SEOהאתר מותאם לקידום בגוגל ואופטימיזציה ( 1
ניתן להתאים את האתר לגלישה בנייד 2
המערכת תומכת באתרים בשפה העברית 3
תבניות עיצוב מתקדמות ומרשימות 4
תוספים ואפליקציות שמשדרגות את האתר 5
Wixשלא קשורה ל ניתן לקנות דומיין חיצוני וליצור כתובת 6
5HTMLמערכת המאפשרת לבנות אתר מקצועי ללא צורך בידע בשפת 7
חדש חשבוןפתיחת
wwwwixcom 1הכנסו לאתר
להרשמה לאתר sign inלחצו על 2
2
פעמיים) ובחרוהקלידו (את פרטי הדואר האלקטרוני שלכם יפתח חלון נוסף מלאו בו 4
זכרו את הסיסמה היא תשמש אתכם לכניסה חוזרת )הקלידו פעמיים( סיסמא אישית
לאישור ההרשמה הכנסו לתיבת הדואל שהזנתם ואשרו את ההרשמה
לאחר יצירת החשבון יפתח הדף הראשי ליצירת אתר חדש נלחץ על כל משתמש יכול ליצור תחת אותו חשבון מס רב של אתרים
קטגוריה ותבנית בחירת
בין התבניות נוכל לנושאים המקוטלג העשיר תבניותהמאגר הוא Wixמערכת אחד היתרונות של
לאחר שתבחרו יחיד תבניות לדפי נחיתה והזמנות לאירועים שאינם אתר אלא רק דף אינטרנטלמצוא
לנושא שבחרתם מותאמותלצפות בתבניות ותוכל האתר שלכם הקטגוריה המתאימה לנושא את
וחרב 3 פתחיש sign up ב בחלון
3
אפשרויות 2לאחר בחירת התבנית יוצעו 3 bull Create Your Website With Wix Editor עריכת ועיצוב האתר בעצמנו
bull hellipLet Wix ADI בניית האתר עי מערכת אוטומטית
מהחלון שיפתח בחרו את התבנית הרצויה 4
וכדו מסעדנות עיצוב עסקיםבחרו קטגוריה מוזיקה אירועים
נבחר באפשרות הראשונה
EDIT ולחצו על התבנית עמדו על 5
4
3תרגיל
התפריט העליון באתר
כרטיסיות להלן הסבר על כל אחת מהן מחולק למסהתפריט העליון
ולערוך כל עמוד דרך כפתור זה סלהיכנדפדוף בין דפי האתר ניתן
או במחשב )טלפון נייד(תצוגת האתר במוביל
יפתח תפריט עם siteניהול האתר שמירה מחיקה וכדו בלחיצה על
האפשרויות הבאות
bull Save- תר רת האשמי bull Preview- צפיה באתר כפי שיראה באינטרנט bull Get Feedback- אפשרות לקבל חוות דעת מחברים
באינטרנט
bull Publish ndash פרסם את האתר
Site
בלחיצה על החץ ניתן להציג ולהסתיר את
התפריט
5
כגו )חלקם בתשלום(הגדרות מתקדמות לאתר
bull Connect domainndash הדומיין הוא חלק מהכתובת
wixהאתרים שנבנים בwallaשל האתר לדוג כלומר בכתובת -משלהם )שם מתחם(בלים דומיין קמ
גם ניתן לרכוש דומיין חיצוני wixהאתר תופיע המילה בעברית ולקשר אליו את האתר בדכ עם שם החברה
קליט ולא מורכב נבחר בו כדומיין bull Get a Mailbox ndash תיבת מייל אישית לעסקים
Setting
כלים לעריכה ועיצוב
bull Toolbar ndash מופיעה מימין( ת הכליםתרת תיבהצגתהס( bull Rulers - למיקום האלמנטים הצגתהסרת סרגלים bull Gridlines- הצגתהסתרת קווים לתחימת אזורים עיצוב האתר
בתוך קווים תוחמים אלו תסייע ליצירת מראה ידידותי והתאמת האתר למוביל
Tools
Help עזרהתפריט
Upgrade שדרוגים ותוספות
בכל דפי האתר בתצוגה מוקטנת לצפות אפשרות
Save )אוטומטיתהאתר אינו נשמר (שמירת האתר
preview תצוגה מקדימה של האתר
publish פרסום האתר
6
הכרת התפריט הצידי במערכת
Site menu מעבר בין עמודי האתר הוספת דפים דינאמיים
ע של תמונה וידאו ף ניתן לבחור רקבחירת צבע רקע לד מתמונה קיימת או לבחור מדגמים קיימיםועוד ניתן להוסיף
Apply to Other Pages השתמש ברקע זה לכל דפי האתר
Page background
הוספת אובייקטים לדפי האתר תמונות -תפריט הוספה סרטונים כפתורים מוזיקה ועוד
Add
Wix app אפליקציות מחנות האפליקציותפת הוס
market
העלאת קבצים מהענן
יצירת בלוג מעוצב
wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר
ניהול נתונים
7
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
פתיחת אתר wixהכרות עם 1שעור
WIX פיתוח של חברה ישראלית שנחלה הצלחה היא מערכת לניהול תוכן לאתרי אינטרנט
אדירה ושוויה מוערך בעשרות מיליוני דולרים
הצורך לכתוב קוד הממשק של המערכת הוא מאפשרת להקים ולעצב אתרים בלי המערכת
ם להיות בעבריתבאנגלית אך תכני האתר עצמם יכולי
יתרונות המערכת
)SEOהאתר מותאם לקידום בגוגל ואופטימיזציה ( 1
ניתן להתאים את האתר לגלישה בנייד 2
המערכת תומכת באתרים בשפה העברית 3
תבניות עיצוב מתקדמות ומרשימות 4
תוספים ואפליקציות שמשדרגות את האתר 5
Wixשלא קשורה ל ניתן לקנות דומיין חיצוני וליצור כתובת 6
5HTMLמערכת המאפשרת לבנות אתר מקצועי ללא צורך בידע בשפת 7
חדש חשבוןפתיחת
wwwwixcom 1הכנסו לאתר
להרשמה לאתר sign inלחצו על 2
2
פעמיים) ובחרוהקלידו (את פרטי הדואר האלקטרוני שלכם יפתח חלון נוסף מלאו בו 4
זכרו את הסיסמה היא תשמש אתכם לכניסה חוזרת )הקלידו פעמיים( סיסמא אישית
לאישור ההרשמה הכנסו לתיבת הדואל שהזנתם ואשרו את ההרשמה
לאחר יצירת החשבון יפתח הדף הראשי ליצירת אתר חדש נלחץ על כל משתמש יכול ליצור תחת אותו חשבון מס רב של אתרים
קטגוריה ותבנית בחירת
בין התבניות נוכל לנושאים המקוטלג העשיר תבניותהמאגר הוא Wixמערכת אחד היתרונות של
לאחר שתבחרו יחיד תבניות לדפי נחיתה והזמנות לאירועים שאינם אתר אלא רק דף אינטרנטלמצוא
לנושא שבחרתם מותאמותלצפות בתבניות ותוכל האתר שלכם הקטגוריה המתאימה לנושא את
וחרב 3 פתחיש sign up ב בחלון
3
אפשרויות 2לאחר בחירת התבנית יוצעו 3 bull Create Your Website With Wix Editor עריכת ועיצוב האתר בעצמנו
bull hellipLet Wix ADI בניית האתר עי מערכת אוטומטית
מהחלון שיפתח בחרו את התבנית הרצויה 4
וכדו מסעדנות עיצוב עסקיםבחרו קטגוריה מוזיקה אירועים
נבחר באפשרות הראשונה
EDIT ולחצו על התבנית עמדו על 5
4
3תרגיל
התפריט העליון באתר
כרטיסיות להלן הסבר על כל אחת מהן מחולק למסהתפריט העליון
ולערוך כל עמוד דרך כפתור זה סלהיכנדפדוף בין דפי האתר ניתן
או במחשב )טלפון נייד(תצוגת האתר במוביל
יפתח תפריט עם siteניהול האתר שמירה מחיקה וכדו בלחיצה על
האפשרויות הבאות
bull Save- תר רת האשמי bull Preview- צפיה באתר כפי שיראה באינטרנט bull Get Feedback- אפשרות לקבל חוות דעת מחברים
באינטרנט
bull Publish ndash פרסם את האתר
Site
בלחיצה על החץ ניתן להציג ולהסתיר את
התפריט
5
כגו )חלקם בתשלום(הגדרות מתקדמות לאתר
bull Connect domainndash הדומיין הוא חלק מהכתובת
wixהאתרים שנבנים בwallaשל האתר לדוג כלומר בכתובת -משלהם )שם מתחם(בלים דומיין קמ
גם ניתן לרכוש דומיין חיצוני wixהאתר תופיע המילה בעברית ולקשר אליו את האתר בדכ עם שם החברה
קליט ולא מורכב נבחר בו כדומיין bull Get a Mailbox ndash תיבת מייל אישית לעסקים
Setting
כלים לעריכה ועיצוב
bull Toolbar ndash מופיעה מימין( ת הכליםתרת תיבהצגתהס( bull Rulers - למיקום האלמנטים הצגתהסרת סרגלים bull Gridlines- הצגתהסתרת קווים לתחימת אזורים עיצוב האתר
בתוך קווים תוחמים אלו תסייע ליצירת מראה ידידותי והתאמת האתר למוביל
Tools
Help עזרהתפריט
Upgrade שדרוגים ותוספות
בכל דפי האתר בתצוגה מוקטנת לצפות אפשרות
Save )אוטומטיתהאתר אינו נשמר (שמירת האתר
preview תצוגה מקדימה של האתר
publish פרסום האתר
6
הכרת התפריט הצידי במערכת
Site menu מעבר בין עמודי האתר הוספת דפים דינאמיים
ע של תמונה וידאו ף ניתן לבחור רקבחירת צבע רקע לד מתמונה קיימת או לבחור מדגמים קיימיםועוד ניתן להוסיף
Apply to Other Pages השתמש ברקע זה לכל דפי האתר
Page background
הוספת אובייקטים לדפי האתר תמונות -תפריט הוספה סרטונים כפתורים מוזיקה ועוד
Add
Wix app אפליקציות מחנות האפליקציותפת הוס
market
העלאת קבצים מהענן
יצירת בלוג מעוצב
wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר
ניהול נתונים
7
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
פעמיים) ובחרוהקלידו (את פרטי הדואר האלקטרוני שלכם יפתח חלון נוסף מלאו בו 4
זכרו את הסיסמה היא תשמש אתכם לכניסה חוזרת )הקלידו פעמיים( סיסמא אישית
לאישור ההרשמה הכנסו לתיבת הדואל שהזנתם ואשרו את ההרשמה
לאחר יצירת החשבון יפתח הדף הראשי ליצירת אתר חדש נלחץ על כל משתמש יכול ליצור תחת אותו חשבון מס רב של אתרים
קטגוריה ותבנית בחירת
בין התבניות נוכל לנושאים המקוטלג העשיר תבניותהמאגר הוא Wixמערכת אחד היתרונות של
לאחר שתבחרו יחיד תבניות לדפי נחיתה והזמנות לאירועים שאינם אתר אלא רק דף אינטרנטלמצוא
לנושא שבחרתם מותאמותלצפות בתבניות ותוכל האתר שלכם הקטגוריה המתאימה לנושא את
וחרב 3 פתחיש sign up ב בחלון
3
אפשרויות 2לאחר בחירת התבנית יוצעו 3 bull Create Your Website With Wix Editor עריכת ועיצוב האתר בעצמנו
bull hellipLet Wix ADI בניית האתר עי מערכת אוטומטית
מהחלון שיפתח בחרו את התבנית הרצויה 4
וכדו מסעדנות עיצוב עסקיםבחרו קטגוריה מוזיקה אירועים
נבחר באפשרות הראשונה
EDIT ולחצו על התבנית עמדו על 5
4
3תרגיל
התפריט העליון באתר
כרטיסיות להלן הסבר על כל אחת מהן מחולק למסהתפריט העליון
ולערוך כל עמוד דרך כפתור זה סלהיכנדפדוף בין דפי האתר ניתן
או במחשב )טלפון נייד(תצוגת האתר במוביל
יפתח תפריט עם siteניהול האתר שמירה מחיקה וכדו בלחיצה על
האפשרויות הבאות
bull Save- תר רת האשמי bull Preview- צפיה באתר כפי שיראה באינטרנט bull Get Feedback- אפשרות לקבל חוות דעת מחברים
באינטרנט
bull Publish ndash פרסם את האתר
Site
בלחיצה על החץ ניתן להציג ולהסתיר את
התפריט
5
כגו )חלקם בתשלום(הגדרות מתקדמות לאתר
bull Connect domainndash הדומיין הוא חלק מהכתובת
wixהאתרים שנבנים בwallaשל האתר לדוג כלומר בכתובת -משלהם )שם מתחם(בלים דומיין קמ
גם ניתן לרכוש דומיין חיצוני wixהאתר תופיע המילה בעברית ולקשר אליו את האתר בדכ עם שם החברה
קליט ולא מורכב נבחר בו כדומיין bull Get a Mailbox ndash תיבת מייל אישית לעסקים
Setting
כלים לעריכה ועיצוב
bull Toolbar ndash מופיעה מימין( ת הכליםתרת תיבהצגתהס( bull Rulers - למיקום האלמנטים הצגתהסרת סרגלים bull Gridlines- הצגתהסתרת קווים לתחימת אזורים עיצוב האתר
בתוך קווים תוחמים אלו תסייע ליצירת מראה ידידותי והתאמת האתר למוביל
Tools
Help עזרהתפריט
Upgrade שדרוגים ותוספות
בכל דפי האתר בתצוגה מוקטנת לצפות אפשרות
Save )אוטומטיתהאתר אינו נשמר (שמירת האתר
preview תצוגה מקדימה של האתר
publish פרסום האתר
6
הכרת התפריט הצידי במערכת
Site menu מעבר בין עמודי האתר הוספת דפים דינאמיים
ע של תמונה וידאו ף ניתן לבחור רקבחירת צבע רקע לד מתמונה קיימת או לבחור מדגמים קיימיםועוד ניתן להוסיף
Apply to Other Pages השתמש ברקע זה לכל דפי האתר
Page background
הוספת אובייקטים לדפי האתר תמונות -תפריט הוספה סרטונים כפתורים מוזיקה ועוד
Add
Wix app אפליקציות מחנות האפליקציותפת הוס
market
העלאת קבצים מהענן
יצירת בלוג מעוצב
wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר
ניהול נתונים
7
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
אפשרויות 2לאחר בחירת התבנית יוצעו 3 bull Create Your Website With Wix Editor עריכת ועיצוב האתר בעצמנו
bull hellipLet Wix ADI בניית האתר עי מערכת אוטומטית
מהחלון שיפתח בחרו את התבנית הרצויה 4
וכדו מסעדנות עיצוב עסקיםבחרו קטגוריה מוזיקה אירועים
נבחר באפשרות הראשונה
EDIT ולחצו על התבנית עמדו על 5
4
3תרגיל
התפריט העליון באתר
כרטיסיות להלן הסבר על כל אחת מהן מחולק למסהתפריט העליון
ולערוך כל עמוד דרך כפתור זה סלהיכנדפדוף בין דפי האתר ניתן
או במחשב )טלפון נייד(תצוגת האתר במוביל
יפתח תפריט עם siteניהול האתר שמירה מחיקה וכדו בלחיצה על
האפשרויות הבאות
bull Save- תר רת האשמי bull Preview- צפיה באתר כפי שיראה באינטרנט bull Get Feedback- אפשרות לקבל חוות דעת מחברים
באינטרנט
bull Publish ndash פרסם את האתר
Site
בלחיצה על החץ ניתן להציג ולהסתיר את
התפריט
5
כגו )חלקם בתשלום(הגדרות מתקדמות לאתר
bull Connect domainndash הדומיין הוא חלק מהכתובת
wixהאתרים שנבנים בwallaשל האתר לדוג כלומר בכתובת -משלהם )שם מתחם(בלים דומיין קמ
גם ניתן לרכוש דומיין חיצוני wixהאתר תופיע המילה בעברית ולקשר אליו את האתר בדכ עם שם החברה
קליט ולא מורכב נבחר בו כדומיין bull Get a Mailbox ndash תיבת מייל אישית לעסקים
Setting
כלים לעריכה ועיצוב
bull Toolbar ndash מופיעה מימין( ת הכליםתרת תיבהצגתהס( bull Rulers - למיקום האלמנטים הצגתהסרת סרגלים bull Gridlines- הצגתהסתרת קווים לתחימת אזורים עיצוב האתר
בתוך קווים תוחמים אלו תסייע ליצירת מראה ידידותי והתאמת האתר למוביל
Tools
Help עזרהתפריט
Upgrade שדרוגים ותוספות
בכל דפי האתר בתצוגה מוקטנת לצפות אפשרות
Save )אוטומטיתהאתר אינו נשמר (שמירת האתר
preview תצוגה מקדימה של האתר
publish פרסום האתר
6
הכרת התפריט הצידי במערכת
Site menu מעבר בין עמודי האתר הוספת דפים דינאמיים
ע של תמונה וידאו ף ניתן לבחור רקבחירת צבע רקע לד מתמונה קיימת או לבחור מדגמים קיימיםועוד ניתן להוסיף
Apply to Other Pages השתמש ברקע זה לכל דפי האתר
Page background
הוספת אובייקטים לדפי האתר תמונות -תפריט הוספה סרטונים כפתורים מוזיקה ועוד
Add
Wix app אפליקציות מחנות האפליקציותפת הוס
market
העלאת קבצים מהענן
יצירת בלוג מעוצב
wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר
ניהול נתונים
7
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
3תרגיל
התפריט העליון באתר
כרטיסיות להלן הסבר על כל אחת מהן מחולק למסהתפריט העליון
ולערוך כל עמוד דרך כפתור זה סלהיכנדפדוף בין דפי האתר ניתן
או במחשב )טלפון נייד(תצוגת האתר במוביל
יפתח תפריט עם siteניהול האתר שמירה מחיקה וכדו בלחיצה על
האפשרויות הבאות
bull Save- תר רת האשמי bull Preview- צפיה באתר כפי שיראה באינטרנט bull Get Feedback- אפשרות לקבל חוות דעת מחברים
באינטרנט
bull Publish ndash פרסם את האתר
Site
בלחיצה על החץ ניתן להציג ולהסתיר את
התפריט
5
כגו )חלקם בתשלום(הגדרות מתקדמות לאתר
bull Connect domainndash הדומיין הוא חלק מהכתובת
wixהאתרים שנבנים בwallaשל האתר לדוג כלומר בכתובת -משלהם )שם מתחם(בלים דומיין קמ
גם ניתן לרכוש דומיין חיצוני wixהאתר תופיע המילה בעברית ולקשר אליו את האתר בדכ עם שם החברה
קליט ולא מורכב נבחר בו כדומיין bull Get a Mailbox ndash תיבת מייל אישית לעסקים
Setting
כלים לעריכה ועיצוב
bull Toolbar ndash מופיעה מימין( ת הכליםתרת תיבהצגתהס( bull Rulers - למיקום האלמנטים הצגתהסרת סרגלים bull Gridlines- הצגתהסתרת קווים לתחימת אזורים עיצוב האתר
בתוך קווים תוחמים אלו תסייע ליצירת מראה ידידותי והתאמת האתר למוביל
Tools
Help עזרהתפריט
Upgrade שדרוגים ותוספות
בכל דפי האתר בתצוגה מוקטנת לצפות אפשרות
Save )אוטומטיתהאתר אינו נשמר (שמירת האתר
preview תצוגה מקדימה של האתר
publish פרסום האתר
6
הכרת התפריט הצידי במערכת
Site menu מעבר בין עמודי האתר הוספת דפים דינאמיים
ע של תמונה וידאו ף ניתן לבחור רקבחירת צבע רקע לד מתמונה קיימת או לבחור מדגמים קיימיםועוד ניתן להוסיף
Apply to Other Pages השתמש ברקע זה לכל דפי האתר
Page background
הוספת אובייקטים לדפי האתר תמונות -תפריט הוספה סרטונים כפתורים מוזיקה ועוד
Add
Wix app אפליקציות מחנות האפליקציותפת הוס
market
העלאת קבצים מהענן
יצירת בלוג מעוצב
wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר
ניהול נתונים
7
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
כגו )חלקם בתשלום(הגדרות מתקדמות לאתר
bull Connect domainndash הדומיין הוא חלק מהכתובת
wixהאתרים שנבנים בwallaשל האתר לדוג כלומר בכתובת -משלהם )שם מתחם(בלים דומיין קמ
גם ניתן לרכוש דומיין חיצוני wixהאתר תופיע המילה בעברית ולקשר אליו את האתר בדכ עם שם החברה
קליט ולא מורכב נבחר בו כדומיין bull Get a Mailbox ndash תיבת מייל אישית לעסקים
Setting
כלים לעריכה ועיצוב
bull Toolbar ndash מופיעה מימין( ת הכליםתרת תיבהצגתהס( bull Rulers - למיקום האלמנטים הצגתהסרת סרגלים bull Gridlines- הצגתהסתרת קווים לתחימת אזורים עיצוב האתר
בתוך קווים תוחמים אלו תסייע ליצירת מראה ידידותי והתאמת האתר למוביל
Tools
Help עזרהתפריט
Upgrade שדרוגים ותוספות
בכל דפי האתר בתצוגה מוקטנת לצפות אפשרות
Save )אוטומטיתהאתר אינו נשמר (שמירת האתר
preview תצוגה מקדימה של האתר
publish פרסום האתר
6
הכרת התפריט הצידי במערכת
Site menu מעבר בין עמודי האתר הוספת דפים דינאמיים
ע של תמונה וידאו ף ניתן לבחור רקבחירת צבע רקע לד מתמונה קיימת או לבחור מדגמים קיימיםועוד ניתן להוסיף
Apply to Other Pages השתמש ברקע זה לכל דפי האתר
Page background
הוספת אובייקטים לדפי האתר תמונות -תפריט הוספה סרטונים כפתורים מוזיקה ועוד
Add
Wix app אפליקציות מחנות האפליקציותפת הוס
market
העלאת קבצים מהענן
יצירת בלוג מעוצב
wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר
ניהול נתונים
7
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הכרת התפריט הצידי במערכת
Site menu מעבר בין עמודי האתר הוספת דפים דינאמיים
ע של תמונה וידאו ף ניתן לבחור רקבחירת צבע רקע לד מתמונה קיימת או לבחור מדגמים קיימיםועוד ניתן להוסיף
Apply to Other Pages השתמש ברקע זה לכל דפי האתר
Page background
הוספת אובייקטים לדפי האתר תמונות -תפריט הוספה סרטונים כפתורים מוזיקה ועוד
Add
Wix app אפליקציות מחנות האפליקציותפת הוס
market
העלאת קבצים מהענן
יצירת בלוג מעוצב
wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר
ניהול נתונים
7
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
עיצוב רקע
צבע רקעבחירת
בחירת רקע תמונה
imageלחצו על 1 2
החלון הבא יפתח Imageחיצה על כפתור לב 3
כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(
לבחירת צבע מהפלטה המוצגת לחצו שאינו צבע על הצבע לבחירת מופיע
ולחצ על add color
תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או
תמונות ממאגר wix - חינם
תמונות ממאגר שאטרסטוק בתשלום
בתבניות שימוש רקע ממאגר
wix חינמי של
8
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הוספת וידאו לרקע
עם הלחצן השמאלי של העכבר על הרקע הרצועה תסומן בצבע תכלת ויופיע תפריט בלחיצהChange Strip Background בחירה בו תפתח לנו תפריט
יפתח החלון הבא
יתר דפי האתר נלחץ עלעבור נוהרקע שבחר החלתל
ונבחר את הדפים בהם נרצה שהרקע יופיע לאחר שהרקע התווסף לדף האינטרנט נוכל להזיזו
ולשנות את מיקומו
4תרגיל
מקבצים הוספת וידאוקיימים המחשב האישי
רשתות חברתיות וכדו
חינמי הוספת וידאו wixמהמאגר של
נלחץ לאישור
הוספת וידאו
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
תפריט ניווט כלים לקידום אתר מילות מפתח שילוב מיטבי בגוגל 2שעור
לאתר יצירת תפריט ניווט
את דפי האתר ומאפשר תנועה ובחירה לגולש מציג הוא התפריט העליון באתר הוא תפריט הניווט
שמות דבלב קטגוריות (דפים) עיקריים 7-6להציג בין מומלץ בדפי האתר השונים בתפריט הניווט
קטגוריות חשובות המופיעות ברוב האתרים הן הדפים שיוצגו בתפריט הניווט יהיו קצרים וברורים
אודות דף הבית וצור קשר
לכל מגיעה עם תפריט עליון המכיל קטגוריות שונות שניתן לשנות ולעצב wixר בכל תבנית את
על הקטגוריה הרצויה לחיצה כפולהלחץ כדי לערוך את תפריט הניווט באתר נקטגוריה משויך דף
Manage Menuבתפריט או על
יפתח חלון לעריכה מתקדמת של התפריט
שינוי שם קטגוריה
נות שם קטגוריה באופן הבאניתן לש Renameנלחץ על כפתור העריכה נבחר באפשרות
כניסה לתפריט עריכהכדי לשנות את סדר הקטגוריות נלחץ ונגרור למקום הרצוי
10
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
תמחק Deleteמחוק אותה לחיצה על תסתיר את הקטגוריה מהתפריט מבלי ל Hideלחיצה על
את הקטגוריה ואת הדף המשויך לה
הוספת קטגוריות ודפים לאתר
מחלון העריכה הראשי נבחר באפשרות
בכל הוספת דף תתוסף קטגוריה המקשרת אליו מהתפריט
מתקדמותהגדרות עיצוב
התפריטש בסרגל הכלים שמופיע בלחיצה על כדי לעצב את כפתורי התפריט נשתמ
הגדרות יישור וגודל כפתורי התפריט
עיצוב התפריט צבע הגופן הוספת צל ריווח בן התפריטים ועוד
יצירת תפריט דינאמי הוספת הנפשה לתפריט
חלונית עזרה (מיועד לבונה האתר ולא לגולש) מדריך ועזרה בעיצוב התפריט
פריט באתר עליון תחתון וכדום התמיקו
1תרגיל
לאתר םהוספת אובייקטי
מסוגים שונים תכנים תמונות סרטונים טפסים ועוד םניתן להוסיף לאתר שלנו אובייקטי בתפריט השמאלי addכל אפשרויות ההוספה נמצאות בלשונית
הוספת טקסט
text כדי להוסיף טקסט נבחר באפשרות לקטגוריות בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות טקסט
נבחר את הסגנון הרצוי ואת התבנית הרצויה bull
edit text 11בתיבת הטקסט שתתוסף לדף נבחר באפשרות
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
ת הפסקה ולהוסיף שיפתח משמאל נוכל לשנות את הסגנון העיצוב הגודל הגדרו התפריט דרך bull קישורים ואפקטים
שינוי סוג הגופן (פונט)
פונט בלבדסוגי 3-2כדי לקבל נראות מקצועית לאתר מומלץ להשתמש ב
התוכנה תומכת בעברית ובגלילת הגופנים ניתן למצוא פונטים בעברית
בחירת סגנון חדש
גודל הגופן
פירוט משמאל לימין הדגשה הטיה קו תחתון צבע טקסט מרקר הוספת
קישור לטקסט
כיוון פסקה תבליטים ומספור כיוון כתיבה
הוספת אפקטים
ריווח בין תווים ושורות
סוג הגופן
12
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
טקסט דינאמי ירת סוג האנימציה מהתפריט שיפתחבלחיצה על ובח ניתן להוסיף אנימציה לטקסט
העמוד -כאשר אתם מעצבים תנו דגש מיוחד לעיצוב ותוכן דף הבית הראשון שיראו הגולשים בעת פתיחת האתר
הנראות והתוכן של דף הבית זכרו שאין הזדמנות שניה לרושם ראשונילצאת ממנו שים אם להישאר באתר ולגלוש או הם המשפיעים על הגול
גם הקידום בגוגל מושפע מכך ככל שהגולשים יבלו זמן רב יותר באתר שלכם כך יש סיכוי רב יותר שהאתר יקודם בתוצאות החיפוש בגוגל
הוספת תמונות
imageבאפשרות Addנבחר מתפריט bull שתמשבתפריט שיפתח נוכל לבחור מהיכן ובאיזו תמונה לה bull
ניתן לשנות את מיקום הטקסט בדף בלחיצה בתוך תיבת
הטקסט וגרירה למקום הרצוי
חשוב
הוספת תמונות מהמחשב האישי מהענן מרשתות
חברתיות ועוד
הוספת תמונה מהמאגר החינמי של וויקס
את האפשרויות המורחבות של הוספת תמונה הכרנו בשיעור של הוספת רקע
13
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
עריכה ועיצוב התמונה
התמונהכאשר נסמן את התמונה שהתווספה לדף יוצג סרגל כלים עם אפשרויות לעיצוב בלחיצה על כפתור מסרגל הכלים יפתח תפריט עם אפשרויות מתקדמות
הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה נעמוד על העיגול השמאלי ובעזרת החץ הדו ראשי
נגרור כלפי פנים להקטנה וכלפי חוץ להגדלה
הזזת התמונה תתבצע עי לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים הוספת גלריית תמונות
להוסיף גלריית תמונות לאתר מומלץ לעשות זאת בעמוד נפרד ולהוסיף בתפריט הניווט תןני
נוכל למצוא מאגר עשיר של גלריות מעוצבות שיוסיפו יוקרה wixהראשי לשונית לגלריה ב ומקצועיות למראה האתר שלנו
Galleryבאפשרות Addנבחר מתפריט bull יבתפריט שיפתח נבחר את סגנון הגלריה הרצו bull
הוספת מסגרת מעוצבת לתמונה
חיתוך התמונה בקווים ישרים חיתוך בהתאם
לצורה זום
הוספת פילטר צבעוני לתמונה
הוספת אנימציה לתמונה
הוספת קישור כלו לחיצה על התמונה תפתח
אתר או קובץ
תמונות המופיעות כתמונה אחת גדולה זו לצד זו לחיצה על תמונה תגדיל אותה
סגנונות עיצוב נוספים
תמונות במבנה של מצגת ניתן לעבור בעזרת חיצים לתמונה הבאה
14
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
ריכה ועיצוב תמונות בגלריהע
התמונות יפתח החלון הבאכדי לשנות את התמונות בגלריה נלחץ לחיצה כפולה על אחת
בלחיצה על כפתור שינוי התמונה יפתח חלון ממנו נוכל לבחור מהיכן להוסיף את התמונה החדשה
הוספת סרטונים
האתר ואת תכניו ניתן להוסיף סרטונים מסוגים שונים סרטוני הדרכה ת ו מעשירים אסרטוני וידא
לנושא האתר סרט תדמית שיווקי על החברה שלנו ועוד םרלוונטיי
יפתח התפריט הבא videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט
שינוי התמונה
אישור
הוספת וידאו מהיוטיוב
מהפייסבוק ומאתרים נוספים
הוספת וידאו wixמתבניות
וידאו בתוך צורה
וידאו בצורת אובייקט או
דמות
כותרת הוספת לתמונה
תיאור לתמונה
הוספת קישור (יורחב בהמשך)
15
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הוספת וידאו מהיוטיוב
ע את השלבים הבאיםמהיוטיוב נבצהוסיף וידאו כדי ל מתפריט הווידאו נבחר באפשרות 1
נבחר ב 2
נסמן את הסרטון שהתווסף ונבחר באפשרות 3
נלחץ על שורת החיפוש מימין4
searchאו באנגלית נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית 5 ונבחר את התוצאה הרצויה
16
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הוספת וידאו מהמחשב האישי
כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב
הגדרותנלחץ בתפריט מעל הוידאו שהתווסף על
2תרגיל
ם במנועי חיפושמתקדמות קידו אפשרויות עריכה (נוכל לזהות אותו עם סמל דף הבית -ניתן להוסיף אפשרויות עריכה מתקדמות לדף הראשי באתר
הבית המופיע לידו בתפריט העריכה
Manage Menu נלחץ על לכניסה להגדרות מתקדמות
Settingsנבחר באפשרות בחלון התפריטים שיפתח נלחץ לצד דף הבית על ו
יפתח החלון הבא
נלחץ כדי לפתוח את סייר הקבצים
ולבחור וידאו מהמחשב האישי
17
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
ותחתון כמו ןתפריט עליו עם בדף הבית יוצגניתן לקבוע האם בלשונית 1
ביתר דפי האתר או בעיצוב שונה
פתוח לכל הגולשיםבלשונית ניתן לקבוע האם דף הבית באתר יהיה 2
(לדוג כשעושים אתר משפחתי) פתוח לחברים בלבדאו הצעות סיסמבאמ חסום
שינוי שם הדף
הסתרת הדף מתפריט הניווט
הגדרת דף אחר כדף הבית
18
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
ידום אתרים בגוגלק
מגוון הפעולות הוא )פרסום אורגני או קידום אורגני קרוי לעיתים גם( קידום אתרים במנועי חיפוש
מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של
י החיפוש הנשאלים על ידי שוקי היעד של האתר עד להשגת אותם מיקומים בצמרת טוילבי החיפוש
תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר
מנועי חיפוש מאפשרים לגולשים באינטרנט למצוא אתרים לפי מילות חיפוש כל מנוע חיפוש מקבל
תוצאות מסודרות לפי רלוונטיות רוב המשתמשים במנועי חיפוש צופים רק שאילתה מסוימת ומחזיר
בדף התוצאות הראשון או השני ואינם טורחים לבדוקבתוצאות המתקבלות בראש הדירוג בדרך כלל
תוצאות המופיעות בדפים שמעבר לכך דפוס התנהגות זה מסביר את רצונם של בעלי האתרים להופיע
ועי החיפוש באתרים רבים להגברת החשיפה יש השפעה כלכלית בין אם האתר בצמרת הדירוג של מנ
מפרסום אפילו באתרים המבוססים על תרומות גיוס משמש למכירת מוצרים ובין אם מניב רווחים
התרומות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתר
וגי קישוריםדף התוצאות שמנוע חיפוש מחזיר מכיל בדרך כלל שני ס
תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש bull
בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד bull )פרסומות( קישורים ממומנים -החיפוש
כאשר מדברים על קידום אתרים מתכוונים לקידום בתוצאות החיפוש האורגניות המוצגות בעמוד (ויקיפדיה)תוצאות החיפוש ולא על הקישורים הממומנים
מילות מפתח
מפתח הן המיליםהביטויים שכותבים גולשי האתר במנועי החיפוש ככל שנדייק ונתאים את מילות
חת מילות המפתח למילות החיפוש של הגולשים כל יגדלו הסיכויים שהאתר שלנו יוצג להם בא
מהתוצאות הראשונות לדוג הקמנו אתר לחנות פרחים ביהוד בו מוצג מידע ופרטי העסק תמונות של
הוד להזמין סידור פרחים בי םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי
וד סידורי פרחים ביהוד ועוד ככל שתגדירו באופן מדויק יותר את קהל היעד של משלוחי פרחים ביה
לראש שלו לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם כך תצליחו להיכנ
תדייקו את מילות המפתח של האתר
19
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
ממה מושפע קידום האתר בגוגל
קומות הראשונים בחיפוש בגוגל הקפידו ם שהאתר שלכם יופיע במכדי להגדיל את הסיכויי
על הפרמטרים הבאים
לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל ndash מבנה האתר 1
אתר עם תוכן עשיר איכותי טוב ומקורי -התכנים באתר 2
לגוגל במה עוסק דף מסוים באתר ת ורומילות מפתח הן מילים מרכזיות המ ndashמילות מפתח 3
דפיםבכותרת העמוד בתיאור הנלווה ובתוכן ה חשוב שמילים אלו יופיעו
מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים -קישורים חיצונים 4
כותרת בלשונית נוכל לסייע בקידום האתר עי הקלדת מילות המפתח
במנועי חיפוש וופיעיכפי ש האתר ותאורו
נגלול את החלונית להזנת פרמטרים נוספים
כותרת כתובת ותיאור האתר כפי שיוצגו
במנועי החיפוש
לשינוי כותרת שם האתר נקליד בשורה
זו את השם הרצוי
הוספת מילות מפתח אתר שלב אחרי שלבל
20
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הוספת מילות מפתח לאתר
נלחץ על 1
בחלון שיפתח נבחר מהתפריט השמאלי2
settings נלחץ בחלק העליון על 3
keywords בתפריט שיפתח נגלול עד 3
מטלת בית 4 תרגיל 3 תרגיל
ת דף הביתכתוב
נזיז את המחוון אם נרצה שהאתר לא יופיע בתוצאות החיפוש בגוגל
נקליד בשורה זו את התאור על תוכן
האתר
נקליד בשורה זו את מילות המפתח
לאחר שהזנו את מילות מפתח נוכל להוסיף ה
מילות מפתח בלחיצה keywordsעל
21
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
קישורים והפניות 3שעור אחד למשנהו הקישורים מקשרים את הוא אמצעי המאפשר לעבור מדף ) Linkלינק נקרא גם( קשור
ם ונוחים בלחיצת ברשת האינטרנט לקלי הדף הנוכחי לדפים אחרים והופכים את השימוש והניווט לים או לכל מקום אחר ברשתיכבר אחת יכול המשתמש לנוע בין אתרים לעבור לאתרים מקבע
(ויקיפדיה)
שאנו מעלים לאתר באופן הבא טניתן להוסיף קישור לכל אובייק
כפתור טאובייק
שבלחיצה קיימים כפתורים מוכנים בעיצובים שונים הכפתורים משמשים כקישור כך Addבתפריט על כפתור נפתח אתרדף קובץ כלשהוא
באפשרות ובחרו ddAעל כפתור לחצו bull מהתפריט שיפתח בחרו בכפתור הרצוי bull
הלקוח חשוב להשתמש בכל כפתור מאויר בהתאם למטרתוכדי לשפר את חווית לדוג כפתור המעטפה יקשר לכתובת מייל וכדו
בהוספת הכפתור לדף ולחיצה על bull תפתח חלונית לבחירת הקישור הרצוי נסביר על חלק מהאפשרויות bull
קישור לאתר אינטרנט חיצוני
קישור לדף ספציפי באתרנבחר את הדף הרצוי בלחיצה על
החץ קישור למסמך
קישור למס טלפון גולשי האתר שיגלשו מטלפון נייד או מטאבלט
יחויגו אוטומטית בלחיצה על הקישור
קישור לכתובת המייל ניתן להגדיר את נושא המייל כך שבלחיצה
אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת
נגדיר האם הקישור יפתח בחלון נפרד
או באותו חלון באתר
22
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
קישור לטקסטיצירת
סמנו את הטקסט (בלחיצה על המסגרת) 1
בחרו באפשרות 2
בחלונית העריכה שתפתח לחצו על 3
תפתח החלונית עליה הרחבנו בסעיף הקודם 4
חוק שלוש הלחיצות
שלוש באתר חייב להיות במרחק של כל דף חשוב החוק אומר ש
למרבית פתחיותר לא ירחוק מדף הבית דף שנמצא לחיצות
הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד
1תרגיל
קיבוע לחצנים ותמונות
תמיד יופיעו בדף גם םיבדף (כגו טקסטים לחצנים תמונות ועוד) כך שהאובייקט םקבע אובייקטיניתן לחשובים שנרצה םכאשר נגלול אותו מעלה ומטה נשתמש באפשרות זו רק שנרצה לקבע אובייקטי
שיופיעו לגולש באתר תמיד מול העיניים הרצוי טנלחץ לחצן ימני על האובייק 1
Pen to Screen נבחר מהתפריט שיפתח ב2
טמדויק של האובייק בחלון שיפתח נבחר מה יהיה מיקומו ה3
pin settingבחרו באפשרות ט כדי לבטל את הקיבוע לחצו לחצן ימני על האובייק4
בחלון שיפתח בחרו
חשוב לדעת
23
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הוספת אפליקציות
מקצועי ומרשיםשנוכל להוסיף לאתר ולקבל מראה אפליקציות חינמיות wixקיימות ב כדי להוסיף אפליקציות
רותמהתפריט השמאלי באפש בחרו bull
Categoriesבאפשרות בחרובחלון שיפתח bull
(אפליקציות חינמיות) Free Appsבחרו באפשרות bull
תפתח רשימת אפליקציות שתוכלו להוסיף לאתר ללא תשלום bull נציג חלק מהן
מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר ndashלחזור בקלות לראש הדף
לאתרים עם הרבה מלל או תמונות בדף אחד
הגנה מפני שמירת תמונה באמצעות
לחיצה ימנית על סמן העכבר
מונע ממשתמשים להוריד תמונות שיצרתם
הוספה של טופס הצטרפות ndashהשג מנויים
לרשימת דיוור והוספת אפשרות של לרשימה גדולה של גולשים שליחת דיוור
שבחרו להירשם לרשימה זו
מתריע בפני קיוקהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש
משמשים לפתיחת האתר בצורה ה םקבציבפעם הבאה שהגולש יכנס מהירה יותר
אליו
24
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הוספת האפליקציה לאתר נעשית בלחיצה עליה
מתחת לכל אפליקציה יופיע מס המציין את מס הפעמים שהורידו בוני אתרים את האפליקציה וכן בכמה כוכבים הם דרגו אותה
2תרגיל
מאפשר הוספת ndashPDFמציג קבצי
לאתר האפליקציה PDFקובץ
תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא
הגולשים מותקנת על מחשבי
מאפשר לספור את כניסות מונה
מספר הכניסות לאתר
מאפשר להוסיף שפת תצוגה מעבר שפה
(את התרגום לשפה נוספת לאתר שלך
הנוספת עליך לעשות בעצמך אך
האפליקציה מאפשרת למשתמש לעבור
לשפה אחרת בצורה נוחה)
25
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
הוספת טפסים
ניתן להוסיף לאתר טפסים מסוגים שונים דרך הטפסים יכולים גולשי האתר ליצור איתנו קשר פסים מתבצעת בדרך הבאהת הטהוספלהשאיר הערות בקשות ועוד
עמדו על הדף באתר אליו תרצו להוסיף את הטופס bull
באפשרות ובחרו ddAעל כפתור לחצו bull בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים
לחיצה על הטופס הרצוי תוסיף אותו לדף bull
סוגי טפסים
1
2
3
4
5
6
(פידבק) על האתר ותכניו השארת משוב 3לעבודה הגשת מועמדות 2יצירת קשר 1 הצטרפות כמנוי לרשימת דיוור6 הצעת מחיר 5 הצטרפות לתחרות 4
עריכת הטופס
ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף
לחיצה על מסגרת הטופס תציג את תפריט העריכה
הגדרות טופס יפתח חלון להגדרות
מתקדמות כגו הגדרת כתובת
מייל אליה יגיעו הטפסים
אפשרות לערוך כל שדה בטופס
לשנות את הטקסט לעברית להגדיר אם הוא שדה חובה ועוד
הוספת שדה לטופס יפתח חלון ממנו נבחר
איזה שדה יתווסף ואיזה סוג תשובה תהיה לו מסוג תאריך מסוג
מספר וכדו
בחירת עיצוב חדש לטופס
26
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
יפתח החלון הבאהרצוייא עי לחיצה כפולה על השדה דרך נוספת לעריכת שדות הטופס ה
הצגת כותרת מעל השדה יש להזיז את
המחוון
שם השדה (הסבר מה על ממלא הטופס
להקליד בשדה) ניתן להקליד בעברית
ובאנגלית
שדה נדרש בסימון וי יהפוך השדה לשדה
חובה שבלעדיו לא ניתן לשלוח את הטופס
מחיקת טופס
Deleteכדי למחוק טופס נסמן את הטופס (בלחיצה על המסגרת) ונלחץ על מקש במקלדת
תרגיל 3
27
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
התאמת האתר לנייד
מהישראלים גולשים בו 79-מהישראלים יש טלפון חכם ו 84 -לעל פי סקר איגוד האינטרנט באינטרנט
כדי לאפשר צפיה מיטבית באתר שלנו וחווית משתמש עלינו לבצע התאמה של האתר לנייד כך וגה ממכשיר נייד יופיעו כל תכני האתר בצורה מיטביתשבתצ
מסך הטלפון הנייד קטן הרבה יותר ממסך המחשב כדי להתאים את האתר עלינו לצמצם את גודל האלמנטים כדי שלא ליצור עומס במסך הקטן
תתבצע בדרך הבאהניידהתאמת האתר לגלישה ב
הנייד בתפריט העליון ןלחצו על אייקו
ומצד שמאל תפריטיתקבל מסך בו יופיע האתר בתצוגת נייד
מופיע תפריט הניווט העליון במקומו מופיע תפריט ניווט המבורגרבתצוגת נייד לא שלחיצה עליו תפתח את הקטגוריות שמכיל האתר
התאמה לגלישה ממחשב
התאמה לגלישה מנייד
28
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
אפשרויות התפריט השמאלי
ם כמו התפריטים והדפי ניתן להשאיר את-עריכת התפריטים ודפי האתר מהתפריטים שהם וניתן ליצור אתר בגרסה שונה לנייד המכילה רק חלק
או מתכני הדפים
ניתן להגדיר תמונת רקע שונה לגרסת הנייד וניתן -עיצוב תמונת רקע הקיימת להשאיר את התמונה
אפשרות להוסיף כלים מתקדמים לדוג -ניידכלי
אפשרות -ותסרגל פעולות מהיר סרגל שיופיע בתחתית להוסיף
האתר ויאפשר לגולש לבצע מהירות כגו חיוג שליחת פעולות
קישור מיקומכם על המפה מייל לפייסבוק של האתר ועוד
אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף
תעביר את הגולש לדף העליון באתר
אפשרות להוסיף -מסך הפתיחה דינאמית לוגו המותג בצורה את
במסך הפתיחה של האתר
שינוי הצבע של שורת הכרום באתר כך שיתאים לגווני האתר
יוסתרויוצגו םניתן להגדיר איזה אובייקטי םהסתרת אובייקטיניהול ןאייקו נלחץ על ט נסמן את האובייקט כדי להסתיר אובייקבגרסת הנייד
לאחר Hide באפשרות בחירה לחצן ימני ו והעין שיופיע לידו אערוך ולהציג ל הז כפתור דרך נוכל הרצויים םשהסתרנו את האובייקטי
אותם
לנייד שימוש בפריסת דף מיטבית כדי לקבל תוצאה מושלמת
29
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
התאמה ידנית של אובייקטים
באופן ידני ובייקטיםניתן להסיר להקטין ולהגדיל א
Deleteבעזרת העכבר ומחיקה עם מקש טהאובייק מוןסי -טהסרת אובייק bull
סימון האובייקט לחיצה על אחד מהקצוות שלו עם לחצן העכבר -הקטנה והגדלה של אובייקט bull תקטין-תגדיל את האובייקט גרירה כלפי פנים -השמאלי גרירה כלפי חוץ
והקטנה להגדלה סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט bull
פרסום האתר
משביעת רצון מגיע שלב פרסום האתרלאחר שסיימנו לערוך לעצב ולכתוב והתוצאה
נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)
יש ללחוץ בנפרד בכל חלון -כפתור זה מופיע גם בחלון ההתאמה לנייד וגם בחלון ההתאמה למחשב
יפתח המסך הבא
מהאתר wixניתן לרכוש שירותים נוספים כגו הסרת פרסומות לחודש 4$העלויות לדומיין הם החל מ וכדו בתשלום נפרד
4תרגיל
כתובת האתר שלנו מתקבלת wixכתובת ארוכה עם דומיין של
כדי לקבל מראה מקצועי יותר ניתן לרכוש בתשלום דומיין אליו
תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם
החברה בלבד בלי תוספות ארוכות
30
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
wixניהול האתר דרך אפליקציית
האפליקציה קיימת -בנייד wix לאחר שפרסמנו את האתר נוכל לנהל ולערוך אותו דרך אפליקציית ת לנהל את האתר לשמור על קשר עם לקוחות להיות זמינים ולא ם בשפה העברית והיא מאפשרג
לפספס הודעות חשובות
(Google play App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור 1
צו על האייקון של האפליקציה כדי לפתוח אותהלח 2
רשמתם סבוק גוגל או דרך כתובת המייל איתה נדרך הפיי -בחרו כיצד להתחבר לאפליקציה 3 לאתר
לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם לחצו על האתר הרצוי
שינוי שפת האפליקציה
my account לחצו על -האפליקציה היא בשפה האנגלית לשינוי שפהברירת המחדל של
save ת ולחצו עלאת השפה העבריבחרו מהרשימה App language ובחרו באפשרות
אפשרויות האפליקציה
בחלק התחתון מופיע תפריט
ניהול החשבון -החשבון שלי bull
ניתן לקבל התראות כשיש גולש באתר לשוחח איתו ולעזור לו למצוא מה שהוא מחפש -צאט bull
חזרה לדף הראשי של ניהול האתר -ראשי bull
במסך הראשי של האפליקציה יופיעו כל
האתרים שתחת החשבון שלנו נלחץ על ניהול- כדי
לערוך את האתר הרצוי
מראה האתר כפי שמופיע לגולשים בנייד עם אפשרות
לעריכה ותוספות
יצירת בלוגים ניהול דיונים הוספת אירועים הזמנת מקומות מכירת תוכניות בתשלום וניהול קבוצות
31
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
ליצור לעלות תמונות וסרטונים לכתוב זמנות שהתקבלו באתרכל לנהל השיפתח נו מחלון הניהול קופונים על מבצעים שווים לגולשי האתר ועוד
ונוסיף סרטונים ותמונות הוספת מדיהנבחר באפשרות -מנהל מדיהכדי להוסיף תמונות נלחץ על לערוך ולחתוךהעלינו ניתן את התמונות ש מהטלפון הנייד או מצילום של תמונה או סרטון
(מהתפריט החשבון שלילאחר שסיימנו לערוך את האתר מומלץ להתנתק מהאפליקציה בלחיצה על התנתקותהתחתון) ובחירה באפשרות
32
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
התקנת המערכת WordPressהכרות עם 4שעור
בלוגים ואפליקציותרי אינטרנטהיא מערכת לניהול תוכן באמצעותה אפשר ליצור ולנהל את וורדפרס
כך חקוד פתומבוססת על WordPressשל המערכתעליו למדנו בשיעורים הקודמים wix בשונה מ
שהאפשרויות בה הן בלתי מוגבלות (המדריך יחזור בקצרה על יתרונות קוד פתוח כפי שנלמדו בשיעור
המערכת ידידותית מאד בכל ובעוד עשרות שפותהמערכת תומכת באופן מלא בשפה העברית הראשון)
וכיום מעל )מנוע החיפוש של גוגל מתעדף אתרים שנבנו בוורדפרסמה שקשור לקידום אתרים בגוגל (
(אחד מכל שלושה אתרי אינטרנט) מאתרי האינטרנט פועלים בפלטפורמה זו 34
שלב ראשון התקנת האתר על השרת
סגור כך שכל קבצי האתר מאוחסנים אצל החברה ואין לנו נגישות לקוד סביבת וויקס היא סביבת קוד נגישות מלאה לקבצי האתר ואנו מאחסנים אותם לעומת זאת וורדפרס מבוססת על קוד פתוח יש לנו
במקום לפי בחירתנו
כדי להתחיל לעבוד עם וורדפרס עלינוובסיסי קבצי האתר שלנוכל יאוחסנו וב מחשב להשכרה זהו מעין לחברת אחסון םלהירש 1
(הרישום לחברת האחסון הוא בתשלום) הנתונים ומשם האתר יוצג לגולשים
שעות כמו 24השרת בו נשמרים הקבצים צריך להיות זמין למה לא ניתן לאחסן במחשב האישי שלנו כן המחשב האישי לא יכול לעמוד בעומס הנתונים והקבצים
בת האתר=שם מתחם=כתולרכוש דומיין 2 את הוורדפרס על השרת להתקין 3
השירותים ניתן דרך חברה אחת כך שניתן דרכה גם לרכוש מקום אחסון בשרת וגם לרכוש בדכ מכלול דומיין ופעמים רבות החברה מבצעת את ההתקנה של וורדפרס
בה נדרשנו מערכת וויקס (לעומת נראה אומנם מתיש ומסורבל של ההתקנה השלב הראשון בוורדפרסבסופו של דבר הוא שכל קבצי האתר נשארים אך היתרון )רק לתהליך רישום קל כדי לבנות אתר
אצלינו איננו מחויבים לאחסן את הקבצים רק בחברת וויקס (שמציעה אומנם פתרון אחסון חינמי אך כמובן מערכת כתובת הדומיין שמתקבלת אינה מקצועית ובאתר מופיעות פרסומות שאינם בשליטתנו) ו
בצע בה כל דבר שרק נרצה (לעיתים בעזרת מפתחים אך הדבר וורדפרס היא קוד פתוח כך שניתן ל אפשרי) לעומת וויקס שגם בה אין סוף אפשרויות אך לא ניתן לבצע שינויים במערכת עצמה
קישורעוד על ההבדלים ב
33
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
HostGatorבחברת ירות אחסון על רכישת דומיין ושהדגמה
ת שרתי אחסון אחרים דרכם כמובן שאין בדוגמה המלצה או אחריות על השימוש בשירות קיימים מאו ניתן לרכוש את השירות
אפשרויות 3יופיעו הקישורנלחץ על
יפתח החלון הבא
היה תפוסה תוצג רשימה של כתובות פנויות שנבחר מתוכםיתכן והכתובת ת כמו כן תוצג רשימה של כתובות עם סיומות שונות מה שיכול להוזיל את העלות
המסלול הבסיסי והמוזל ביותר
מתאים לאחסון אתר אחד
נקליד את שם הדומיין=שם האתר
שלנו
נבחר את הסיומת
נבחר באפשרות זו אם כבר יש לנו
דומיין
34
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
נזין את פרטי כרטיס האשראי לחיוב
נבחר את מס החודשים לרכישת
השירות ככל שנבחר מס חודשים
רב יותר העלות לחודש תוזל
נזין שם משתמש להתחברות וקוד שישמש אותנו בשרות הלקוחות
35
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
שירותים נוספים המוצעים בתשלום
בת מייל מקצועית (עם סיומת זהה לשם האתר) וכדו כגו הגנה מפני האקרים גיבוי לאתר כתו
בתחתית העמוד תופיע העלות הסופית עם פירוט הרכיבים חשוב לעבור עליה בעיון לפני האישור
HostGatorלאחר שביצענו את התשלום יפתח עמוד עם לוח הבקרה של 36
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
חסוןכעת עלינו להתקין את וורדפרס על שרת הא
Hostingנבחר מתפריט הצד באפשרות
פאנל הניהול של הדומיין Cpanelבחלון שיפתח נלחץ על
WordPressיפתח חלון ממנו נבחר באפשרות של התקנת 37
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
נבחר את שם הדומיין שלנו מהתפריט הנפתח
לנו (ניתן לעדכן ולשנות את השם בהמשך) שם המשתמש בחלון הבא שיפתח נזין את שם האתר ש installסיסמה וכתובת מייל ולסיום נלחץ על
גם במייל ישלחו אלינובצד ימין תופיע לנו כתובת האתר החדשה עם פרטי ההתחברות ש
לאתר הוא סלהתעדכן כך שכעת אם ננסה להיכנחשוב לזכור לכתובות אתר חדשות לוקח מס שעות יה זמיןלא יה
חברות אחסון ישראליות כאשר היתרון בהם הוא שרות בעברית ושרתי אחסון בארץ מה גם קיימותיום ניסיון בחינם מה 30 חלק מהחברות מציעות שמאיץ את מהירות הגלישה לגולשים בישראל
החלטה רק לאחר שבדקנו את השירות והאיכותשמאפשר לנו לא להתחייב ולקבל
אתרים בעברית ובחול ויבצעו הערכה של המחירים מידים יחפשו באינטרנט שרותי אחסון התל 1תרגיל והמלצות
ניהול האתר
לאחר שהתקנו את וורדפרס על שרת האחסון ורכשנו כתובת דומיין קיבלנו כתובת אינטרנט wp-adminומימינה לממשק הניהול של האתר נקיש את כתובת האינטרנט סלהיכנכדי Wp של קיצור WordPress
יפתח חלון ההתחברות של וורדפרס
38
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
את מייל הרישום שקיבלנו נאמת 1(עותק שלהם נשלח אלינו במייל יחד שם המשתמש והסיסמהנזין את פרטי ההתחברות שלנו 2
עם כתובת האתר)
מראה חלון עריכת האתר
רדפרס הוא באנגלית ניתן לשנות לעברית עי לחיצה בתפריט הצד על ברירת המחדל של ממשק ווsettings-
settings-General בלחיצה על השפה האנגליתברירת המחדל של שפת הממשק היא
39 נאשר את השינויים ירושלים -Timezone עברית ndash Site language ב בעמוד שיפתח נבחר
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
כעת הממשק יופיע בשפה העברית
בהמשך נכיר לעומק את כל חלקי הממשק ואפשרויות המערכת
התקנה על שרת המחשב-אפשרות שניה שרת מקומי
כפי שלמדנו לפני שמתחילים לעבוד עם הממשק של וורדפרס יש צורך לרכוש בתשלום דומיין ומקום
בשרת אחסון
קיים פתרון מקומי בו אנו מתקינים שרת ציבורי למי שמעוניין רק להתנסות במערכת וליצור אתר שאינו
נעלה את הקבצים לשרת לאחר שנסיים את האתר ונרצה להפוך אותו לציבורי על המחשב הפרטי שלנו
להוריד בקלות את התוכנות ממנוע החיפוש ניתן wampו xamppתוכנות בשם 2אחסון קיימות
של גוגל ולהתקין בצורה פשוטה על המחשב
הכפתור נוריד את קבצי התוכנה בלחיצה על וורדפרסמכן נכנס לאתר של לאחר
)ורחב בקישורהסבר מונתקין על השרת המקומי שהתקנו על המחשב (
ליו כמו כן ניתן לערוך את האתר רק מהמחשב האישי בבית ע אופציה זו מעט מורכבת ודורשת ידע טכני
השרת המקומי ןמותק
40
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
אפשרות שלישית התקנה ניסיונית בענן
מבלי להתחייב בשלב הראשון על תשלום לשרת אחסון ורכישת כאשר אנו רוצים ליצור אתר ניסיוני
המחשב האישי ולהתעסק בהתקנה ידנית נוכל ומצד שני לא מעוניינים להתקין שרת מקומי על דומיין
מה שיאפשר לנו גם התקנת וורדפרס בלחיצת כפתור וגם גישה ענןלהתקין את האתר הניסיוני על
נרכוש שטח אחסון ודומיין לעריכת האתר מכל מקום לאחר שנרצה להפוך את האתר שלנו לציבורי
אחסון חברתענן לבצים של האתר מהנעביר את הקו י שהסברנו בחלק הראשון של השיעורכפ
codanywhereהדגמה באתר
Sign upנכנס לאתר ונבחר באפשרות 1
סיסמהונבחר כתובת מיילנזין 2 נאשר את המיילנכנס לכתובת המייל שלנו ו 3
Editorפשרות נבחר בא 4
WordPressשלנו ונכתוב בשורת החיפוש שם לסביבת העבודהנקליד 5
41
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
create נבחר באופציית הוורדפרס הראשונה שתופיע ונלחץ על 6
נמתין מס שניות המערכת תותקן 7 הקישור הראשון נלחץ על 8
המשךונלחץ על עבריתנבחר בשפה ה יפתח לנו חלון ההתקנה של וורדפרס 9
התקנת וורדפרסחלון הבא נזין את השדות הדרושים ולסיום נלחץ על הכפתור התחתון יפתח ה
מערכת הוורדפרס הותקנה בהצלחה
42
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
מראה ממשק המערכת
כדי לראות את האתר (שכמובן כרגע חסר תוכן) נלחץ בתפריט העליון על
codanywhereלאתר בכל כניסה חוזרת לוורדפרס עלינו להיכנס ראשית
להריץ את וורדפרס ולהיכנס עם שם המשתמש והסיסמה
הכרות עם ממשק המשתמש
ולבצע עדכוני לא נוכל להוריד את כל התוספים תן שהתקנו את הוורדפרס על סביבה ניסיונימכיוו גרסה
נכיר את ממשק המשתמש
עליוןתפריט
תפריט צידי
43
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
מכיל את כל האפשרויות והתבניות לעריכת ועיצוב האתר כולל התקנת תוספים לשדרוג צידיהתפריט ה האתר
מעבר ומצד ימין ויציאה מהמערכתמאפשר גישה לפרופיל המשתמש מצד שמאל התפריט העליון לאתר מידע על עדכונים שממתינים ותפריט מקוצר להוספת פוסט מדיה וכדו
קטגוריה בתפריט תפתח תת אפשרויותלחיצה על
לוח בקרה
יופיע מידע כללי על האתרבלשונית לוח בקרה
התגובות פעילות אחרונה כל הפוסטיםndashראשי bull אפשריים לאתרהצעות לשדרוגים ndashשדרוגים bull
פוסטים
הקטגוריות והתגים של האתר כל הפרסומים ניהול
רשימת הפוסטים עריכה ומחיקה ndashכל הפוסטים bull הוספת פוסט חדש ndashפוסט חדש bull ניהול קטגוריות ndashקטגוריות bull צפיה בתגיות ndashתגיות bull
מדיה
ועוד קבציםסרטונים תמונות ניהול המדיה של האתר
המדיות אפשרות עריכה ומחיקהרשימת כל ndashספריה bull העלאת קובץ מדיה חדש ndashקובץ חדש bull
עמודים
ניהול העמודים באתר
עריכה ומחיקהצפיה בעמודים ndashכל העמודים bull הוספת עמוד חדש ndashעמוד חדש bull
תגובות
צפיה בתגובות הגולשים עריכת התגובות תגובות למשתמשים ועוד
44
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
עיצוב
לעיצוב האתרמאגר תבניות ndashתבניות bull תבניות-עיצובכדי לבחור תבנית עיצוב חדשה לאתר נלחץ בתפריט הצידי על bull עצום של תבניות שנוכל לבחור מתוכם נקבל מגוון תבנית חדשהבחלון שיפתח נלחץ על bull
עיצוב ועריכת שינויים בתבנית ndashהתאמה אישית bull לתפריט הצד הוספת וידגטיםכל הוידגטים ndashוידגטים bull ניהול ועריכת תפריט האתר ndashתפריטים bull עריכת התבנית (מומלץ לא לגעת אם לא בקיאים) ndashערוך bull
תוספים
לנו בקלות תכונות שימושיות לאתר שלנו (דומה לאפליקציות הם אפליקציות שמוסיפות תוספים
בוויקס אך מכיוון שבוורדפרס כל מפתח יכול ליצור ולהוסיף תוסף האפשרויות הן כמעט בלתי מוגבלות
וכל הזמן מתעדכנות ) מכיוון שאנו נמצאים על שרת זמני לא נוכל להוסיף תוספים אך נכיר את
ויותהאפשר
צפיה בתוספים שהותקנו הסרת תוספים ndashתוספים מותקנים bull
בחלון שיפתח נוכל תוסף חדש -תוספיםנלחץ בתפריט הצידי על תוסף חדש כדי להוסיף bull
להקליד שם של תוסף או לחפש תוספים פופולרייםמומלציםמועדפים
45
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
בפשטות הוא מאפשר לעצב את דפי האתר Elementorאחד התוספים הפופולריים ביותר הוא
ובקלות ונותן תוצאות מרהיבות
(גישה לקוד התוסף מומלץ לא לגעת)עריכת התוסף ndashעורך bull
משתמשים
ניהול משתמשים באתר (שימושי לאתר עם משתמשים רשומים)
רשימת כל המשתמשים הרשומים באתר ndashכל המשתמשים 1 הוספת משתמש חדש ndashמשתמש חדש 2 ל המשתמש הוספת תמונה תיאור וכדוניהול מידע ע ndashיל אישי ופפר 3
כלים
רשימת כלים שימושיים ndashכלים זמינים bull יבוא פוסטים מבלוגים ndashיבוא bull יצוא האתר לצורך גיבוי העברה לשרת אחסון אחר ndashיצוא bull
רותהגד
שם האתר מבנה הקישורים תגובות ועודהגדרת אפשרויות האתר
הגדרות כלליות של האתר ndashכללי bull דרות כתיבההג ndashכתיבה bull תצוגת עמוד הבית תצוגת פוסטים ועוד ndashקריאה bull ניהול דיונים באתר ndashדיון bull הגדרות תמונה ומדיה ndashמדיה bull עריכת ועדכון הקישורים באתר ndashמבנה קישורים bull
46
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
WORDPRESS ORG COM ההבדל בין 5שעור WordPressorg
רס יש צורך להתקין את האתר על שרת אחסון כפי שלמדנו כדי להנות מהיכולות המופלאות של וורדפ WordPressorg מערכת וורדפרס המלאה עם כל התוספים והאפשרויות נמצאת בכתובת ולרכוש דומיין
הורדה של כאשר בונים אתר מסחרי או אתר לגוף רציני מומלץ לבחור באופציה זו הדורשת כאמור אחסון התקנה על שרתו המערכת מהכתובת הנל
comrdPressWo
גרסה זו יושבת על השרתים של וורדפרס WordPresscomבכתובתקיימת גרסה בסיסית של וורדפרס ולשלוט בשטח היא מוגבלת מבחינת היכולות לעומת המערכת המלאה ולא ניתן להתקין עליה תוספים
בת כמעט לחלוטין לגרסה המורחדומה היא בצורת הממשק אךהאחסון ובמהירות האתר זהו פתרון יעיל לכל מי בקלות לעבור לעבוד על המערכת המורחבתולאחר שלומדים לעבוד עליה ניתן
שרוצה לבנות אתר אישי בסיסיבלוג מבלי להתעסק בכל הפרטים הטכניים של ההתקנה בדומה לוויקס לאחר ביצוע רישום לאתר ניתן להתחיל בבנייה
ן אחר כרצוננונוכל להעביר את הקבצים לשרת אחסו WordPresscom גם לאחר שבנינו אתר ב
comWordPressהכרות עם
httpswordpresscomstartuserheref=homepageנכנס לאתר בכתובת שלבים) 7ימים נבצע את כל השלבים הנדרשים ליצירת חשבון חדש (קי
47
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
נסמן איזה סוג אתר ברצוננו לבנות (ניתן לשנות את ההגדרות מאוחר יותר) 2שלב
נקבל תצוגה מוקטנת של תבנית האתר במחשב ובסלולרי -לאחר שנבחר נושא
נקליד הסבר על הפעילות של העסק האתר 3שלב
העסק האתר שלנושם נקליד את 4שלב
לאתר לטקסט ולתמונות (נוכל לשנות זאת מאוחר יותר) סגנון עיצובנבחר 5שלב
כתובת האתר שהגולשים יקלידו בדפדפן-דומייןבחירת 6שלב
אם יש ברשותנו דומיין אותו רכשנו מספק אחר נלחץ על האפשרות
בל רשימה של כתובות פנויותנק-שיופיע ככתובת האתר שם העסקאם לא נזין באנגלית את
ככל שהכתובת שתוצג תהיה דומה יותר לכתובת שביקשנו כך העלות שלה תהיה גבוהה יותר כמו כן
יותריהיו יקרות com כתובות בסיומת
wordpresscomתוצג אפשרות של כתובת בחינם בדכ כתובת ארוכה ועם סיומת של
ל להסתפק בכךאך בשלב הראשון כשמדובר באתר אישי נוכ
לחיצה על החץ תפתח איםשרשימת נו
לבחירה
48
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
בחירת תוכנית7שלב
מתחת לכל אופציה יש פירוט של מה שהיא כוללת (המדריך יסביר על כל -קיימות אופציות בתשלום
ועל היתרונות שקיימות באופציה שבתשלום)אופציה
אנו נבחר באופציה החינמית בלחיצה על
ממשק המשתמש
wordpresorgלממשק של מבנה ממשק המשתמש דומה מאד
תשתנה תצוגת החלון השמאלי ויופיע תפריט עליון הצגת האתרכפתור בלחיצה על 1
מראה האתר כפי שיופיע =מחשב בשולחן עבודה
ניידנייח =טאבלטלוח
טלפון ניידותצוגת האתר כפי שיוצג
מנועי חיפושב
תצוגה מקדימה של כתובת האתר האתר
הצגת האתר1
תפריטים2
49
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
תפריטים 2 הגולשים המבקרים תגובות ליקיים וכדומידע על האתר כמות סטטיסטיקות
אחרת בתשלום שבחרנו ניתן לשדרג לתוכנית מידע על סוג התוכנית תוכנית
תציג את האפשרויות הבאות אתרכפתור לחיצה על אתר
סרטונים תמונות מסמכיםמדיה פוסטים עמודיםהוספת ועריכת
של גולשי האתר תגובות
מכיל את כל האפשרויות לעיצוב האתר עיצובכפתור עיצוב
אתריצירת התפריט הראשי של האתר הגדרת שם האישית התאמה
כרטיסיות הקטן שמופיע ב ן(האייקו אור האתר הוספת סמל לאתרית
ועוד הדפדפן)
מאגר תבניות לעיצוב האתר תבניות
ויצוא של קבצי האתרהוספת תוספים (אופציה בתשלום) יבוא כלים
שפהניהול הדומיין ניהול מורשי הניהול של האתר הגדרות כלליות עריכה וניהול
זמן וכדו
50
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
יצירת עמוד חדש
לפני שניצור עמוד חדש נבין מה ההבדל בין פוסט לעמוד בוורדפרס
תמיד לעיני הגולששמתעדכן בתדירות נמוכה אך הוא בעל חשיבות רבה ועליו להיות התוכן הסטטיאת אודות צור קשרלדוג בעמודנקליד
טבפוסשל האתר שמשתנה מעת לעת נקליד התוכן המתעדכןאת הדפים הקבועים והחשובים לעומת זאת בפוסטבאתר חדשותי יוקלדו ידיעות חדשותיותלדוגמה
יכתבו בעמודיםשבדכ מפנים אליהם מתפריט הראשי גולשי האתר יכולים להגיב לפוסטים אפשרות שאינה קיימת בעמודים
בתפריט העליון כתיבהלחצן עריכת העמוד והפוסט נעשית בדרך זהה את הפוסט נוסיף עי לחיצה על
פוסטים-אתראו בתפריט
עמוד חדשונבחר בחלון השמאלי באפשרות עמודיםנלחץ בתפריט הצידי על להוסיף עמוד כדי
בלוקיםהאובייקטים בעמוד מכונים
שלוש נקודותהעל הבלוק נלחץ על לחיצה כפולהמתחת לבלוק קיים נלחץ בלוק נוסףכדי להוסיף לפניאחריהוספה ונבחר באפשרות
תפתח +לחיצה על הרשימת בלוקים אפשרית להוספה לעמוד בלוק לטקסט (ציטוט פסקה
רשימה ועוד) בלוק תמונה וידאו גלריה ל
ועוד
הגדרות המסמךנוכל להגדיר את ההרשאות האם
הדף יהיה ציבוריפרטיצפיה באמצעות סיסמה
סרגל העריכה של מאפייני הבלוק
הסרגל משתנים בהתאם לבלוק
שבחרנו
51
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
היתרון בעבודה עם הבלוקים היא שניתן לערוך למחוק ולשנות את מיקומם בקלות
נגדיר את סוג הפרסום (ציבורי אישי -בפרסוםלאחר שיצרנו את העמוד נוכל לבחור בתפריט העליון
מוגן בסיסמה)
שהוספנו תחת העמודים תציג לנו את בתפריט העליון לחיצה על
פורסםקטגוריה
הניווט הראשי של האתריצירת תפריט
תפריטים-התאמה אישית-עיצובנלחץ על כדי להוסיף תפריט ))(פוטר עליון ותחתוןץ לבחור מיקום נגדיר שם ומיקום לתפריט (מומל תפריט חדשבחלון שיפתח נבחר
ונוסיף לו עי לחיצה על ה+ את כל הפריטים= העמודים הוסף פריטלאחר שיצרנו תפריט נלחץ על ) פרסום ציבורישיצרנו בשלב הקודם (נוכל להוסיף לתפריט רק עמודים שהוגדרו ב
ניתן לשנות את מיקום התפריטים עי לחיצה
וגרירה
52
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
שהשינויים יתעדכנודי כחשוב לאחר כל פעולה נלחץ על
הגדרת עמוד הבית
הגדרות דף הבית -התאמה אישית -עיצובנלחץ על דף הבית כדי להגדיר איזה דף באתר יוצג כ אם נרצה תוכן קבוע שאינו משתנה ונבחר מהתפריט את העמוד שנרצה עמוד סטטינגדיר בדף הבית
שיופיע בדף הבית
פוסטים שנוסיף לאתרנגדיר באיזה עמוד נרצה שיופיעו ה
ספריית המדיה
בספריית המדיה נוכל לארגן ולשמור את כל קבצי המדיה של האתר (תמונות סרטונים מסמכים ועוד)
ספריית מדיההמתאים ונבחר באפשרות בלוק מדיה כלשהיא נלחץ על הנרצה לעלות כאשר
שינוי תבנית
תבניות יוצג מאגר של תבניות נוכל לסמן את -עיצובכדי לשנות את תבנית האתר נבחר בתפריט כדי שיוצגו לנו רק תבניות חינמיות -חינםהאפשרות
53
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
1שעור
קוד פתוח וקוד סגור 1תרגיל
חפשו באינטרנט מידע על קוד סגור וקוד פתוח 1
מלאו את הטבלה הבאה
אפיון אתר 2תרגיל
שונים אתר חדשותי אתר מוסדארגון ציבורי אתר מסחר אלקטרוניאתרים מסוגים 3הכנסו ל1
את הטבלה הבאה מלאו
דוגמה למערכת חסרונות יתרונות הגדרה
קוד פתוח
קוד סגור
קהל היעד מטרת האתר סוג האתר שם האתר
1
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
קהל יעדולאיזה מה מטרתותרצו לבנות סוג אתראפיינו את האתר שלכם כתבו איזה 2 הוא פונה
3 תרגיל
wixפתחו חשבון חדש באתר 1
הכנסו למייל שהזנתם ואמתו את הרישום 2
והתבנית הרצויהצרו אתר חדש ובחרו את הקטגוריה 3
4 תרגיל
ווידאובחרו לאתר רקע מסוג 1
תמונהובחרו רקע מסוג בטלו את הרקע 2
שנו את מיקום הרקע על הדף 3
מהמערכת התנתקואת האתר שיצרתם ו שמרו 4
המותרות לשימוש מסחרי ומתאימות לנושא האתר שלכם חינמיותתמונות חפשו 5 אותם בתיקייה שלכם שמרו
הכינו סקיצה כתובה של תפריט האתר ומלל לדפי האתר שלכם מטלת בית 6
חקרו את נושא קידום אורגני בגוגל ומילות מפתח
2
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
2שעור
1תרגיל
ערכו את תפריט הניווט באתר שלכם 1 הקלידו את שם הקטגוריות בעבריתבאנגלית bull הוסיפו מחקו ושנו את סדר הקטגוריות בהתאם לצורך bull
עצבו את התפריט 1 כפתורי התפריטעיצוב שנו את bull
בין כפתורי התפריט ריווחשנו את ה bull
גודל אחידהגדירו שכל כפתורי התפריט יהיו ב bull
עיצוב הגופן שנו את צלהוסיפו bull
דינאמיהפכו את התפריט ל bull
אובייקטיםהוספת 2תרגיל
הזינו את התוכן שהכנתם 1
כותרת וטקסט רץ הוסיפו טקסט מסוג bull
לטקסט בכותרת הראשיתאנימציה הוסיפו bull
לכותרות אפקטיםהוסיפו bull
וריווח התווים כיוון הפסקהשנו את bull
מיקום הטקסטשנו את bull
כדי לעבור לעמוד הבא גללו את הדף מטה bull
בתפריט העליון מודגשים בהתאם לדף בו אתם שימו לב שהכפתורים
נמצאים
לכל אחד מעמודי האתר הוסיפו תמונה 2
מתמונות השמורות במחשב או מרשת חברתית) wixממאגר (
(הגדילו והקטינו בהתאם לצורך) גודל התמונותשנו את 3
עצבו את התמונותהשתמשו באפשרויות העיצוב ו 4
גלריהבשם נוספת לתפריט הניווט הוסיפו קטגוריה 5
מסגנון לבחירתכם גלריית תמונותהוסיפו לדף שהתווסף 6
3
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
סרטוני הדרכהאו וידאובשם קטגוריה נוספתהוסיפו לתפריט הניווט 7
קטעי וידאו מהיוטיוב או מהמחשב האישי 4בדף שנוצר הוסיפו 8
סמנו את הוידאו עמדו על העיגול העליון מימין הקטינו הגדילו אותם באופן הבא 9
הזיזו בעזרת החץ שיופיעו כלפי חוץ להגדלה כלפי חוץ להקטנה
וידאו המעוצב בצורה מיוחדתדף הבית סיפו להו 10
רשתות חברתיות מוזיקה וצורות כפתורי קישור ל Addהוסיפו מכפתור אתגר 11
מהתפריט העליון ובחנו את התוצאהלחצו על כפתור 12
את האתר שמרוחזרו לדף העריכה ו 13
הוספת מילות מפתח 3תרגיל
לאתר שלכם (חשבו אילו מילות חיפוש סביר להניח מילות המפתחהגדירו את 1שיכתוב קהל היעד שלכם במנוע החיפוש כדי להגיע למוצרלשירות שהאתר שלכם
מציע) בחרו באפשרות seoלחצו על לשונית 2 מילות מפתח 5הוסיפו לפחות 3לאתר (התאור והכותרת יופיע בתוצאות החיפוש הקפידו על כותרת ותאורהוסיפו 4
אור שיווקי)ית
אתר משפחתי אתר חברים מטלת בית 4תרגיל
צרו אתר משפחתי אתר חברים 1 דפים 3האתר יכיל לפחות 2 כך שהגישה לתכני האתר תהיה רק בהקלדת הסיסמה -לאתר סיסמההוסיפו 3 קבעו כי האתר לא יופיע במנוע חיפוש 4
4
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
3שעור
קישורים 1תרגיל
תמונה טכפתור ואובייק טבאובייקהשתמשו את הקישורים הבאים באתר צרו 1
וטקסט
o קישור לכתובת אינטרנט
o קישור לדף באתר
o קישור למסמך
o קישור לכתובת מייל
o קישור למס טלפון
2תרגיל
הוסיפו לאתר שבניתם את האפליקציות הבאות bullo מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf
o 360degתצוגת תמונות ב o מניעת אפשרות הורדת תמונות עי לחצן ימני
וצפו בתצוגה המקדימה של האתר previewלחצו על bull
3תרגיל
לאתר יצירת קשרהוסיפו טופס bull
את שמות השדות לעבריתשנו bull
כתבו בו הערות מיוחדותמסוג טקסטהוסיפו שדה bull כשדה חובהוהגדירו אותו
הטופס עיצובשנו את bull
השדות ריווח ויישורשנו את bull
והגדירו כי הטפסים המלאים הגדרותהכנסו ל bull יגיעו לכתובת המייל האישית שלכם
5
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
התאמת האתר לנייד 4תרגיל
גלישה מיטבית בניידהאתר להתאימו את 1
בדקו את התצוגה שלו עברו על כל אחד מדפי האתר 2
בהתאם לצורך םהקטינו והגדילו את האובייקטי
פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את 3
כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את 4
השתמש גם בתמונה)(לצורך התרגול תוכלו ל
תקנו במידת הצורך וצפו בתוצאה לחצו על 5
6
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
וורדפרס 4שעור
1תרגיל
לאתרים ורכישת דומיין חברות בארץ ובחול המציעות שירותי אחסוןחפשו בגוגל 1
ואת ההצעות של כל חברה בדקו את המחירים 2 מומלצות לטעמכם נמקו מדוע בחרתם בהםחברות 3הכינו רשימה של 3
2תרגיל
codanywhereהכנסו לאתר 1
בחרו בשבוע ניסיון -Sign upלחצו על 2
צרו משתמש ואמתו את המייל 3
Editorבחרו באפשרות 4
WordPressהקלידו בשורת החיפוש לסביבת העבודה ו שםהקלידו 5
createבחרו בתוצאה הראשונה לחצו על 6
לאחר התקנת המערכת לחצו על הקישור הראשון בחלון שיפתח 7
יפתח חלון ההתקנה של וורדפרס בצעו את השלבים הנדרשים ולחצו על המשך 8
תבניות)-(עיצובלאתר בחרו תבנית 9
7
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
Wordpresscom 5שעור
1תרגיל
Wordpresscomהכנסו לאתר 1 כתובת דומייןו סוג אתר בחרו שם משתמש וסיסמהצרו 2
יצירת פוסט 2תרגיל
שמתאים לאתר שלכם ערך חפשו ויקיפדיההכנסו לאתר 1 את הערך או חלקים נבחרים ממנוהעתיקו 2 )פוסטים-אתראו (לחיצה על חדש באתרפוסט צרו 3 בלוקים מסוגים שונים (ציטוט רשימה פסקה)שתמשו בה בדף עצבו את הערך 4 מתאים מהיוטיובסרטון והטמיעו תמונההוסיפו 5 בלוקעצבו את הבלוקים דרך לשונית 6
3תרגיל
פרטי אתר-התאמה אישיתבחרו באפשרות -עיצובתפריט הכנסו ל 1 מתחת לשם האתר תיאורהוסיפו bullעדיף עם שקיפות (תוכלו ליצור או לחפש תמונה מתאימה לוגוהוסיפו bull
פיקסלים) 512512סמל האתר צריך להיות מרובע בגודל של ברקע (ראשי אודות צור קשר גלריה) לאתר עמודים 4הוסיפו 2 הוסיפו מלל לעמודים 3 לאתר בו יופיעו כל העמודים שהוספתם תפריט ניווטצרו 4 התפריטיםמיקום שנו את 5 דף הביתהגדירו את 6 הדף בו יוצגו הפוסטיםהגדירו את 7 תבנית האתרשנו את עיצוב 8 את האתרפרסמו 9
8
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
בניית אתר -תרגיל מסכם 6שעור
הקפידו על הקריטריונים הבאים wordpressאו ב wix בנו אתר ב
דפים של האתר 5ל ותהמקשר קטגוריות 5עם מעוצב תפריט ניווטהאתר יכלול 1
לצורך הבדיקה)(יש לכתוב את הסיסמה נעול עם סיסמהאחד מדפי האתר יהיה 2
וקטעי ווידאו טקסט אמיתי תמונותהאתר יכיל 3
קישורים חיצוניםהאתר יכיל 4
)wixונים בב(ל פסיםט גוונותמ אפליקציותהאתר יכיל 5
)WordPress(לבונים ב פוסטים שיופיע בדפדפן לוגו דף הביתהגדרה של 6
ידום בגוגלק 7
וששיוצגו במנועי החיפ שם ותאור מילות מפתחהאתר יכיל bull
ניידלישה בגגם לאתר יותאם ה 8
בונוס
נק) 10( אפיון אתרבץ קו bull
נק) 10עיצוב מושקע ( bull
נק) WordPress )20ו wixאתרים ב 2הגשת bull
9
