די אַדאַפּטיוו פּלאַן (אָפּרופיק פּלאַן)

אַדאַפּטיוו פּלאַן

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

דאָ זענען עטלעכע עצות צו האַלטן אין זינען ווען איר מאַכן אַ פּלאַן מיט די קעראַקטעריסטיקס. הער זיך איין!

עצות פֿאַר אַדאַפּטיוו פּלאַן

  1. מאַכן אַ פּשוט מוסטערמיט פּשוט איך טאָן נישט מיינען העפלעך. איך בין גערעדט וועגן די סטרוקטור HTML פון דיין וועבזייטל: וואָס קלירער עס איז, די בעסער. געדענקען אַז אַ קאָמפּיוטער פאַרשטעלן קענען פּאַסיק דרייַ ווערטיקאַל שפאלטן; אויף די פאַרשטעלן פון אַ רירעוודיק, איר נאָר פּאַסיק איינער. טראַכטן וועגן אים און ווי איר וועט ריפּאַזישאַן די עלעמענטן.
  2. עלימינירן אַלץ ומנייטיקויסמיידן דזשקווערי יפעקס, פלאַש אַנאַמיישאַנז און קיין אנדערע קאָד וואָס סלאָוז די לאָודינג פון דיין בלאַט. די ווייניקער אינהאַלט פון דעם טיפּ איר האָבן, די פאַסטער איז לאָודיד אויף די וועב.
  3. דעפינירן אַ נוסח קסס פֿאַר יעדער "גרייס"שאַפֿן אַ קליינטשיק.קסס, סמאַלל.קסס און ביג.קסס (פֿאַר בייַשפּיל) וואָס לויפט באזירט אויף די מיטל עס איז וויוד אויף. צום ביישפיל:

    @ ימפּאָרט URL (קליינע.קסס) (מין-ברייט: 300 פּקס);

    @ ימפּאָרט URL (small.css) (מין-ברייט: 600 פּקס);

    @ ימפּאָרט URL (big.css) (מין-ברייט: 900 פּקס);

  4. די מערסט געוויינט רעזאַלושאַנז320 פּיקס / 480 פּיקס / 720 פּיקס / 768 פּיקס / 900 פּיקס / 1024 פּיקס
  5. מאַכן דיין מוסטער פלעקסאַבאַלווען איר קענט אַרבעט מיט פּערסענטידזשיז אַנשטאָט פון פאַרפעסטיקט אַמאַונץ. דאָ זענען עטלעכע דערמאָנען עקוויוואַלאַנסיז: 200 פּקס = 15'38% / 300 פּקס = 23'07% / 800 פּקס = 61'5384615384%
  6. טיפּאָגראַפי עס ס מער וויכטיק ווי אלץ מאל דיין מיטל פאַרשטעלן קענען זיין אַזוי קליין אַז אַלע איר זען איז טעקסט. דעריבער, מיר דאַרפֿן צו קלייַבן די בעסטער פאַנץ אויף אונדזער פּלאַץ זייער קערפאַלי, אַזוי אַז זיי רידוסט אין גרייס, זיי טאָן ניט פאַרלירן די לעדזשאַבילאַטי. אין אַדישאַן, מיר האָבן צו וויסן ווי צו פאַרבינדן מער נייטראַל פאַנץ מיט אנדערע מיט פּערזענלעכקייט וואָס געבן די וועב די נייטיק כאַראַקטער. דער ערשטער שפּיץ איז אַז איר פאַרברענגען צייט צו סעלעקטירן די פאַנץ וואָס איר וועט נוצן.
  7. USA בילדער פון הויך קוואַליטעטווען דער פּלאַץ איז רידוסט, די בילדער וועלן עס באַגלייטן. סעלעקטירן יענע וואָס טאָן ניט פאַרלירן קוואַליטעט ווען רידוסט, און וואָס אַרבעט די זעלבע ווען סקיילד. א בילד פון נעבעך קוואַליטעט וועט מאַכן דיין וועבזייטל קוקן שלעכט.
  8. אַז דיין בילדער זענען שטענדיק געזען פולפּרעווענט דיין פאָטאָס צו זיין שניידן דורך אַדינג די ימג (ברייט: 100%;) קאָד אין דיין קסס. אויף דעם וועג איר זאָגן די מיטל צו רעכענען די הייך צו געבן די בילד אַזוי אַז די ברייט קענען זיין געזען הונדערט פּראָצענט.
  9. אַלע נידעריק די זעלבע URLפאַרגעסן פון סובדאָמאַינס ווי www.mysite.com/mobile, ווייַל די זעלבע אינדעקס.הטמל טעקע אין דער וואָרצל טעקע אַרבעט פֿאַר אַלע דעוויסעס (אויב איר טאָן די אַדאַפּטיוו פּלאַן ריכטיק). איר קענט שוין די מייַלע: די ווייניקערע סובדאָמאַינס, די פאַסטער בלאַט בלאַט וועט זיין.
  10. נוצן די שטיצן: זיין פאַנטאַזיע עס איז נישט די זעלבע צו אַקסעס אַ וועבזייטל פֿון אַ דעסקטאַפּ קאָמפּיוטער ווי אַ יפּאַד אָדער אַ מאָביל טעלעפאָן. מיט דער ערשטער, איר וועט נאַוויגירן אין אַ רויק און רילאַקסט וועג. מיט די יענער, איר וועט טאָן דאָס אין ליידיק שעה און נאָענט די פֿענצטער ווי באַלד ווי איר באַקומען באָרד. נוצן די באדינגונגען צו פאַרווייַלן די באַניצער און מאַכן זיי שפּאַס אין די ביסל מינוט וואָס זיי וועלן אָפּגעבן צו איר. אפֿשר ווען ער קומט היים, ער וועט באַשליסן צו באַזוכן איר אין אַ מער רילאַקסט וועג.
  11. באַקומען ינספּייערד אין דיגיטאַל אויסגאבעס איר וועט פרעגן וואָס דעם עצה. זייער גרינג: דיגיטאַל מאַגאַזינז (גוט) וויסן ווי צו נוצן די שטיצן און זייער פּלאַן איז זייער ינטעליגענט. באַקומען ינספּייערד דורך זיי און מאַכן אַ וועבזייטל וואָס איז שווער צו לאָזן.

