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

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

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

כיצד ליצור דפי אינטרנט עם

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

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

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

הוספת כותרת, כותרות משנה בדף שלך:

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

הוספת טקסט וקישורים מעוצבים בדף שלך:

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

הוספת תמונות לדף שלך:

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

הוספת סרטונים בדף שלך:

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

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

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

הוספת HTML או קודים אחרים בדף שלך:

8. כדי להוסיף שיעורים css מותאמים אישית או קודים html, פשוט ללחוץ על כפתור הקוד מתוך ארגז הכלים. יופיע חלון קוד ושם תוכל להזין את קוד ה- HTML ואת כיתות CSS בנפרד.

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

עכשיו עבור החלק css, הזן חלון קוד חדש לכתוב את הקוד css. הקפד להזין אותו בכותרת של הדף שאתה עורך.

תצוגה מקדימה של הדף שלך בדפדפן:

9. אתה יכול לצפות בתצוגה מקדימה איך הדף נראה בדפדפנים שונים כגון Firefox, Google Chrome ו- Internet Explorer. בחר את הדפדפן הרצוי ולחץ על הלחצן תצוגה מקדימה והתוכנית פותחת כרטיסייה חדשה של דפדפן או חלון המכיל את התצוגה המקדימה של הדף שתכננת בדיוק ב- SiteSpinner.

פרסום דפים באתר שלך:

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

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

כמה קל היה לזה? למרות שזה לא חזק כמו Adobe Dreamweaver, Sitespinner הוא הרבה יותר ידידותי למשתמש משתמשים טירון ימצאו את זה מאוד שימושי. הודע לנו על דעותיך ורעיונותיך בקטע ההערות.