/ / מסגרת היא מה? מבנה ויצירת מסגרות

מסגרת היא מה? מבנה ויצירת מסגרות

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

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

יצירת מסגרות בבונה האתר

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

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

מסגור

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

מסגרות ב- CMS

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

מסגרת זו

ניתן למצוא אותו וליצור אותו בלוח הבקרה של CMSJumla: "Extensions" - "Module Manager" - "Create" (כפתור עגול של צבע כתום עם סימן פלוס בפנים). בחלון המוקפץ, ברשימה, תראה את המודול "Wrapper".

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

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

מה זה מסגרת

כפי שניתן לראות בתמונה, המודול מאפשרבחר: את הכותרת מעל המסגרת, את המיקום של המודול, בחר את הדפים של האתר שבו הוא יוצג. וגם להתאים את רוחב, גובה; להוסיף מסגרת ואת הקישור בפועל לדף האינטרנט. אם במסגרת אתה רוצה להציג את הדף הראשי של האתר ברוחב מלא, אז 100%, מוגדר כברירת מחדל, לא יהיה מספיק. אתה יכול מיד לשים את זה בבטחה 400%. גובה של 200 הוא בדרך כלל מספיק כדי להציג את הדף הדף הדף. כל שאר התוכן יהיה גלוי אם המשתמש (המבקר באתר) משתמש בסרגל הגלילה.

הנה דוגמה של מסגרת בג'ומלה.

דוגמאות למסגרות

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

היסטוריה ומציאות

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

אתרים מורכבים מובנים

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

כיצד להשיג את אותה תוצאה? כיצד ליצור מבנה מסגרת?

מבנה מסגרת

כיצד לכתוב מסגרת לתוך קוד הדף

מסגרות ב- HTML מתווספות באמצעות תגים:

  • מסגרת (עבור חלון נפרד);
  • frameset (הוא יוצר מבנה שלם בעזרתו);
  • מסגרת iframe ("צף");
  • noframes (במקרה שהמסגרת אינה מוצגת בדפדפן של המשתמש).

התג שצוין הראשון תמיד מתאים לצמד<frameset> ו- </ frameset>. והוא מחליף את <body> ו- </ body>. ובעזרת התכונות המתאימות, ניתן להתאים את המאפיינים של כל אלמנט: השם (name =), הגודל (cols = ו- rows =), הגבול (הגבול), פס הגלילה וכמובן הקישור לדף האינטרנט להצגה.

וריאציות של עיצוב

את כל הדף של האתר ניתן לחלק לאזורים. לדוגמה:

שמאל

מסגרת למעלה

נכון

מבנה זה (הוא נקרא מקונן) יכול להיותלקבל על ידי כתיבת תכונה cols בתוך התג, כלומר המסגרת ממוקמת אופקית, ושורות אנכית. בעקבות סימן = והניח את הגודל. לדוגמה, 60%, 40% הוא אחוז (חלון אחד יכסה 60% משטח הדפדפן, השני, בהתאמה, 40%). או 100, 200 - היחס בין הגודל בפיקסלים. לא ניתן להגדיר את גודל אחת המסגרות כלל (מוגדר כברירת מחדל). כדי לעשות זאת, לאחר הפסיק או לפניו, עליך לציין את הסמל *.

בתוך זה זוג, מסגרות נרשם כל מסגרת עם פרמטרים: src =, ואז במרכאות יש קישור לדף אינטרנט שם = עם כותרת (למשל, מסגרת 1).

הקינון של כל אזור חדש מסומן על ידי ערכת מסגרות חדשה.

קוד לדוגמה: <frameset rows = "50" cols = "80,20" <frame SRC = "[link to page]" name = "מסגרת מספר 1"> <frameset rows = "80,20"> <frame SRC = "[ קישור אל הדף] "name =" Frame number 2 "> <frame SRC =" [link to page] "name =" מסגרת מספר 3 "> </ frameset> </ frameset>

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

רעיונות רבים מאפשרים לך לבצע מסגרות. דוגמאות למיקומן בחלון הדפדפן יכולות להיות מצוטטות עד אין קץ (על ידי שינוי הקוד בהתאם). עם זאת, היישום המעשי של מידע זה לא נמצא במשך זמן רב. מסגרות, אם משתמשים בהן כיום בעת יצירת אתרי אינטרנט, הן רק בצורה של מודולים ב CMS ​​חינם או בצורה של iframe.

מסגרת צף

אתר ממוסגר

