1 10 מתוך 1עמוד

אפיון ותכנון אתר

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

מפתח ,תפריטי ניווט ותכנון ויזואלי של האתר

אפיון אתר 1תרגיל

הכינו קובץ אפיון לאתר שברצונכם לבנות: .1

מיהו קהל היעד לאתר? גברים, נשים, גיל הזהב, נוער, ילדים, גיל הרך •

מהי מטרת האתר ? אתר תדמית, אתר תוכן ,חנות מקוונת •

ו'מה ההנעה לפעולה אותה אתם מצפים לקבל ? רכישה , יצירת קשר וכד •

לדוגמא : מילות המפתח הרלוונטיות כםם האתר שלמילות מפתח הרלוונטיות לתחו 5חשבו על •

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

מה הם תפריטי הניווט שיהיו באתר שלכם כגון : דף הבית, אודות וכד ' •

פתיחת אתר wixהכרות עם

WIX היא מערכת לניהול תוכן לאתרי אינטרנט המאפשרת להקים ולעצב אתרים בלי הצורך

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

יתרונות המערכת:

)SEOהאתר מותאם לקידום בגוגל ואופטימיזציה ( .1

ניתן להתאים את האתר לגלישה בנייד .2

המערכת תומכת באתרים בשפה העברית .3

תבניות עיצוב מתקדמות ומרשימות .4

תוספים ואפליקציות שמשדרגות את האתר .5

Wixניתן לקנות דומיין חיצוני וליצור כתובת שלא קשורה ל .6

5HTMLמערכת המאפשרת לבנות אתר מקצועי ללא צורך בידע בשפת .7

2

חדש חשבוןפתיחת

www.wix.com 1.הכנסו לאתר

להרשמה לאתר sign inלחצו על . 2

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

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

לאישור ההרשמה, הכנסו לתיבת הדוא"ל שהזנתם ואשרו את ההרשמה

1 תרגיל wixפתחו חשבון חדש באתר .1

אשרו את מייל אישור ההרשמה שקיבלתם .2

וחרב . 3 פתחיש sign up ב בחלון

3

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

קטגוריה ותבניתבחירת

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

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

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

אפשרויות 2לאחר בחירת התבנית, יוצעו .3

• Create Your Website With Wix Editor עריכת ועיצוב האתר בעצמנו

• …Let Wix ADI בניית האתר ע"י מערכת אוטומטית

מהחלון שיפתח בחרו את התבנית הרצויה .4

עסקים: קטגוריהבחרו , מוזיקה , אירועים וכדו ' , מסעדנות , עיצוב

נבחר באפשרות הראשונה

4

התפריט העליון באתר

כרטיסיות, להלן הסבר על כל אחת מהן: התפריט העליון מחולק למס'

ולערוך כל עמוד דרך כפתור זה סלהיכנדפדוף בין דפי האתר, ניתן

או במחשב )טלפון נייד(תצוגת האתר במוביל

ולחצו על התבנית עמדו על . 5 EDIT

בלחיצה על החץ ניתן להציג ולהסתיר את

התפריט

צפיה בכל הדפים שכוללת תבנית האתר.

5

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

האפשרויות הבאות

• Save- שמירת האתר • Preview- צפיה באתר כפי שיראה באינטרנט • Get Feedback- אפשרות לקבל חוות דעת מחברים

באינטרנט

• Publish – פרסם את האתר

Site

כגו': )חלקם בתשלום(הגדרות מתקדמות לאתר

• Connect domain– הדומיין הוא חלק מהכתובת

wixהאתרים שנבנים ב.wallaשל האתר לדוג' כלומר בכתובת -משלהם )שם מתחם(מקבלים דומיין

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

קליט ולא מורכב נבחר בו כדומיין. • Get a Mailbox – תיבת מייל אישית לעסקים

Setting

כלים לעריכה ועיצוב

• Toolbar – מופיעה מימין( הצגת/הסתרת תיבת הכלים( • Rulers - למיקום האלמנטים הצגת/הסרת סרגלים • Gridlines- הצגת/הסתרת קווים לתחימת אזורים, עיצוב האתר

בתוך קווים תוחמים אלו תסייע ליצירת מראה ידידותי והתאמת האתר למוביל

Tools

Help עזרהתפריט

Upgrade שדרוגים ותוספות

אפשרות לצפות בכל דפי האתר בתצוגה מוקטנת

Save )אוטומטיתהאתר אינו נשמר (שמירת האתר

preview תצוגה מקדימה של האתר

publish פרסום האתר

6

בחירת תבנית וניווט בתפריט העליון 2תרגיל

אתר שלכםלמהרשימה את הקטגוריה המותאמת בחרו .1

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

)toolsתפריט (הציגו את הסרגל ותיבת הכלים הימנית .3 לחצו על חזרו למצב עריכה .4 previewעברו לתצוגה מקדימה .5

חזרו למצב עריכה .6

הכרת התפריט הצידי במערכת

Site menu מעבר בין עמודי האתר, הוספת דפים דינאמיים

את שמרו האתר . 7

עריכה מצב על לחצו , של שמו לשנות את

האתר

7

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

Apply to Other Pages השתמש ברקע זה לכל דפי האתר

Page background

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

Add

Wix app הוספת אפליקציות מחנות האפליקציות

market

העלאת קבצים מהענן

יצירת בלוג מעוצב

wixניהול העסק באינטרנט עם הזמנות ב -ניהול הזמנות באתר

ניהול נתונים

עיצוב רקע צבע רקעבחירת

לבחירת צבע מהפלטה המוצגת , לחצו שאינו צבע על הצבע , לבחירת מופיע

add color לחצו על

8

בחירת רקע תמונה imageלחצו על .1

.2

החלון הבא: יפתח Imageבלחיצה על כפתור .3

כדי לעלות תמונות רקע מהמחשב האישי לחצו על site files-upload media העליון משמאל(ובחרו באייקון המחשב(

רקע 3תרגיל

בחרו צבע רקע Page Backgroundהכנסו לתפריט .1

wixשנו את מילוי הרקע לתמונה מהמאגר החינמי של .2

ושמרו את האתר saveלחצו על .3

בתבניות שימוש רקע ממאגר

wix חינמי של

, תמונות מהמחשב האישי העלאת חברתיות מרשתות מהענן או

תמונות ממאגר wix - חינם

תמונות ממאגר שאטרסטוק בתשלום

9

מרבית התמונות ברשת מעוגנות בזכויות יוצרים יוצרים:זכויות

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

חופשי באופן הבא

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

זכויות השימושאת ההיתר הרצוי ב

חשוב לדעת !

10

נספח למדריך הדגשים לשיעור ראשון בניית אתריםם על מבנה אתר אינטרנטירחיב עם התלמידיהמדריך

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

שמהווים את הקטגוריות הפנימיות.

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

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

ועוד ריית תמונות, צור קשרגל ל לראות,, כמו כן נוכאתרה

אתר תוכן, חנות מקוונת , מיני סייט, דפי נחיתהאתר תדמיתי, –סוגי אתרים •

המצ"ב:בקישור על כל סוג אתרוהסבר הרחבה

https://www.mgweb.co.il/%D7%A1%D7%95%D7%92%D7%99_%D7%90%D7%AA%D

7%A8%D7%99%D7%9D

אתרים שמעדכנים את התוכן שלהם על בסיס קבוע מצליחים –עדכון האתר •

חיפושלהתקדם במנועי

תכנון האתר הינו שלב מקדים לבנייתו וכולל מענה על השאלות הבאות : –אפיון אתר •

לאתר ? מהן מטרות האתר ? מהי ההנעה לפעולה אותה אנו מצפים מי קהל היעד

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

Wixבמערכת נבנו דוגמאות לאתרים ש

http://yfcontact.wixsite.com/youthfutures

websites/explore/com.wix.www://ttph

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

com.galbz.www://http

11

תפריט ניווט, כלים לקידום אתר, מילות מפתח, שילוב מיטבי בגוגל 2שעור

האתר מערכתכניסה חוזרת ל

יתקבל המסך הבא : כםשם המשתמש והסיסמה שללאחר כניסה למערכת עם

1תרגיל

, הזינו את שם המשתמש והסיסמה שלכםwixהכנסו למערכת .1

בחרו באתר שיצרתם ועברו למצב עריכת אתר .2

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

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

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

האתרים שנמצאים תחת החשבון שלכם

עריכת האתר

הוספת וידאו

12

שהכרנו בשיעור הקודםיפתח החלון הבא,

יתר דפי האתר נלחץ עלעבור נוהרקע שבחר חלתהל

ונבחר את הדפים בהם נרצה שהרקע יופיע

עריכה ומיקום הרקע

להזיזו ולשנות את מיקומולאחר שהרקע התווסף לדף האינטרנט, נוכל

קבצים מ הוספת וידאוהאישי/ המחשב קיימים

רשתות חברתיות וכדו'

חינמי הוספת וידאו wixמהמאגר של

נלחץ לאישור

13

לאתר יצירת תפריט ניווט

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

שמות בלבד. קטגוריות )דפים( עיקריים 7-6להציג בין מומלץ בדפי האתר השונים. בתפריט הניווט

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

אודות, דף הבית וצור קשר

2תרגיל

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

שם האתר_____________

קטגוריות בתפריט הניווט________________________________________

שם האתר_____________

קטגוריות בתפריט הניווט________________________________________

שם האתר_____________

ות בתפריט הניווט________________________________________קטגורי

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

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

Manage Menu, או על בתפריט

יפתח חלון לעריכה מתקדמת של התפריט

כניסה לתפריט עריכה

כדי לשנות את סדר הקטגוריות, נלחץ

למקום הרצוי ונגרור14

שינוי שם קטגוריה

נות שם קטגוריה באופן הבא:ניתן לש

Renameנלחץ על כפתור העריכה, נבחר באפשרות

תמחק Delete. לחיצה על המבלי למחוק אות קטגוריה מהתפריטתסתיר את ה Hideלחיצה על

הקטגוריה ואת הדף המשויך לה.את

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

מחלון העריכה הראשי נבחר באפשרות

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

הגדרות עיצוב מתקדמות

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

15

הגדרות יישור וגודל כפתורי התפריט

הגופן, הוספת צל, ריווח בן התפריטים ועודעיצוב התפריט, צבע

יצירת תפריט דינאמי, הוספת הנפשה לתפריט

חלונית עזרה )מיועד לבונה האתר ולא לגולש( מדריך ועזרה בעיצוב התפריט

מיקום התפריט באתר, עליון, תחתון וכדו'

3תרגיל

ערכו את תפריט הניווט באתר שלכם .1

הקטגוריות בעברית/באנגליתהקלידו את שם •

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

שנו את עיצוב כפתורי התפריט •

שנו את הריווח בין כפתורי התפריט •

הגדירו שכל כפתורי התפריט יהיו בגודל אחיד •

הוסיפו צל, שנו את עיצוב הגופן •

הפכו את התפריט לדינאמי •

אפשרויות עריכה מתקדמות, קידום במנועי חיפושדף הבית )נוכל לזהות אותו, עם סמל -הראשי באתר לדףאפשרויות העריכה המתקדמות ניתן להוסיף

הבית המופיע לידו בתפריט העריכה

Manage Menu נלחץ על לכניסה להגדרות מתקדמות

Settingsנבחר באפשרות ו בחלון התפריטים שיפתח, נלחץ לצד דף הבית על

16

יפתח החלון הבא

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

דפי האתר, או שהוא יהיה בעיצוב שונה

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

)לדוג' כשעושים אתר משפחתי( או פתוח לחברים בלבד ,חסום באמצעות סיסמא

שינוי שם הדף

הסתרת הדף מתפריט הניווט

הגדרת דף אחר כדף הבית

17

בגוגל יםקידום אתר

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

מנועי בתוצאות החיפוש של אתר אינטרנט המתבצעות במטרה לשפר את מיקומי דפיו של

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

.תוצאות החיפוש שיניבו תוצאות מסחריות או אחרות שמצדיקות את ההשקעה בקידום האתר

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

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

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

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

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

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

.ות מושפע בצורה משמעותית מסטטיסטיקות הגלישה באתרהתרומ

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

.תוצאות אורגניות -תוצאות שמחזיר המנוע כתגובה למילות החיפוש •

, בפרט קישורים ממומנים הקשורים למילות פרסומות המשולבות בראש התוצאות או בצידי העמוד • (פרסומות) קישורים ממומנים -החיפוש

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

מילות מפתח

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

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

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

להזמין סידור פרחים ביהוד? םהפרחים שלנו ועוד מה יסביר להניח שיכתבו גולשים המעונייניסידורי

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

"לראש שלו" לחשוב מה הוא יכתוב במנוע החיפוש ובהתאם לכך סהאתר שלכם, כך תצליחו להיכנ

תדייקו את מילות המפתח של האתר.

18

ממה מושפע קידום האתר בגוגל

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

:על הפרמטרים הבאים

לאתר היררכי ומסודר יש סיכוי להופיע בתוצאות גבוהות יותר בגוגל. – מבנה האתר. 1

אתר עם תוכן עשיר, איכותי טוב ומקורי. -התכנים באתר. 2

לגוגל במה עוסק דף מסוים באתר. ורות מילות מפתח הן מילים מרכזיות המ –מילות מפתח. 3

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

מומלץ להוסיף קישורים חיצונים מהאתר לאתרים נוספים. -קישורים חיצונים. 4

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

במנועי חיפוש וופיעיכפי ש האתר ותאורו

, כתובת ותיאורכותרתיוצגו האתר כפי ש

במנועי החיפוש

לשינוי כותרת/ שם האתר נקליד בשורה

זו את השם הרצוי

הוספת מילות מפתח לאתר שלב אחרי שלב

19

נגלול את החלונית, להזנת פרמטרים נוספים

הוספת מילות מפתח לאתר

נלחץ על .1

. בחלון שיפתח, נבחר מהתפריט השמאלי2

settings. נלחץ בחלק העליון על 3

ת דף הביתכתוב

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

נקליד בשורה זו את התאור על תוכן האתר

לאחר שהזנו את מילות המפתח, נוכל להוסיף מילות מפתח בלחיצה

keywordsעל

20

keywords. בתפריט שיפתח נגלול עד 3

הוספת מילות מפתח 4תרגיל

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

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

____________________________________

, בחרו באפשרות seoלחצו על לשונית .3

מילות מפתח 5לפחות הוסיפו .4

)התאור והכותרת יופיע בתוצאות החיפוש, הקפידו על תאור שיווקי( לאתר ותאורכותרת הוסיפו .5

דף הביתשנו את כתובת .6

הזיזו את המחוון כך שהאתר יופיע במנוע החיפוש .7

מטלת בית

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

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

ווט.בתפריט הנישהגדרתם לפי הקטגוריות , באתרתוכן לכל דף ינוהכ .2

נקליד בשורה זו את מילות המפתח

21

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

לאתר םהוספת אובייקטי

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

הוספת טקסט

text יף טקסט נבחר באפשרותכדי להוס

לקטגוריות: בחלוקה סגנונות מוכניםיפתח תפריט עם לכותרות וטקסט רץ למלל שוטףסגנונות, טקסט

נבחר את הסגנון הרצוי ואת התבנית הרצויה. • edit textנבחר באפשרות בתיבת הטקסט שתתוסף לדף,

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

בחירת סגנון חדש

גודל הגופן

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

לטקסט

כיוון פסקה, תבליטים ומספור,

כיוון כתיבה

הוספת אפקטים

סוג הגופן

22

שינוי סוג הגופן )פונט(

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

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

ריווח בין תווים ושורות

ניתן לשנות את מיקום הטקסט בדף, בלחיצה בתוך תיבת

הטקסט וגרירה למקום הרצוי

23

כהמשך למטלת הבית מהשיעור הקודם 1 תרגיל

שלכם wixפתחו את אתר ה .1 שהכנתם:הזינו את התוכן .2

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

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

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

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

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

בתוצאות החיפוש בגוגל.

הוספת תמונות

imageבאפשרות Addנבחר מתפריט •

מהיכן ובאיזו תמונה להשתמשבתפריט שיפתח נוכל לבחור •

חשוב לדעת!

הוספת תמונות מהמחשב האישי, מהענן, מרשתות

חברתיות ועוד

הוספת תמונה מהמאגר החינמי של וויקס

24

את האפשרויות המורחבות של הוספת תמונה, הכרנו בשיעור של הוספת רקע

עריכה ועיצוב התמונה

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

הגדלה הקטנה והזזהכדי לשנות את גודל התמונה נלחץ על התמונה, נעמוד על העיגול השמאלי ובעזרת החץ הדו

ראשי נגרור כלפי פנים להקטנה, וכלפי חוץ להגדלה.

הזזת התמונה תתבצע ע"י לחיצה בתוך התמונה והזזתה בעזרת החץ עם ארבעת הראשים.

הוספת גלריית תמונות

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

ומקצועיות למראה האתר שלנו. Galleryבאפשרות Addנבחר מתפריט •

הוספת מסגרת מעוצבת לתמונה

חיתוך התמונה, בקווים ישרים, חיתוך בהתאם

לצורה, זום

הוספת פילטר צבעוני לתמונה

הוספת אנימציה לתמונה

הוספת קישור כלו' לחיצה על התמונה תפתח

אתר או קובץ

25

:בתפריט שיפתח נבחר את סגנון הגלריה הרצוי •

עריכה ועיצוב תמונות בגלריה

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

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

תמונות המופיעות כתמונה אחת גדולה זו לצד זו, לחיצה על תמונה תגדיל

אותה

שינוי התמונה

אישור

סגנונות עיצוב נוספים

תמונות במבנה של מצגת, ניתן לעבור בעזרת חיצים לתמונה הבאה

כותרת הוספת לתמונה

תיאור לתמונה

)יורחב בהמשך( הוספת קישור

26

הוספת תמונות ויצירת גלריה 2תרגיל

הוסיפו תמונה לכל אחד מעמודי האתר .1

, או מתמונות השמורות במחשבwixהוסיפו את התמונות ממאגר

והקטינו בהתאם לצורך(שנו את גודל התמונות )הגדילו .2

השתמשו באפשרויות העיצוב ועצבו את התמונות .3

הוסיפו טקסט מתחת לכל תמונה וכתבו תאור שלה .4

הוסיפו קטגוריה נוספת לתפריט הניווט בשם "גלריה" .5

בצעו זאת באופן הבא: .6

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

דף חדש שיקושר אליהוגם לתפריטקטגוריה עת תתוסף גם כ •

הקלידו בעברית שם ללשונית •

מקמו אותה בסוף התפריט ע"י גרירה •

גלריית תמונות מסגנון לבחירתכם דף שהתווסףהוסיפו ל .7

עצבו ושנו את תמונות הגלריה .8

הוספת סרטונים

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

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

יפתח התפריט הבא: videoבאפשרות Addכדי להוסיף סרטון נבחר מתפריט

הוספת וידאו מהיוטיוב,

מהפייסבוק ומאתרים נוספים

הוספת וידאו wixמתבניות

וידאו בתוך צורה

וידאו בצורת או דמות טאובייק

27

הוספת וידאו מהיוטיוב

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

נבחר ב .2

באפשרותנסמן את הסרטון שהתווסף ונבחר .3

מימין נלחץ על שורת החיפוש. 4

search, נלחץ על בחלון שיפתח נכתוב את מילת החיפוש הרצויה בעברית או באנגלית .5 ונבחר את התוצאה הרצויה

28

הוספת וידאו מהמחשב האישי

כדי להוסיף וידאו מהמחשב האישי נלחץ על נבחר ב:

על הוידאו שהתווסף על הגדרות בתפריט מנלחץ

הוספת וידאו 3תרגיל

"סרטוני הדרכה"נוספת בשם "וידאו" או קטגוריה לתפריט הניווטהוסיפו .1

.מהמחשב האישיאו קטעי וידאו מהיוטיוב 4שנוצר הוסיפו דףב .2

סמנו את הוידאו, עמדו על העיגול העליון מימין, הזיזו בעזרת באופן הבא:הגדילו אותם /הקטינו .3

החץ שיופיעו כלפי חוץ להגדלה, כלפי חוץ להקטנה

בצורה מיוחדתהמעוצב סיפו לדף הבית וידאו הו .4

לחצו על כפתור מהתפריט העליון וצפו בתוצאה .5

תרחזרו לדף העריכה ושמרו את הא .6

נלחץ כדי לפתוח את סייר הקבצים

ולבחור וידאו מהמחשב האישי

29

חלק ב', יצירת קישורים והפניות םהוספת אובייקטי 4שעור

צורה טאובייק

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

שלנו.

באפשרות ובחרו ddAעל כפתור לחצו • בצורה הרצויה (בגלילת התפריט יופיעו צורות נוספות) בחרומהתפריט שיפתח, • כדי לשנות את הצורה ולבחור ממאגר עשיר יותר •

o עלולחצו את הצורה סמנו o מהתפריט ב בחרובחלון שיפתח

עריכת צורה

מהתפריט העליוןלחיצה על ו , בסימון הצורהשנות צבע ומסגרת לצורהניתן ל

קישורים והפניותיצירת

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

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

שאנו מעלים לאתר באופן הבא: טקישור לכל אובייק ניתן להוסיף

כפתור טאובייק

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

באפשרות ובחרו ddAעל כפתור לחצו •

30

בכפתור הרצוי, בחרומהתפריט שיפתח, • בהתאם למטרתו מאויר כדי לשפר את חווית הלקוח, חשוב להשתמש בכל כפתור

וג' כפתור המעטפה יקשר לכתובת מייל וכדו'לד

בהוספת הכפתור לדף ולחיצה על • , נסביר על חלק מהאפשרויותתפתח חלונית לבחירת הקישור הרצוי •

שבחרנו.נבחר בקישור לכתובת מייל, המותאמת לכפתור •

הוספת קישור לטקסט

סמנו את הטקסט (בלחיצה על המסגרת) .1

בחרו באפשרות .2

קישור לאתר אינטרנט חיצוני

קישור לדף ספציפי באתר,

נבחר את הדף הרצוי בלחיצה על החץ

קישור למסמך

קישור למס' טלפון, גולשי האתר שיגלשו מטלפון נייד או מטאבלט

יחויגו אוטומטית בלחיצה על הקישור

קישור לכתובת המייל, ניתן להגדיר את נושא המייל כך שבלחיצה

אוטומטית יפתח חלון שליחת מייל עם הנושא והכתובת

נגדיר האם הקישור יפתח בחלון נפרד

או באותו חלון באתר

31

בחלונית העריכה שתפתח לחצו על .3

תפתח החלונית עליה הרחבנו בסעיף הקודם. .4

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

אובייקט הרצוילחצו על ה .1 מהתפריט העליוןבחרו .2

הקישור הרצוי מהחלוניתבחרו את .3

1תרגיל

שלכם wixפתחו את אתר ה .1

בגוגל מפות העסק מיקוםהמקשר ל בעיצוב מתאים, הוסיפו כפתור .2

שונים ליצירת הקישור םסוגי אובייקטי 4השתמשו ב ,צרו את הקישורים הבאים .3

קישור לכתובת אינטרנט •

קישור לדף באתר •

קישור למסמך •

קישור לכתובת מייל •

למס' טלפוןקישור •

לרשתות חברתיותהוספת קישור

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

ביותר תכדוגמאת פייסבוק הרשת הפופולארימומלץ ליצור קישור מהאתר לרשתות חברתיות בישראל.

32

ובחרו באפשרות ddA לחצו על כפתור • נבחר מהחלון שיפתח, את הרשת החברתית אליה נרצה את הקישור •

תוסיף לדף סרגל עם קישורים לדף החברה בכל הרשתות Social Bar באפשרות בחירה אינסטגרם, פינטרסט ועוד)(פייסבוק, טוויטר, תהפופולריו

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

לאישור Doneונלחץ

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

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

ןלחיצה על אייקו deleteוהקשת

במקלדת, תאפשר למחוק אותו

33

שינוי עיצוב הלחצן

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

2תרגיל

.לרשתות החברתיות Social Bar הוסיפו לאתר .1

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

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

הוסיפו כפתור לייק, שלחיצה עליו תקשר לדף הפייסבוק. .3

.גוגל מפותהוסיפו כפתור בעיצוב מתאים, המקשר למיקום העסק ב .4

.שונים ליצירת הקישור םסוגי אובייקטי 4השתמשו ב ,צרו את הקישורים הבאים .5

שנו את עיצוב הלחצנים. .6

שלוש הלחיצותחוק

החוק אומר שכל דף חשוב באתר, חייב להיות במרחק של שלוש

למרבית פתחיותר, לא ירחוק לחיצות מדף הבית. דף שנמצא

הגולשים וגם מנועי החיפוש לא יעניקו לו חשיבות גדולה במיוחד

קיבוע לחצנים ותמונות

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

שיופיעו לגולש באתר תמיד מול העיניים.

הרצוי טנלחץ לחצן ימני על האובייק .1

. נבחר מהתפריט שיפתח ב:2

טשיפתח נבחר מה יהיה מיקומו המדויק של האובייק. בחלון 3

חשוב לדעת!

34

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

בחלון שיפתח בחרו

סיכוםתרגיל

)page(לחצו על ובחרו באפשרות saleפתחו דף חדש בשם: .1

דף זו לצד זותמונות, מקמו אותם ב 10הוסיפו לפחות -עצבו את הדף .2

הוסיפו מתחת לכל תמונה טקסט תיאור ומחיר .3

הוסיפו דף נוסף לאתר, הגדירו שלא תופיע לו קטגוריה בתפריט הניווט .4

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

צרו קישור מאחת התמונות לדף שהוספתם .6

(גללו בעזרת העכבר) חזרו לדף הראשי .7

הוסיפו אוביקט טקסט וכתבו בתוכו : המבצעים שלנו .8

שיצרתם saleהטקסט לדף ה טצרו קישור מהאובייק .9

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

חזרו למצב עריכה ושמרו את האתר previewלחצו על .11

35

הוספת אפליקציות, הוספת טפסים, יצירת בלוג 5שעור

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

מהתפריט השמאלי באפשרות בחרו •

Categoriesבאפשרות בחרובחלון שיפתח •

(אפליקציות חינמיות) Free Appsבאפשרות בחרו •

.להוסיף לאתר ללא תשלום תוכלוש ,תפתח רשימת אפליקציות • מהן:נציג חלק

מאפשר לגולש באתר -לחצן חזרה למעלהמיועד בעיקר –לחזור בקלות לראש הדף

לאתרים עם הרבה מלל , או תמונות בדף אחד.

הגנה מפני שמירת תמונה באמצעות

העכבר:לחיצה ימנית על סמן

מונע ממשתמשים להוריד תמונות שיצרתם.

הוספה של טופס הצטרפות –השג מנויים

לרשימת דיוור, והוספת אפשרות של שליחת דיוור לרשימה גדולה של גולשים

שבחרו להירשם לרשימה זו.

, מתריע בפני קוקיהתראת שמירת קבצי הגולש כי האתר ישמור במחשבו של הגולש

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

אליו

36

בלחיצה עליה.הוספת האפליקציה לאתר, נעשית

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

מאפשר הוספת –PDFמציג קבצי

לאתר האפליקציה PDFקובץ

תאפשר את פתיחתם ללא צורך בהתקנת תוכנה נוספת שלעיתים לא

.מחשבי הגולשיםמותקנת על

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

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

מאפשר להוסיף שפת תצוגה מעבר שפה

(את התרגום לשפה נוספת לאתר שלך,

הנוספת עליך לעשות בעצמך, אך

האפליקציה מאפשרת למשתמש לעבור

לשפה אחרת בצורה נוחה)

37

1תרגיל

הוסיפו לאתר שבניתם את האפליקציות הבאות: •o מונה כניסות o לחצן חזרה למעלה o מציג קבציpdf

וצפו בתצוגה המקדימה של האתר previewלחצו על •

הוספת טפסים

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

עמדו על הדף באתר, אליו תרצו להוסיף את הטופס •

באפשרות ובחרו ddAעל כפתור לחצו • בקטגוריות שונות ובעיצובים שוניםיפתח תפריט עם טפסים

לחיצה על הטופס הרצוי, תוסיף אותו לדף •

:סוגי טפסים

1

2

3

4

5

6

. השארת משוב (פידבק) על האתר ותכניו3 הגשת מועמדות לעבודה. 2יצירת קשר .1 הצטרפות כמנוי לרשימת דיוור. 6. הצעת מחיר 5. הצטרפות לתחרות 4

עריכת הטופס

, ניתן לערוך אותו ולשנות את עיצובולאחר שהטופס התווסף לדף

:לחיצה על מסגרת הטופס, תציג את תפריט העריכה

38

, יפתח החלון הבא:נוספת לעריכת שדות הטופס, היא ע"י לחיצה כפולה על השדה הרצוידרך

הגדרות טופסיפתח חלון להגדרות

מתקדמות כגו' הגדרת כתובת

מייל אליה יגיעו הטפסים

אפשרות לערוך כל שדה בטופס,

לשנות את הטקסט לעברית, להגדיר אם הוא שדה חובה ועוד

הוספת שדה לטופס, יפתח חלון ממנו נבחר

איזה שדה יתווסף תהיה ואיזה סוג תשובה

לו מסוג תאריך, מסוג מספר וכדו'

בחירת עיצוב חדש לטופס

הצגת כותרת מעל , יש להזיז את השדה

המחוון

(הסבר מה שם השדה

על ממלא הטופס ניתן להקליד בשדה)

להקליד בעברית ובאנגלית

בסימון וי, שדה נדרש יהפוך השדה לשדה

שבלעדיו לא ניתן חובה לשלוח את הטופס

39

מחיקת טופס

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

2תרגיל

לאתר "יצירת קשר"הוסיפו טופס •

שנו את שמות השדות לעברית •

, כתבו בו "הערות מיוחדות"מסוג טקסטהוסיפו שדה • כשדה חובהוהגדירו אותו

שנו את עיצוב הטופס •

השדותויישור שנו את ריווח •

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

יצירת בלוג

שבו נכתבות רשומות "פוסטים" תר אינטרנטאהוא חלק מ רשומון או יומן רשת: עבריתב (Blog) בלוג

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

(ויקיפדיה)

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

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

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

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

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

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

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

שלכם.ובכך להתקרב ולהתחבר למותג

40

ניתן להוסיף בלוג לאתר בדרך הבאה:

ובחרו באפשרות Addלחצו על כפתור •

לחצו על •

Get startהמתינו מס' שניות לטעינת הבלוג ולחצו על •(בנפרד, Blog העליונה תתוסף קטגוריית התפריטים וגם לשורת בדף חדש באתרהבלוג יתווסף •

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

ולהוסיף פוסטים נוספים

שם מחבר בחלק העליון ותאריך פרסום פוסטה

פוסט כותרת ה תחתיו ותקציר מהתוכן שלו

תמונת הנושא של ניתנת לעריכה פוסטה

ושינוי

41

עריכת הבלוג

לחיצה על המסגרת הראשית של הבלוג, תציג את תפריט העריכה

עריכת הפוסטיםניהול ותפתח חלון ל Manage Posts לחיצה על כפתור

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

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

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

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

פוסטעריכת ה

פוסטיצירת חדש

42

Layout/Designבחירה באפשרויות חלון,תפתח Settings לחיצה על כפתור בלוגתאפשר לעצב את ה

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

)marketing.dooble.co.il(מתוך האתר מילים 1400-1750לכתבה בבלוג נע ב

הגדרות תזמון וקידום פוסט

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

Post Settings בחלון עריכת הבלוג נלחץ על

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

עיצוב התפריטים, תוכן

פוסטההכפתורים

עקוהר

שינוי פריסת הפוסטים והתמונות

43

SEO (בצורה אורגנית) שיפור מיקום האתר בתוצאות החיפוש

במנוע החיפוש גוגל וכדו'נוכל להזין שדות שיסיעו בקידום האתר - SEOבלשונית

לפני שמתחילים בכתיבת הבלוג

חשבו וענו על השאלות הבאות

?נושא הבלוג ומה .1

ו?מהי מטרת .2

לאיזה קהל יעד הוא פונה? .3

בלוג אישי, או מקצועי?האם זהו .4

מה התדירות בה נפרסם בלוג? .5

של url כתובת ה פוסטה

כפי פוסטכותרת ה שתופיע במנועי

החיפוש

תיאור הפוסט יש להזין בתיאור

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

44

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

(הימנעו משפה מקצועית או גבוהה מידי) נסחו שוב ושוב, עד שתגיעו לניסוח המושלם אל תתעצלו: •

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

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

וחרוזים שיסיעו לכם בליטוש הכתיבה. , כך תוכלו לדעת אילו קטעים קראו זאת בקוללאחר שכתבתם •

עליכם לתקן ולשפר.

2תרגיל

בלוג חדש לעמודהוסיפו •

)settingsשנו את עיצובו (כפתור •

כתבו פוסט: •

o הוסיפו את שמכם כעורכי הפוסט

o הוסיפו תאריך פרסום

o הפוסטכתבו בכותרת את נושא

o הוסיפו תאור לפוסט

o ...הקלידו תוכן כלשהוא

o החליפו את התמונה, לתמונה המתאימה לנושא הפוסט

הוסיפו מהתפריט המופיע בחלק התחתון של עריכת הפוסט, תמונה נוספת. •

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

ופרסמו את הפוסטשמרו את השינויים •

ים טיפלכותב המתחיל

45

קוד פתוח התאמת האתר לנייד, פרסום האתר, 6שעור

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

מהישראלים גולשים בו 79%-מהישראלים יש טלפון חכם ו 84% -לעל פי סקר איגוד האינטרנט .באינטרנט

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

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

, תתבצע בדרך הבאה:ניידהתאמת האתר לגלישה ב

הנייד בתפריט העליון ןלחצו על אייקו

ומצד שמאל תפריט:, יתקבל מסך בו יופיע האתר בתצוגת נייד

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

התאמה לגלישה ממחשב

התאמה לגלישה מנייד

46

אפשרויות התפריט השמאלי

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

או מתכני הדפים.

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

אפשרות להוסיף כלים מתקדמים לדוג' -ניידכלי

אפשרות -סרגל פעולות מהירות סרגל שיופיע בתחתית להוסיף

האתר ויאפשר לגולש לבצע פעולות מהירות כגו' חיוג, שליחת

קישור מיקומכם על המפה, מייל, לפייסבוק של האתר ועוד

אפשרות -לחצן חזרה למעלה לחצן שלחיצה עליו להוסיף

עליון תעביר את הגולש לדף ה באתר

אפשרות להוסיף -מסך הפתיחה את לוגו המותג בצורה דינאמית

במסך הפתיחה של האתר

שינוי הצבע של שורת הכרום תאים לגווני האתר.יבאתר. כך ש

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

לאחר Hide באפשרות בחירה לחצן ימני ו העין שיופיע לידו או

47

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

לנייד שימוש בפריסת דף מיטבית, כדי לקבל תוצאה מושלמת

אובייקטיםהתאמה ידנית של

באופן ידני ובייקטיםניתן להסיר, להקטין ולהגדיל א

Deleteבעזרת העכבר ומחיקה עם מקש טסימון האובייק -טהסרת אובייק •

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

להגדלה והקטנה. סימון תיבת הטקסט ובחירה באפשרות -הקטנה והגדלת גודל טקסט •

1תרגיל

:גלישה מיטבית בניידהתאימו את האתר ל .1

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

בהתאם לצורך םהקטינו והגדילו את האובייקטי

פעולות 5עם לפחות סרגל הפעולות המהירותהוסיפו את .3

, כך שבכניסה לאתר יופיע לוגו הפתיחה של המותגמסך הפתיחההוסיפו את .4

(לצורך התרגול תוכלו להשתמש גם בתמונה)

.תקנו במידת הצורך, וצפו בתוצאה לחצו על .5

פרסום האתר

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

נלחץ על כפתור (הכפתור הימני ביותר בתפריט העליון)

48

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

יפתח המסך הבא:

wixניתן לרכוש שירותים נוספים כגו' הסרת פרסומות לחודש. 4$העלויות לדומיין הם החל מ מהאתר וכדו' בתשלום נפרד.

כתובת האתר שלנו: מתקבלת wixכתובת ארוכה עם דומיין של

כדי לקבל מראה מקצועי יותר, ניתן לרכוש בתשלום דומיין אליו

תתחבר הכתובת כך שנקבל כתובת תהיה קצרה יותר המכילה את שם

החברה בלבד, בלי תוספות ארוכות...

49

xwiניהול האתר דרך אפליקציית

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

לפספס הודעות חשובות.

(Google play, App Store)מחנות היישומים שלכם WIXאת אפליקציית ודיהור .1

של האפליקציה, כדי לפתוח אותה אייקוןצו על הלח .2

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

לאחר התחברות לאפליקציה יופיעו האתרים שתחת חשבונכם, לחצו על האתר הרצוי.

שינוי שפת האפליקציה

my account לחצו על -שינוי שפהברירת המחדל של האפליקציה היא בשפה האנגלית ל

save בחרו מהרשימה את השפה העברית ולחצו על App language ובחרו באפשרות

אפשרויות האפליקציה

בחלק התחתון מופיע תפריט

ניהול החשבון -החשבון שלי •

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

חזרה לדף הראשי של ניהול האתר -ראשי •

במסך הראשי של האפליקציה יופיעו כל

האתרים שתחת החשבון כדי -ניהולשלנו נלחץ על

לערוך את האתר הרצוי

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

לעריכה ותוספות

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

50

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

עריכת פוסט בבלוג

חלון הניהולב בלוג חדשעל כדי לערוך פוסט בבלוג נלחץ חלון ניהול הבלוגים יפתח

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

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

לחיצה על פוסט, תאפשר לערוך

אותו

51

2תרגיל

לנייד wixהורידו את אפליקציית .1 הכנסו עם שם המשתמש והסיסמה שלכם .2 הוסיפו תמונות לאתר דרך האפליקציה .3 ערכו את אחד הפוסטים בבלוג שבאתר .4 בצעו התנתקות מהאפליקציה .5

תוכנות קוד פתוח

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

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

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

כך שכאשר אנו בונים אתר למשתמש אנו כפופים לכלי האתר שינויים במערכת העריכה וניהול האתר) ואיננו יכולים ליצור התאמות ללקוח שאינם קיימות באתר.

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

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

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

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

WordPressהכרות עם מערכת

/https://he.wordpress.comהכנסו לאתר בכתובת

או כתבו בשורת הכתובת "וורדפרס" ובחרו בתוצאה הראשונה שתתקבל

52

יפתח המסך הבא:

לחצו על ובצעו רישום מהיר לאתר

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

בלוג

עסקים

מקצועי

חנות אונליין

ניתן גם להקליד את סוג העסק/ התחום

עבורו האתר נדרש

53

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

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

שלבי יצירת האתרנוכל לראות משמאל את התקדמות

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

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

נבחר באפשרות החינמית למעלה

my site -setting -languageנוכל לשנות את שפת הממשק לעברית בלחיצה על

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

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

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

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

54

wixתרגיל מסכם בניית אתרים ב

רם הביצועבטהיטב, ראות קראו את ההו

הקפידו על הקריטריונים הבאים: wixבבנו אתר

(מינימוםעמודים ) 5 .1 טקסט .2 מונות וקטעי וידאות .3 הפניות וקישורים חיצוניים .4 אפליקציות 2 .5 גלריית תמונות .6 טופס/בלוג .7 :ילוב מיטבי בגוגלש .8

מילות מפתח הוספת • יעו בגוגלאתר ותיאורו כפי שיופשם ה •

התאמה לנייד .9

נק'( 10) קובץ אפיון אתרבונוס

נק'( 10עיצוב מושקע )ס בונו

נק'( 10תוכן איכותי )בונוס

שלח כקישור למייל:__________________________________תכתובת האתר

_______________מועד אחרון להגשה:

55