ווי צו מאַכן אַ בילד-אין-בילד דערמאָנען? ווי צו אַרייַנלייגן אַ לינק צו אַ בילד

קרעאַטינג באַנערז און פּלאַץ מאַפּס, אָנהייבער וועבמאַסטערס זענען פאַסעד מיט אַזאַ אַ פּראָבלעם, ווי צו אַרייַנלייגן אַ לינק צו אַ בילד, טאָן מיט אים ברייטער און מער טשיקאַווע מעניו. אבער ווי צו ינסטרומענט עס? עס איז גאָרנישט גרינגער אויב איר וויסן HTML שפּראַך.

זאל אונדז געפֿינען אויס ווי מיר קענען מאַכן אַ פאַקט פון דעם געדאַנק. אין דעם אַרטיקל, מיר וועלן פאָרשלאָגן איר צוויי אָפּציעס צו סאָלווע די פּראָבלעם. איינער ראַרעלי געניצט רעכט צו דער פאַקט אַז עס נעמט אַ פּלאַץ פון צייַט און מי, בשעת די רגע איז באטראכט צו זיין גוט באקאנט. מיר אַנאַלייז מיט איר ביידע.

ווו בילד-לינק איז געניצט

איידער מיר רעדן וועגן ווי צו מאַכן אַ בילד-אין-בילד דערמאָנען, מיר וועלן פֿאַרשטיין ווו און וואָס זיי זענען געניצט. נאָך אַלע, עס וועט זיין גרינגער צו פֿאַרשטיין וואָס מיר ווילן פֿון די בילד.

בילדער לינקס זענען קאַמאַנלי געוויינט ווי באַנערז, אַדווערטייזמאַנץ טאַוט דראָינגז. עקסאַמפּלעס פון דעם זענען די בילדער זענען אַלע אין דער זעלביקער "ווקאָנטאַקטע". געדענקען ווי פילע מאל איר 'ווע גיט אויף די Photo צו וואָס אַ באַזונדער אַדרעס האט שוין געבויט? אין דערצו, גאַנץ אָפֿט זיי זענען געניצט אין די פאָרעם פון מעניו גרופּעס און קהילות, ספּעציעל אויב זיי אַנטהאַלטן ספּעציעל ערטער. פילע אַזאַ בילדער געפֿונען אויף אנדערע זייטלעך.

פּאַפּ די לינק אין די בילד

די סימפּלאַסט זאַך - אַ בילד-לינק. אַז ס וועגן עס, מיר רעדן צו אָנהייבן. דאס געמעל איז אַ גרייט דערמאָנען. דאס הייסט געבן אַ קליק אויף דעם ייקאַן, איר וועט זיין רידערעקטיד צו די נייע בלאַט.

אויב איר וויסן ווי עס איז Defined דורך אַ פּראָסט לינק מיט די הילף פון די HTML מאַרקאַפּ, די פּראָבלעמס איר זאָל שטיי אויף. דער בלויז חילוק איז אַז אַנשטאָט פון טעקסט לינקס איז ספּעסיפיעד בילד.

אזוי, צו ינסטרומענט זייַן פּלאַן, איר דאַרפֿן די בילד זיך, ופּלאָאַדעד צו די אינטערנעט אָדער סטאָרד אויף דיין קאָמפּיוטער (דיפּענדינג אויף צי איר זענט ארבעטן אין אָנליין מאָדע, אַקטשאַוואַלי אויף דעם פּלאַץ, אָדער זאַדייסטווועטע רעדאקציע).

מיר זענען קוקן פֿאַר אַ בילד אַדרעס, שרייַבן עס, ניט צו פאַרגעסן. אויך פאַרריכטן די לינק, וואס זאָל עפענען דעם בילד.

ווייַטער, שרייַבן די ווייַטערדיק: בילד - אַ ספּעציעל קאָד . בילד-לינק איז Defined מיט זייַן הילף.

אזוי, מיר פאָרשרייַבן אַ לינק אַז איז געוויזן אין די פאָרעם פון געמעל. שיין גרינג. אָבער דעם צוגאַנג נאָר אויב איר גלויבן אַז עס זאָל זיין נאָר איין לינק. אבער וואָס אויב עס זאָל זיין אַ ביסל? דעמאָלט מיר מאַך אויף צו אנדערע אָפּציעס.

מאַכן אַ מעניו פון בילדער

דער ערשטער אופֿן איז געווען דעוועלאָפּעד ינדיפּענדאַנטלי אין דעם לערנען פון וועב בלעטער מאַרקאַפּ שפּראַך. די שאַפונג פון אַזאַ אַ מעניו זאל נעמען אַ פּאָר פון שעה.

