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

תוכן עניינים:

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

וִידֵאוֹ: כיצד להשתמש בבונה האתרים

וִידֵאוֹ: כיצד להשתמש בבונה האתרים
וִידֵאוֹ: 'איך ליצור אתר וורדפרס 2020 | בעשרים צעדים פשוטים | סרט הדרכה וורדפרס 2024, מאי
Anonim

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

שימוש בבונה אתרים
שימוש בבונה אתרים

הוראות

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

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

שלב 5

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

שלב 6

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

שלב 7

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

מוּמלָץ: