מהו אתר אינטרנט? רשימת המרכיבים העיקריים של עמודים באינטרנט

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

מהו אתר אינטרנט?

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

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

מקומו ותפקידו של דפי האינטרנט במבנה האתר

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

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

העיקרון של מעורבות של היפרטקסט

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

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

מבנה HTML, תגים

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

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

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

תכונות

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

תוכן

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

אלמנטים בדף האינטרנט

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

אלמנטים בדף האינטרנט: כותרת

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

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

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

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

החלק העיקרי של דף האינטרנט

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

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

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

HTML תגים בסיסיים

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

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

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

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

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

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

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

ספציפי של כלי פיתוח האינטרנט

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

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