מוזר למה הוא קיבל שם כזה, כאןמילה הולמת יותר "מובנית". מסגרת זו נוצרה כדי להציג את תוכן הקובץ. אתה מעלה מסמך או קובץ למסד הנתונים, באמצעות התגים של iframe, להגדיר את הנתיב אליו והמבקרים יראו את הטקסט של הקובץ (וידאו או תמונה). לצערנו, הדפדפנים לא תמיד מציגים תוכן. לשם כך, בוני אינטרנט נכנסים בין תגי הפתיחה והסגירה לביטוי: "הדפדפן שלך אינו מציג את התוכן".

לדוגמה, Seopult.ru - שירות ידוע עבור קידום אדונים. אבל לא האתר הראשי שלו, אבל iseopult.pro המראה, נוצר עבור לקוחות הפורטל. הקוד של iframe כתוב כאן: <li> <a HREF="" קישור לדף '> ידני </a> </ li>. כאשר התג <li> נוצר כדי להגדיר פריט רשימה. נתמך על ידי כל הדפדפנים.

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

כל האתרים העיקריים לצפייה בסרטים ובתוכניות טלוויזיה נוצרים בעזרת מסגרות i (לדוגמה, "Imhonet"), כמו גם רשתות חברתיות. אפילו הדף הראשי של Yandex מכיל תג זה, ולא רק זוג אחד.

כיצד לרשום iframe

הורד את המסמך בצורה של חלון עם רצועהגלול לכל מקום. בדרך כלל תגים ממוקמים בתוך הגוף. בנוסף לסטנדרט <p> ו- </ p>, כפי שמוצג בדוגמה שלעיל, ניתן להשתמש גם בתג הרשימה - <li>.

תכונות שנוספו ל- iFrame:

  • רוחב (רוחב) וגובה (גובה =);
  • יישור יישור;
  • כניסות, אשר יכול להיות ולא לרשום: ערך ברירת המחדל הוא 6 - זה די מספיק;
  • באמצעות שקיפות, אתה יכול להגדיר את השקיפות של אזור המסגרת כך הרקע של הדף גלוי;
  • פלוס שם מוכר, שם, גלילה, הגבול.

ניווט עם i-frame

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

כדי לעשות זאת, לקחת iframe, בו בנוסףשם מרשם דרך שם =. לדוגמה, zagolovok. לאחר מכן, ב <a> ו </a> תגים הם קישורים דרך HREF = עם אינדיקציה חובה אחרי אותם של יעד התכונה = zagolovok. לפני השימוש בתג הסגירה a, מופיעה כתובת שתשמש כלחצן קישור. תגים "א" פתיחה וסגירה סגורים בתג p.

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

הקוד ייראה כך:

<p> <a href="[Link אל הדף "target= "zagolovok"> הצב מודעה </a>

<a href = "היפר לדף" target= "zagolovok"> להציג מודעות </a> </ p>

<p> <iframe src = "[link to page]" name = "zagolovok" width = "100%" height = "200"> </ iframe> </ p>

איך זה ייראה באתר:

מסגרת צף

כיצד להכניס iframe לתוך אתר האינטרנט של

סטנדרטי בלוח הבקרה של ג'ומלהמודול הקוד HTML הכלול (כלומר, מוכן לשימוש). עם זאת, אתה יכול להוסיף כל קוד בכל מקום באתר. עם זאת, את הקוד עם התג אם הוא מתעלם בעקשנות. לכן, אנו נשתמש מודול מיוחד Jumi.

קודם כל, אתה צריך להוריד אותו מהאינטרנט ולהתקין את עצמך דרך לוח מנהל ג 'ומלה: "Extensions" - "מנהל הרחבה" - "בחר קובץ". ציין את הנתיב לארכיון שהורדת ולחץ על "הורד".

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

דפדפנים ומסגרות

כל הדפדפנים הפופולריים מוצגים היטבתוכן מסגרת החלון: Chrome, Safari, Firefox, Android, iOS. גבוה במיוחד מבחינה זו ב- Internet Explorer ו- Opera. ובכל זאת אין ערובה לכך מבקר באתר שלך יראה את התוכן של כל החלונות. במקרה זה, עליך להשאיר הודעה באמצעות תג noframe (פתיחה וסגירה). תוכל להוסיף את הפרטים הבאים: "הדפדפן שלך מיושן, עדכן את הגרסה להצגת התוכן של האתר". אם הדפדפן של המשתמש מציג כראוי מסגרות, הוא לא יראה את ההודעה.

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

חדשות קשורות


תגובות (0)

הוסף תגובה