כל מה שהמבקר רואה בדפי האתר מוצג על ידי הדפדפן על פי הוראות מפורטות שנשלחו אליו על ידי השרת. הוראות אלה נקראות קוד ה- HTML של הדף והן מורכבות מ"תגים "נפרדים המתארים את סוג, מראה ומיקום של כל אלמנט בנפרד. כדי למקם אלמנט חדש כלשהו (למשל תמונה) בעמוד, עליך להוסיף הוראה מתאימה - תג - לקוד המקור שלו. שקול את הדרך הקלה ביותר לעשות זאת.
הוראות
שלב 1
אם אתה משתמש בכל סוג של מערכת ניהול תוכן, סביר מאוד להניח שהיא כוללת עורך עמודים. ראשית, עליך לפתוח את הדף הרצוי בעורך זה. יתר על כן - אפשרויות אפשריות. במקרה הטוב, לעורך העמודים יהיה "מצב חזותי", במילים אחרות - "מצב WYSIWYG" (מה שאתה רואה זה מה שאתה מקבל - "מה שאתה רואה זה מה שאתה מקבל"). במצב זה, לא תצטרך להתמודד עם קוד ה- HTML המקורי בכלל! הדף בעורך ייראה זהה לזה שבאתר, זה יהיה מספיק כדי לתקוע את העכבר במקום הרצוי וללחוץ על הכפתור "הכנס תמונה" בלוח העורך.
שלב 2
כתוצאה מכך תיפתח תיבת דו-שיח בה עליך לבחור את התמונה הרצויה. אם עדיין לא העלתם אותה, ישנו גם כפתור לבחירת תמונה במחשב ולהעלאתה לשרת. בנוסף, בתיבת דו-שיח זו תוכלו להגדיר את צבע ורוחב המסגרת סביב התמונה, את המרחק והצבע של המילוי בין המסגרת לתמונה, את הטקסט לקבלת הכלים. אין צורך לציין כאן את המידות, אך מסיבות של האצת טעינת העמודים וכדי למנוע עיוות של העיצוב, עדיף לעשות זאת. לאחר מילוי כל השדות הנדרשים בתיבת הדו-שיח, לחץ על "אישור" ואז שמור את הדף הערוך.
שלב 3
בשל העובדה שאין תקן אחד למערכות בקרה, הליך הכנסת תמונה למצב הוויזואלי של המערכת שלך עשוי להיות שונה במקצת, אך העיקרון יהיה זהה. מאותה סיבה, מצב WYSIWYG לא יכול להופיע במערכת הניהול של האתר שלך. אז אתה עדיין צריך לערוך את קוד המקור של הדף ב- HTML (שפת הסימון של HyperText - "שפת סימון ההיפר טקסט"). יהיה עליכם להוסיף תג במקום הנכון בקוד המורה לדפדפן להציג את התמונה כאן. בצורתו הפשוטה ביותר, זה אמור להיראות כך: הנה "הכתובת היחסית" של התמונה - בכתובת זו על הדפדפן ליצור קשר עם השרת כדי לקבל ממנו את קובץ התמונה. אם הכתובת יחסית, הדפדפן יניח שהקובץ נמצא באותה תיקיית שרת כמו הדף עצמו (או בתיקיית משנה). אך, על מנת שלא לטעות, עדיף לציין את "הכתובת המוחלטת" - למשל, כך: באופן טבעי, על מנת שהשרת ימצא וישלח את התמונה לדפדפן, יש להעלות אותה למפורט. מקום. הדרך הקלה ביותר לעשות זאת היא באמצעות מנהל הקבצים, הנמצא בכל מערכת ניהול תוכן, כמו גם בלוח הבקרה של חברת האירוח שלך. ניתן לעשות זאת גם באמצעות פרוטוקול FTP (פרוטוקול העברת קבצים - "פרוטוקול העברת קבצים"), באמצעות תוכנית מיוחדת - לקוח FTP. ישנם רבים מהם, בתשלום ובחינם - לדוגמה, FTP חמוד, FlashFXP, WS FTP וכו '. אך, כמובן, התקנה, שליטה ותצורה של התוכנית ייקח זמן, ולכן מנהל קבצים להורדת כל מה שאתה צריך דרך דפדפן הוא אפשרות קלה יותר.
שלב 4
בנוסף לכתובת בתג ה- html של התמונה, תוכל לציין מידע נוסף - "תכונות" של התג. לדוגמא, תכונת alt="Image" מכילה את הטקסט עבור טיפ הכלים שצץ כאשר אתה מעביר את סמן העכבר מעל התמונה: ניתן להחליפו בתכונה - title: - גודל המלבן בו הדפדפן צריך להציג את התמונה מוגדרת על ידי תכונות רוחב וגובה: - תכונת הגבול מציינת את רוחב הגבול סביב התמונה (בפיקסלים): אם התמונה עשויה להיות קישור, הדפדפן יצייר גבול כחול מסביב לה.כדי להיפטר ממנו, הגדר את ערך הגבול לאפס: - שתי התכונות האחרות מכילות מידע על כמות הכניסה של התמונה מאלמנטים סמוכים (משורות טקסט, תמונות אחרות וכו ') - hspace מגדיר את גודל התמונה הזחה אופקית (שמאלה וימינה), vspace - אנכית (למטה ולמעלה):
