הבסיס לבניית עמוד אינטרנט ודיוור אלקטרוני – טבלאות

ינו 3

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

דוגמא:

באתר כמו זה, קל לראות את החלוקה הנוצרת כתוצאה משימוש בטבלאות. הדף למעשה מורכב מקוביות שונות. כל קובייה שכזאת מהווה טבלה בפני עצמה – המחולקת לטורים ושורות. ראו את השרטוט של חלק "הידעת" – מדובר למעשה בטבלה אחת, בעלת 3 שורות וטור אחד בלבד. בחלוקה כזאת בכל שורה יש "תא" אחד שמאפשר לנו להכניס בתוכו תוכן. כל תא מכיל בעצמו טבלאות קטנות יותר המכילות גם הן תאים
בניית עמודים באתר אינטרנט מתבססת על טבלאות
 
דוגמא:
כדי לבנות אזור דומה לאזור "הידעת", נבצע את השלבים הבאים:
 
 
1. ניכנס למערכת האתר ולעמוד אותו אנחנו רוצים לערוך
2. בסרגל הכלים של עורך העמוד נבחר בניית טבלה של 3X1

3. בטבלה שנוצרת לנו נלחץ על השורה הראשונה. ולאחר מכן נלחץ על סימן הטבלה עם העיפרון  . בתפריט שנפתח נלחץ על Edit Table.נפתחת לנו תיבה המאפשרת להגדיר כיצד תיראה הטבלה.
 
4. מתחת ל- Width נסמן את העיגול שליד Fixed Table Width – ובמשבצת שלידו נכניס את רוחב הטבלה הרצוי. במקרה שלנו 250.
בחלק העליון של התיבה ישנן תגיות. נלחץ על Propeties. כאן אנו יכולים להגדיר את הצד אליו הטבלה תיצמד ביחס לכלל העמוד, האם יצוירו לה גבולות ובאיזה צבע, האם יש לה רקע (יכול להיות תמונה או צבע אחיד) – ואת המרחק בין התאים.
אנו רואים שבין התאים השונים יש קווים באותו הצבע כמו הרקע. זאת אומרת שהתאים מופרדים אחד מהשני – נגדיר זאת באמצעות קביעת ה- Cell Spacing ל- 3.
נלחץ על OK. אנו עדיין לא רואים את הטבלה בצורה הנוכחית, מאחר ויש להגדיר את התאים בטבלה בצבע רקע שונה מאשר זה שקיים כרגע.
 
5. נלחץ שוב על האייקון של הטבלה עם העיפרון. הפעם נבחר ב- Edit Cell. בחלק התחתון של התיבה שנפתחת היכן שרשום Apply to נבחר ב- Whole Table. זאת כדי שהבחירה שלנו תשפיע על כל הטבלה.
 
כעת נלחץ על התווית "Properties". ליד המילה BackGround נלחץ על הכפתור Pick. ונבחר את הצבע הרצוי. בסוף נלחץ על OK. התוצאה צריכה להיות טבלה בסגנון הרצוי. 
 
כעת כל שנותר הוא להכניס את התוכן הרצוי לכל תא.
 
לכל שאלה ועניין בנושא בניית אתר אינטרנט ניתן לפנות לצוות NetProTek

iPad Mini Cases Canada Cosplay Costumes For Sale Naruto Cosplay Costumes Samsung Galaxy S5 Cases For Sale