דעם אופֿן איז פּאַסיק פֿאַר יענע וואס ווי צו טינקער מיט פאַרשידן רעדאקציע, ווי עס איז גאַנץ צייַט-קאַנסומינג און נעמט אַ ביסל מער ווי די שאַפונג פון די מעניו קאָרט אָדער די רגע אופֿן. עס ליגט אין דעם פאַקט אַז די בילד איז גענומען, וואָס איז שנייַדן אין עטלעכע סטריפּס אָדער סקווערז. יעדער בילד איז געחתמעט, און די באזע פֿאַר אַ לינק, ווי דיסקרייבד אויבן. ווייַטער, די קאָד בלאַט טאַגס זענען געשריבן אין די ריכטיק סדר. אַז ס אַלע אַ קשיא פון ווי צו מאַכן אַ בילד-אין-בילד דערמאָנען, כּמעט סאַלווד. אבער טאָן ניט פאַרגעסן וועגן די רגע אָפּציע.

ער איז צו מאַכן אַ מעניו מיט נאָר איין בילד, אַסקינג פֿאַר יעדער זאָנע אילוסטרירן זייַן לינק. דו זאלסט נישט זאָרג, גאָרנישט די גאָר קאָמפּליצירט אין דעם. איצט, ערשטער זאכן ערשטער.

ווי צו מאַכן

זאל אונדז ונטערזוכן אַ ביסל מער דער ערשטער וועג.

צו אָנהייבן מיט, איר וועט דאַרפֿן וויסן פון Graphic רעדאקציע, און HTML. ווי צו מאַכן אַ דערמאָנען בילד, עס דערציילט דעם מין פון מאַרקאַפּ בלעטער.

אַזוי, אויב איר באַשליסן צו גיין אין דעם וועג, איר וועט דאַרפֿן אַ בילד און אַ פּשוט גראַפיקאַל רעדאַקטאָר אַז אַלאַוז איר צו שנייַדן די בילדער און לייגן אויף זייער לאַבעלס, ווי געזונט ווי אַ אָרט ווו איר וועט קענען צו פּלאָמבירן זיי.

אויב דאָס איז דיין אייגן וועבזייַטל - פּאַסיק קאַנווענשאַנאַל גאַלעריע אָדער ביבליאָטעק טעקעס, פֿאַר "ווקאָנטאַקטע" עס קען זיין אַ גרופּע אלבאם אָדער קהל (פּרעפעראַבלי פּאָטער).

ווייַטער, די בילד צו זייַן שנייַדן אין ברעקלעך, אַזוי עס איז נייטיק צו געדענקען די סדר אין וואָס טיילן זענען באקומען. סטאַמפּט אויף זיי ינסקריפּשאַנז און פּלאָמבירן די סערווער, שרייַבן די רעפֿערענצן אויף יעדער געמעל.

נעמען די קאָד אויבן, און צו פאַרטרעטער די געבעטן דאַטע. דעמאָלט פּלאָמבירן די בילד אויף די פּלאַץ אין דעם סדר אין וואָס זיי זאָל גיין. אין דער זעלביקער צייַט, אויב איר שנייַדן עס אין סטריפּס, דעמאָלט איר דאַרפֿן צו פרעגן יעדער לינק אין אַ נייַ שורה, אָבער אויב איר האָבן שערד שלי אין סקווערז, דעמאָלט איר דאַרפֿן צו שטעלן אין אַ רודערן ווי פילע לינקס ווי עס אויסגעדרייט סקווערז.

מיר טאָן אַ פּלאַץ מאַפּע

אַזוי, אויב איר טאָן ניט ווי דער ערשטער ווערסיע, און איר ווילן צו לערנען ווי צו מאַכן אַ בילד-אין-בילד דערמאָנען אין קיין אנדערע וועג, מיר קענען מקריב איר צו אַנטוויקלען אַ מאַפּע דערמאָנען. עס געמאכט עס גרינגער, דאָ קענען נאָר פּאַסירן מיט די אַרבעט פּאַראַמעטערס פון די פּראָבלעם. וואָס וועט פֿאַרשטיין מער.

ערשטער, מיר זאָל געדענקען אַז די סיטעמאַפּ איז קאָננעקטעד צו די בילד ניצן די באַפֿעלן וסעמאַפּ = "# מאַפּ1, וואָס איז פּריסקרייבד אין דעם צעטל img דעריבער, פילונג די בילד אויף די פּלאַץ, זיין זיכער צו צוגעבן די קוויטל אין די רגע טייל -. וסעמאַפּ =" # מאַפּע נאָמען ".

ווייַטער מאַרקאַפּ בילדער אין זאָנעס, וואָס זענען אַטאַטשט צו די לינקס איז געטאן ניצן אַ פּערד קוויטל <מאַפּע> , וואָס קענען זיין געשטעלט אין קיין באַקוועם אָרט צווישן די פּערד טאַגס <גוף> .

