כיצד להכניס מסגרת

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

כיצד להכניס מסגרת
כיצד להכניס מסגרת

וִידֵאוֹ: כיצד להכניס מסגרת

וִידֵאוֹ: כיצד להכניס מסגרת
וִידֵאוֹ: פוטושופ מהיר - כיצד להכניס תמונה לתוך צורה או טקסט 2024, מאי
Anonim

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

כיצד להכניס מסגרת
כיצד להכניס מסגרת

נחוץ

ידע בסיסי ב- HTML

הוראות

שלב 1

שפת הסימון של HyperText (HTML) מספקת שני סוגים של מסגרות. צף הוא גמיש יותר וקל יותר להכניס אותו לדף קיים. באופן כללי, הקונסטרוקציה המתארת מסגרת חלון באמצעות מסגרת צפה נראית כך: כאן, הדף הראשי של אתר קיים מצוין כמקור הנתונים למסגרת זו (תכונה src). הוא ייפתח במסגרת של 400 x 300 פיקסלים, כמפורט בתכונות רוחב וגובה. תוכל גם לציין את עמוד האתר שלך בתכונה src. במקרה זה, מספיק לציין כתובת יחסית (כלומר, הכתובת יחסית לדף שאליו מוכנסת המסגרת): במדגם זה, הרוחב והגובה של המסגרת אינם מוגדרים, אך יש מזהה מזהה תכונה. באמצעותו תוכלו להשתמש ב- CSS () כדי להגדיר את הממדים הנדרשים למסגרת זו:

#frameOne {רוחב: 700 פיקסלים; גובה: 200 פיקסלים;}

שלב 2

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

לא צריכים להיות … ו … חסומים הנדרשים לדפים רגילים. בדוגמה זו, תג הפתיחה של המכולה מכיל תכונה של שורות, כלומר יש לפצל את שטח העמוד בצורה אנכית והחלק העליון יינתן למסגרת הראשונה. אם תחליף שורות בסימנים, החלוקה תהיה אופקית. הערך של תכונה זו "*, *" מציין שפרופורציות הפיצול שוות - 50% כל אחת. אם תציין, למשל, "20%, *", רק 20% יינתנו למסגרת הראשונה, ושאר השטח לשנייה. המשתמש יכול לשנות את הפרופורציות הללו על ידי גרירת גבולות המסגרות עם את העכבר, אך ניתן להשבית פעולה זו. לשם כך, הוסף את התכונה noresize לתג של מסגרת ספציפית. ניתן גם לציין את גודל הכניסות האנכיות והאופקיות מהמסגרת הסמוכה (תכונות marginwidth ו- marginheight): ניתן להגדיר את כללי ההתנהגות לסרטי הגלילה של כל פריים בנפרד. לשם כך משתמשים במאפיין הגלילה, שיכול להכיל אחד משלושה ערכים מוגדרים מראש. אם צוין, פסי גלילה יופיעו כאשר תוכן המסגרת אינו מתאים לגבולותיה. אם "כן" - פסים יהיו כל הזמן, ללא קשר לצורך בהם. אם "לא" - המשמעות היא איסור פסי גלילה למסגרת זו.

שלב 3

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

מוּמלָץ: