התאמה ראשונית של התבנית לאתר (טמפלט)

 

 

עמוד 4 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

 

שלב 4 - שינוי תבנית אזור תוכן האתר ע"י העתקת איזור תוכן רצוי מעמוד לעמוד

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

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 16

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

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 17

אזור תוכן מתאים נמצא בעמוד index-7, לכן יהיה עלינו להעתיק אותו לעמוד ה index שלנו.

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

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

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

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 18

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

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 19

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

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 20

כאשר הגענו ללשונית בה כל תבנית התוכן מסומנת (אשר נקראת "div.indent-box"), נעתיק אותה.

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 21

עתה ניגש חזרה לעמוד ה index אליו אנו רוצים להעתיק את התבנית שבחרנו.

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 22

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

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

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 23

לאחר שהגענו אל הלשונית בעלת אותו השם כמו בעמוד המקור ("div.indent-box"), נבצע הדבקה (Ctrl+V במקלדת).

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 24

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

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 25

כך נראים השינויים הראשוניים והבסיסיים שביצענו במדריך זה דרך דפדפן האינטרנט.

המדריך המקיף לבניית אתר - מדריך התאמה ראשונית של תבנית (טמפלט) לאתר - 26

 

עמוד 4 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

 

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

 

1. ההכנות לבניית האתר

2. כתיבת תוכן האתר

חזרה למעלה

3. חזרה למדריך עיצוב תבנית האתר

4. המשך תהליך בניית האתר

5. סיום תהליך הקמת האתר