מער אינפֿאָרמאַציע - דיגיטאַל מאַגאַזינז

מקור - ספּליאָ, 960. גס, קאָלומנאַל


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

3 באַמערקונגען, לאָזן דיין

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.

  1.   דידאַק ריאָס דאָס

    עס זענען זאכן וואָס איך טאָן נישט שטימען זייער פיל.
    אין פונט 5 ... זינט 200 פּקס = 15,38% און די ווייַטערדיקע ... דער רעפֿערענץ פאַרגלייַך קענען ניט זיין געמאכט אָן קיין פאָטער, די גרייס פּער פּיקסעלס איז נישט אַ קאָרעוו מעסטן ווי פּערסענטידזשיז!

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

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

    גוט פֿאַר די מנוחה

    1.    דידאַק ריאָס דאָס

      אין פונט 5, זיי שטעלן איר אין קאָנטעקסט און דערציילן איר וועגן אַ גאַנץ אויסלייג פון 1300 פּקס מיט 3 שפאלטן, איינער פון 200, 300 און 1000.

      אויב איר געבן עס צו פּערסענטידזשיז, אין זייער פאַל זיי זענען ווי איר זאָגן, 15,38% ((200 * 100) / 1300) (דעצימאַל ונטער, אינטערנאַציאָנאַלע סיסטעם: P)

      אָבער אויב מיר רעדן וועגן אַ 500 פּיקס אויסלייג און מיר האָבן 3 שפאלטן, איינער פון 200, אנדערן פון 200 און אן אנדערער פון 100 פּיקס, די פּערסענטידזשיז זענען ניט מער די זעלבע, אין דעם פאַל 200 פּקס = 40% ((200 * 100) / 500)

      זיי וואָלט זיין: 200 פּקס = 40% און 100 פּקס = 10%

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

      סאַלודאָס

      1.    Lua louro דאָס

        וואָס אַ דורכפאַל, איר זענט לעגאַמרע רעכט אין דער וועלט! א דאנק, נאכאמאהל ;)