אינטרנט, עיצוב אתרים

מסגרת - מה זה? מבנה יצירה של מסגרות

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

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

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

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

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

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

מסגרות ב CMS

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

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

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

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

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

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

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

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

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

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

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

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

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

מסגרות מתווספות HTML באמצעות התג:

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

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

רישום וריאציות

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

עזבו

במסגרת העליונה

תקין

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

בתוך מסגרות זוג זה רושם כל מסגרת עם פרמטרים: src = http: // אתר / מאמר / 143,778 /% ציטט 2C ההתייחסות להלן נעשית כדי דף אינטרנט שם title = (לדוגמה, מסגרת 1).

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

דוגמה קוד: <שורות מסגרות =" 80,20 ">

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

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

מסגרת צף

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

לדוגמה, Seopult.ru - שירות הידוע מן המאסטרים להתקדם. לא רק האתר הראשי שלה, ואת מראה I.seopult.pro נוצר עבור לקוחות פורטל. ayfreyma קוד מוקמת כמו:

  • הוראות . איפה
  • תג נועד לקבוע את פריט הרשימה. נתמך על ידי כל הדפדפנים.

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

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

    כיצד לרשום iframe

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

    ו- , כפי שמוצג בדוגמה שלעיל ניתן להשתמש ורשימת תג -

  • .

    בשנת הוסיף ayfreym תכונות:

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

    באמצעות ניווט ayfreyma

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

    עבור ayfreym נלקח זה, זה גם רושם את שמו לאחר name =. לדוגמה, zagolovok. יתר על כן, לפניו בתגי והפניות שקבע a href = http: // אתר / מאמר / 143,778 /%% D1 המציין את 81 חובה אחרי שהם מייחסים target = zagolovok. לפני שתוכל להשתמש בתג סגירה, ציין כתובת, אשר ישמש כפתור הפניה. תגיות "ו" פתיחה וסגירה נמצאת תג p.

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

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

    מודעות חינם פוסט

    צפייה במודעה