Faceți o adaptare. Reglarea ambreiajului și adaptarea Easytronic folosind OP-COM (folosind exemplul Opel Astra H). Șablon separat pentru dispozitivele mobile de pe domeniul principal

Salutări, vizitatori ocazionali și cititori obișnuiți ai site-ului blogului!

Pe parcursul existenței acestui site, am schimbat șablonul de mai multe ori și chiar l-am creat pe al meu de la zero.
Una dintre sarcinile principale atunci când alegeți un șablon nou este aspectul adaptiv al site-ului pentru toate rezoluțiile de ecran.

Scurtă prezentare a articolului:

Într-un articol anterior am scris deja de ce este nevoie. Dar cum să obții această adaptabilitate?

Pentru asta există căi diferite. Unii folosesc javascript, alții folosesc altceva. Dar eu cred că cel mai simplu și Calea cea buna este un adaptiv folosind CSS.

Cum să faci un aspect de site responsiv

In primul rand, dacă ai început să te machiezi design adaptiv site-ul, între etichete lipiți următorul cod:

Ce prost am fost că nu am făcut asta imediat când încercam să fac un aspect adaptiv al site-ului!!!
Problema cu browserele mobile este scalarea aspectului site-ului web, chiar și a celor adaptive.

Imaginați-vă, desenez un design, apoi notez toate stilurile și interogările necesare, verific adaptabilitatea site-ului la diferite rezoluții. Totul pare să fie bine! Dar când îmi deschid blogul pe smartphone, văd că site-ul pur și simplu s-a micșorat. Nu s-a adaptat dispozitivului mobil, ci pur și simplu a redus dimensiunea fontului, imaginilor etc.

Cum așa? Am început să verific toate stilurile pentru a vedea dacă am scris corect clasele și, în cele din urmă, am ajuns la punctul în care am verificat lățimea ferestrei browser în px folosind javascript. Am fost socat. Când verific pe un laptop, am obținut un rezultat de 1024px și am obținut cam același rezultat la deschiderea site-ului pe un smartphone!

Dar asta nu poate fi!

Se dovedește, daca nu scrii codul pe care l-am indicat mai sus, browser mobil nu înțelege că site-ul este responsiveși pur și simplu încearcă să micșoreze pagina site-ului astfel încât să se potrivească ecran mic telefon mobil

Din cauza prostiei și incompetenței mele, am pierdut mult timp. Dar acum îmi amintesc pentru totdeauna))).

Interogări media CSS cu aspect adaptiv

Pentru a-l face receptiv folosind CSS, trebuie să utilizați interogări media.

Ce zici de asta? Da, foarte simplu. ÎN fișier CSS trebuie să scrieți interogări precum:

Ecran @media și (lățime minimă: 1440 px) și (lățime maximă: 1599 px)( )

Acest cod înseamnă că stilurile cuprinse între „( )” vor funcționa pentru ecrane cu o lățime minimă de 1440 px și maximum 1599 px.

Adică acele stiluri de elemente de site care trebuie adaptate în funcție de rezoluția ecranului trebuie scrise separat pentru fiecare lățime posibilă a ecranului.

Cele mai importante rezoluții de ecran pentru aspect adaptiv

320px- Dispozitive mobile (orientare portret);
480px- Dispozitive mobile (orientare peisaj);
600px- tablete mici;
768px- Tablete (orientare portret);
1024px- Tablete (orientare peisaj)/Netbook-uri;
1280 px sau mai mult- PC.

Aceste rezoluții trebuie să vă concentrați și cărora trebuie să le acordați o atenție deosebită atunci când faceți machete adaptive. Acestea sunt cele mai comune tipuri de rezoluții de ecran.

design responsiv bootstrap

Foarte comod de utilizat pentru a crea adaptive layout bootstrap. Comoditatea este că toate stilurile pentru adaptarea blocurilor, butoanelor, meselor etc. sunt deja înregistrate în bootstpap. Trebuie doar să vă dați seama ce clasă să atribuiți cărui element.

Pentru a începe, descărcați cea mai recentă versiune de bootstrap și conectați-o la site-ul dvs. Vă rugăm să rețineți că conectarea stilurilor și scripturilor la WordPress are propriile sale caracteristici.

Aspectul de pe Bootstrap este diferit prin faptul că lățimea blocului sau a ecranului este împărțită în 12 părți egale. Și atribuind o anumită clasă unui bloc, puteți seta lățimea blocului egală cu numărul necesar de părți.

De exemplu, acest design vă va permite să alocați un bloc lat pentru conținut de 8 părți lățime și un bloc îngust pentru o bară laterală de 4 părți lățime:

Lățimea blocurilor va fi calculată automat în funcție de lățimea ecranului. Și atunci când sunt vizualizate pe un dispozitiv mobil, aceste blocuri se vor deplasa unul sub celălalt.

De asemenea, puteți ajusta distanța blocului de la margine, din nou prin cantitatea necesară părți. De exemplu, acest design:

Va fi creat un bloc de 10 părți lățime cu o indentație din stânga de 1 parte a ecranului.

Dacă te uiți la asta, lucrul cu bootstrap face ca munca să fie foarte rapidă. Mai mult, aceste stiluri funcționează cu siguranță corect și nu va fi nimic strâmb pe site.

Pe viitor am de gând să postez câteva lecții despre lucrul cu bootsrap. Prin urmare, vă sfătuiesc să nu ratați acest moment.

Verificarea adaptabilității site-ului web

Dar apare întrebarea: cum să verificați adaptabilitatea site-ului? Acum ați scris interogări media în CSS, ați conectat bootstrap și ați folosit clasele necesare. Cum poți verifica dacă site-ul se adaptează corect la toate rezoluțiile ecranului?

Foarte precis și cel mai important serviciu gratuit, care merită respect și recunoștință din partea webmasterilor și a designerilor de aspect care se ocupă de aspectul adaptiv al site-urilor.

Ei bine, cum vă place articolul? Tot clar? Dacă nu, scrieți în comentarii, ne vom da seama împreună.

Da, pentru a crea un site web responsive, trebuie să muncești din greu. Dar aceste eforturi vor fi răsplătite cu o atitudine favorabilă față de site-ul dvs. de la motoarele de căutare și, cel mai important, vizitatorii site-ului dvs.

Ce din 21 aprilie în algoritm de căutare va fi inclus factorul de compatibilitate cu site-ul pentru dispozitivele mobile. Va afecta această inovație principala rezultate Google sau doar pentru rezultate căutare pe mobil, se va vedea mai tarziu.

Am nevoie de el?

Răspunsul la această întrebare poate fi găsit verificând cum apare site-ul dvs. în următoarele servicii de testare Google:

Dacă vezi un mesaj ca acesta, acest articol este pentru tine:

Design adaptiv

In ce cazuri este potrivit?Dacă aveți un site de cărți de vizită, site informativ, blog, site web de o pagină, magazin online (cu o structură simplă, design și/sau sortiment mic), site web de servicii sau forum.

Cum se implementează?

Puteți lua în siguranță unul dintre cadrele CSS (bootstrap, responsivegridsystem, Sceleton etc.) și adapta designul existent. Sau folosiți CSS3 Media Queries.

De exemplu, dacă utilizați cadru bootstrap, atunci veți avea nevoie, pe scurt:

portul de vizualizare a înregistrării;
conectați fișierele cadru;
adăugați clase de grilă bootstrap la marcaj.

Sau, în foaia de stil, selectați mai multe rezoluții prin interogări media (CSS3 Media Queries) și setați dimensiuni optime elemente de pagină, de exemplu:

ecran @media și (lățime maximă: 1280 px) ( div .contentblock (lățime: 1200 px ;) )
ecran @media și (lățime maximă: 1140 px) ( div .contentblock (lățime: 1024 px ;) )
Ecran @media și (lățime maximă: 992 px) ( bloc de conținut div. (lățime: 970 px ;) )

Unele elemente care sunt relevante pentru monitoare pot, și uneori vor trebui să fie ascunse pentru dispozitive mobile sau în locul lor, produceți altele, mai compacte.

pro aceasta metoda: implementare rapidă pentru tipurile de site-uri enumerate.

Minusuri: scripturi și stiluri care nu sunt utilizate pe versiune mobila, dar sunt folosite pe un desktop, vor fi încă încărcate și vor afecta timpul de încărcare.

Ce vom primi?

Un site care va fi accesibil de pe toate dispozitivele, designul va fi recunoscut pe toate aceste dispozitive, doar elementele vor fi deplasate pe verticală. Unele elemente nu vor fi afișate pe dispozitivele mobile (și invers) sau vor fi afișate într-o formă mai compactă.

Și să ne uităm la un exemplu. Meniul pentru dispozitivele cu un ecran mai mare de 768 px arată astfel:

Și pentru ecranele mai mici de 768 px, arată astfel (restrâns):

Și așa, când dați clic pe pictograma din colțul din dreapta (în formă extinsă):

Șablon separat pentru dispozitivele mobile de pe domeniul principal

In ce cazuri este potrivit?Pentru aproape orice site de informații, blog, forum, inclusiv magazine online. Pentru o carte de vizită, un șablon separat va fi de prisos.

Cum se implementează?

Necesar cunoștințe phpși o bază de date cu dispozitive de bază pentru identificarea acestora și scoaterea șablonului corespunzător. Acestea. trebuie să scrieți un script care va determina tipul de dispozitiv și să afișați șablonul corespunzător pentru acesta.

Separat, merită menționat CMS-ul. Dacă site-ul tău este pe WordPress, atunci ai fost deja îngrijit și te poți descurca instalând pluginuri pentru a adapta site-uri pentru dispozitive mobile.

Printre acestea: WPTouch, WordPress Mobile Pack, WP Mobile Detector, etc. Toate aceste plugin-uri au mai multe teme și suplimentare sfaturi utile cum ar fi colectarea de statistici despre utilizatorii de telefonie mobilă.

Tot în setările acestor plugin-uri, puteți seta ce blocuri vor fi afișate în versiunea mobilă a site-ului și care nu. Este posibil să adăugați sigla dvs., ceea ce îi ajută pe utilizatorii care vă accesează site-ul de pe un dispozitiv mobil să vă identifice site-ul.

Pro:În cazul pluginurilor, aceasta este o modalitate foarte rapidă și simplă de implementare, mai rapidă decât aspectul adaptiv. În cazul creării unui șablon separat pentru site, este posibilă simplificarea designului site-ului, reducerea numărului de elemente active, adică pentru a face site-ul „mai ușor”.

Minusuri: Nu toate CMS-urile au astfel de plugin-uri și nu funcționează întotdeauna corect. Se întâmplă ca un site să fie afișat bine pe dispozitivele mobile, dar, în același timp, viteza nu este mai bună, sau chiar mai rea, decât versiunea completa. Este de remarcat faptul că uneori există erori în identificarea unui dispozitiv mobil, dacă este un telefon rar, caz în care versiunea completă a site-ului va fi afișată pe un astfel de dispozitiv.

Ce vom primi?

Site-ul pentru dispozitive mobile va fi disponibil la aceeași adresă ca și site-ul principal, doar șablonul său va diferi semnificativ de șablonul site-ului principal; va fi simplificat semnificativ, dar totuși ușor de recunoscut.

Să ne uităm la un exemplu de site cu plugin instalat, care îl adaptează la dispozitivele mobile.

De exemplu, așa arată site-ul pe un computer:

Și așa arată același site pe mobil:

Versiunea mobilă a site-ului pe un subdomeniu

In ce cazuri este potrivit? Pentru magazine online, cataloage, portaluri de internet, rețele sociale.

Cum se implementează?

Această opțiune este similară cu cea anterioară și este, de asemenea, destul de intensivă în muncă în ceea ce privește implementarea. Dar pentru magazinele online mari cu un sortiment uriaș, aceasta este singura cale de ieșire.

Mai multe despre implementare: se creează un subdomeniu, are același motor ca și domeniul principal, dar se folosește aceeași bază de date pentru ambele site-uri (astfel încât dacă se fac modificări, acestea nu trebuie adăugate de două ori). Când se conectează de pe un dispozitiv mobil, utilizatorul este redirecționat către un subdomeniu. Următoarele opțiuni sunt de obicei folosite ca nume de subdomeniu: m.sitemane.com, mobile.sitename.com, pda.sitename.com etc.

Adaptive Shift Learning este o procedură concepută pentru transmisiile automate cu 6 trepte care efectuează o serie de teste pentru a permite modulului transmisiei automate (TCM) să învețe caracteristicile individuale ale ambreiajului. Odată ce caracteristicile ambreiajului sunt determinate, procedura de învățare adaptivă le transferă în celulele de date de adaptare, pe care TCM le utilizează pentru a controla ambreiajele în timpul schimburilor de viteze. Instrumentul de diagnostic este utilizat pentru a iniția procedura de învățare adaptivă. Această procedură trebuie efectuată după repararea transmisiei.

Învățarea adaptivă a parametrilor de schimbare a transmisiei trebuie efectuată după efectuarea uneia dintre următoarele operațiuni de reparare. Nerespectarea acestei proceduri după una dintre următoarele reparații poate duce la deteriorarea caracteristici tehnice transmisie, precum și la înregistrarea DTC-urilor.

Întreținere structurală internă/revizuire cutie de viteze
Repararea sau înlocuirea blocului de supape
Înlocuirea reglementării valva selenoida
Actualizare/Calibrare software modul TCM
Orice fel întreținere, asociat cu orice probleme legate de calitatea schimbarii vitezelor, schimba uleiul cutiei de viteze.

Ce se întâmplă în practică?
Este nevoie de adaptare dacă simți că cutia de viteze a început să se comporte necorespunzător (întârziere în schimbarea treptelor de viteză, șocuri în timpul schimbării, etc.) Adesea la schimbarea șoferilor, dacă stilul de condus este foarte diferit, de la atent la foarte agresiv! Dacă conduceți frecvent în ambuteiaje, este nevoie de adaptare la fiecare 30 de mii.
Și amintiți-vă că cutiile dvs. de viteze sunt foarte susceptibile la supraîncălzire, monitorizați temperatura și calitatea uleiului, înlocuirea parțială la fiecare 30 de mii + adaptările vor prelungi durata de viață a transmisiei automate.

Resetarea adaptării transmisiei automate

Cel mai comun mod de a reseta adaptarea transmisiei automate este să pasii urmatori:

1. Trebuie să începeți prin încălzirea motorului într-o stare „de lucru”. Nu este nevoie să luați nicio măsură încă;

2. Apoi trebuie să opriți motorul timp de 5 secunde și să îl porniți din nou;

3. Așteptați până când turația motorului atinge 2,5 mii - 3 mii. Intr-un minut;

4. Opriți din nou motorul timp de 5 secunde și porniți din nou motorul;

5. În timp ce țineți frâna, porniți fiecare viteză pe rând;

6. Conectați testerul dealer-ului și efectuați o resetare;

7. Începeți o mișcare lină;

8. Cu grijă, ridicați ușor viteza la 40 km/h, după 1 minut opriți încet mașina;

9. Opriți motorul, apoi porniți-l;

10. Cu grijă, ridicați ușor viteza la 80 km/h, după 1 minut opriți încet mașina;

11. Opriți motorul, apoi porniți-l;

12. Mută-te cu la viteze diferite 20 de minute (40 km/h, 80 km/h, condus pe un drum drept cu aceeași viteză)

13. Ștergeți (spălați) orice ulei care a ieșit pe fundul cutiei de viteze;

14. Circulați de la 5 la 20 de kilometri fără a încărca motorul în mod deosebit;

15. Vezi dacă uleiul curge din garniturile cutiei de viteze și din alte locuri;

16. Dacă este necesar, ridicați nivelul uleiului la nivelul cald inferior;

Dacă observați zvâcniri subtile când schimbați (sau porniți) viteza în timpul procesului de adaptare, nu vă alarmați, acest lucru este complet normal. În timp, zvâcnirea ar trebui să dispară de la sine. Dacă acest lucru nu se întâmplă, atunci ar trebui să adaptați sistemul utilizând un computer (utilizați un scanner dealer).

În acest sens, merită amintit că:

1. După procedura de resetare, transmisia automată funcționează aproape în „modul sport”, așa că la început ar trebui să fiți foarte vigilenți;

2. Dacă ați cumpărat o mașină care a fost deja în uz, asigurați-vă că o resetați, astfel încât transmisia automată să se adapteze stilului dvs. de condus;

3. Această resetare pe marea majoritate a mașinilor se poate produce cel puțin în fiecare zi.

Puteți efectua singuri pașii de mai sus, dar dacă vă îndoiți că veți reseta corect transmisia automată, atunci contactați specialiști care, folosind echipamente profesionale, vor efectua această procedură eficient și rapid.

Costul adaptării, în stația noastră de service, transmisie automată, ROBOT va fi de la 900 la 1500 de ruble

©2015-2019 site
Toate drepturile aparțin autorilor lor. Acest site nu pretinde autor, dar oferă utilizare gratuită.
Data creării paginii: 2017-06-30