הדרך הקלה ביותר למתחילים ליצור אתר היא שימוש בתבנית רגילה. ניתן להשיג את ייחודו של המשאב על ידי ביצוע מספר שינויים קוסמטיים וארגוניים בעיצוב הסטנדרטי.
נחוץ
- - תבנית אתר;
- - תוכנית פוטושופ;
- - סיומת לדפדפן FireBug;
- - עורך פנקס רשימות ++.
הוראות
שלב 1
מצא באינטרנט תבנית אתר שמתאימה לך. חקור את התבניות המוצעות, תוך שימת לב להתאמתן לגודל המסך, למפרט הסידור של עמודות ותפריטים. הורד את האפשרות שנבחרה. בדוק את ביצועיו על ידי העלאת קבצים לשורש האתר שנוצר. אם התבנית מכילה שגיאות שמתגלות לאור בעבודה, עדיף למצוא אפשרות אחרת.
שלב 2
שנה את רוב התמונות בתבנית. החלף כל תמונה באופן הבא. הפעל את Photoshop ופתח אחד מקבצי הגרפיקה של התבנית בו. חפש בתפריט "תמונה" בעמודה "גודל" את פרמטרי התמונה. פתח גיליון חדש עם אותם מידות וצור עליו את התמונה שאתה צריך. שמור את התוצאה בתיקיית התבנית תחת שם הקובץ הגרפי להחלפה. לכן, יש צורך להחליף את כל התמונות המשמעותיות.
שלב 3
שנה את שאר הפרמטרים באמצעות טבלאות מדורגות style.css, שפת תכנות רשמית המתארת את מראה המסמך. נוח יותר לבצע שינויים כאלה דרך לוח הניהול, ועדיף להציג את התוצאות באחסון מקומי כדי לא להעלות כל עדכון לשרת.
שלב 4
הורד והתקן את התוסף החינמי של FireBug לדפדפן שלך. סמל עם באג צהוב אמור להופיע בפינה השמאלית העליונה של חלון הדפדפן. לחץ על הסמל ולחץ על F12. קוד העמוד הממוטט מופיע בתחתית המסך. ניתן להרחיב אותו באמצעות ריחוף מעל סימני הפלוס. על ידי לחיצה על שורת האלמנט תוכלו לראות כיצד הוא מודגש בחלקו העליון של המסך. בחלק הימני של החלון עם הקוד יש סגנונות המציינים את השורות האחראיות למראה הדף.
שלב 5
פתח את התבנית בעורך Notepad ++. השתמש ב- FireBug כדי למצוא את הפרמטרים שיש לשנות ולערוך אותם ב- Notepad ++.
שלב 6
שמור את התוצאה והעלה את האתר שנוצר לשרת.