באַמערקונג אַז ווען ניצן דעם טיפּ פון מאַפּע זאָל זיין געבעטן נישט בלויז לינקס, אָבער אויך די געגנט פון זייער אַקטיוויטעטן און קאָואָרדאַנייץ. ווייַטער, מיר וועט ונטערזוכן די גרונט פּאַראַמעטערס, וואס האט די צעטל.

דורכוועג סעטטינגס

אַזוי, איידער דיין אויגן, גרייט-דערמאָנען בילד. HTML אַלאַוז איר צו באטייטיק פֿאַרבעסערן די פונקטיאָנאַליטי פון די בילד - צו אַלאַקייט עס אַ זיכער געגנט פֿאַר דערמאָנען. אַלע פון דעם איז געגעבן דורך ספּעציפיש פּאַראַמעטערס, וואָס איצט וועט זיין דיסקאַסט.

זאל ס רעדן אַ ביסל וועגן די גרונט פּאַראַמעטערס פון די פּערד קוויטל <מאַפּע>. בפֿרט דעם נאָמען, וואָס איז גלייַך צו די ווערט וסעמאַפּ. אַזוי איר דעזיגנייט אַז די קאָרט איז געשריבן צו די בילד.

ווייַטער ין דער קוויטל פּאָר <מאַפּע> איז פּריסקרייבד אן אנדער צעטל - <געגנט>, וואָס באשרייבט די געגנט פון דערמאָנען. ער ס 'נישט די באָכער און, פון קורס, עס האט זייַן אייגן פּאַראַמעטערס.

דער ערשטער - פאָרעם. מיט דער הילף פון אַ וועבמאַסטער שטעלט אַ מין פון פעלד. דעם קענען זיין:

• קרייַז - קרייַז;
• גראָדעק - רעקט;
• פילעק - פּאָלי;
• מנוחה געגנט בילדער - ניט ויסצאָלן.

ווייַטער - קאָאָרדס. מיט די הילף פון די קאָואָרדאַנאַץ פון די פּיקסעל געגנט. דער אָנהייב אין דעם קאָואָרדאַנאַט סיסטעם - די אויבערשטער לינקס ווינקל. עס איז געווען דעמאָלט, און איז דער הויפּט פּראָבלעם - ניט אַזוי גרינג צו דעפינירן די קאָואָרדאַנאַץ דורך די בילדצעלן, ספּעציעל אויב עס איז קיין פאַמיליאַריטי מיט קאָמפּיוטער graphics.

מיר דערמאָנען אויך גאַנץ באַרימט הרעף, וואָס שטעלט די אַדרעס פון די לינק.

און די לעצטע אָפּציע, וואָס איז צו ווערן דערמאנט, - נאָהרעף. עס ווייזט אַז דעם געגנט איז ניט אַ דערמאָנען.

פון קורס, דאָס איז נישט אַ גאַנץ רשימה פון פּאַראַמעטערס אַז איר קענען שטעלן דעם בילד אָדער די לינק-מאַפּע. אָבער אין דער זעלביקער צייַט, עס וועט זיין גענוג צו שאַפֿן אַ העל און פאַרביק לינק אָדער אַפֿילו די גאנצע פון זייער סיסטעם.

טרינקגעלט

וועלכער וועג פֿאַר די בריאה פון לינקס, בילדער איר קלייַבן, די וויכטיק זאַך איז אַז דער אָריגינעל בילד איז געווען גוט. פּרובירן צו קלייַבן די דיזיינז אַז טאָן נישט כאַפּן די אויג, טאָן נישט רייצן די העל פֿאַרבן אָדער פּאַטערנז. דאס איז ספּעציעל וויכטיק פֿאַר אַ פּלאַץ מאַפּע. איר קענען מאַכן אַ געקלעפּ פון עטלעכע שלי, דאַרקאַן זיי, אָדער קער אויף איינער פון די Filters אין אַ graphics פּראָגראַם.

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

פינדינגס

צו סאַמערייז. מיר זענען מיט איר פיגורעד אויס ווי צו מאַכן אַ בילד-אין-בילד דערמאָנען, און געקוקט אין צוויי וועגן אַז איר קענען גלייַך געזונט זיין געניצט צו שאַפֿן אַ מעניו פון וועריינג שוועריקייט. אין דערצו, מיר פיגורעד אויס ווי צו שטעלן די בילד-לינק און לערנען וועגן די הויפּט פּאַראַמעטערס אַז לאָזן איר צו שאַפֿן גאַנץ אַ האַנטיק מאַפּע פון דעם פּלאַץ, גרופּע אָדער קהל.