, teorien bag progressive forøgelse,,,,, 80,,,,,,,, 18,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet teori og praksis for en gradvis forbedring. opbygningen af et websted med en gradvis forbedring, når man bygger et websted, du har et par veje at gå på det. du kan starte med at skabe den mest avancerede version af webstedet med alle de manuskripter, styles, og så videre, og så er det, at i ældre browsere via yndefuld nedbrydning, kan de vælge at ignorere ældre browsere, eller du kan begynde med en grundlæggende side og tilføje manuskripter og styles, således at det bliver mere funktionelle via en gradvis forbedring.,, i denne serie, vi skal tag et kig på dette. vi skal se på teorien bag en gradvis forbedring.men du skal ikke være nervøs. - det er ikke raketvidenskab.de regler, man skal følge, er enkelt.,,, hvorfor?,, kan man spørge: hvorfor skulle jeg gide med ældre browsere?på det tidspunkt, de fleste store browsere automatisk opdatering., først og fremmest, medmindre man skaber en yderst interaktivt web - app, du skal tage hensyn til handicappede brugere.de kan bruge skærm læserne adgang til deres område, og disse programmer kan ikke læse stile eller komplicerede grænseflader, blot fordi det er for hårdt for brugeren til at forstå, hvad der står på side.,,, der er stadig folk, der slår javascript og /eller ccs.der er mange årsager til denne - båndbredde, kasketter, langsomme forbindelser, og personlige præferencer.nogle mennesker, også anvende tekstbaserede browsere, som kan analysere en begrænset mængde css, men ignorerer javascript.,,, det vil gøre din kode mere pålidelige.du får mere semantiske html.du vil være i stand til at vende tilbage til det i fremtiden og let at forstå, hvad der sker med avancen, styles, og manuskripter. endelig er det vigtigt at huske på, at der er forhold, som ikke giver brugerne mulighed for at installere eller ajourføring af software, herunder webbrowser (dette er populær i store selskaber).,, og hvis du stadig ikke overbevist om, at nogle lande har endog lovgivet passende love, der tvinger web - udviklere, til at gøre deres websteder er tilgængelige for handicappede brugere (f.eks. det forenede kongerige),.,,, grundlæggende principper, så lad os gennemgå de grundlæggende regler for at oprette websteder med en gradvis forbedring.,, grundlæggende indhold alle bør have adgang til webbrowsere,, det er ret ligetil, hvis du forstår, i hvilken forbindelseordet "indhold" anvendes.,,, "indhold", er de oplysninger, du ønsker, at brugeren får sine mest grundlæggende form - tekst.rør, kommentarer, forbindelser, præmis og lignende er okay, men billeder, musik, tegnefilm, er ikke indholdet, vi taler om her, og de bør beskrives korrekt anvendelse af alat, og afsnit, attributter),.,, og nu et par ord om "tilgængelige" aspekt: ikke kun bør alle webbrowsere være mulighed for at vise deres indhold, men de skal vise det i et maskinlæsbart format.således dumping hele teksten i et enkelt punkt uden formatering, er en dårlig idé,.,, grundlæggende funktionalitet bør være tilgængelige for alle webbrowsere, betyder det, at hvis der er et anker eller en knap på din side, bør brugeren stadig være i stand til at navigere indholdet.det er lige meget, hvis han /hun er ved hjælp af den seneste version af krom eller en ældre version af internet explorer, semantiske - indeholder alle indhold, det kræver mere planlægning, især når det drejer sig om at skabe indviklede mønstre.det tvinger dig til at sætte deres indhold i grundlæggende html mærkater med så få af dem som muligt.det betyder, at vi ikke kan rede et dusin af < div >, elementer i sig selv til at skabe nogle gode virkning, hvis de følger denne regel, din html bliver renere og lettere at forstå.fyrværkeri skal opholde sig i css.,, forbedret indretning, der er forbundet med eksternt css, først og fremmest, glem det, stil, attribut i html hundetegn.du bliver nødt til at bruge klasser, id - kort og andre egenskaber og definere deres ser ud i din stylesheet.,,, < stil >, tag er ikke et valg - stylesheets skal være lastet med, < forbindelse >, mærker, hvis en browser ikke støtte forskning, eller det er handicappede filerne kan ikke downloades.,, øget opførsel er leveret af beskedne, eksternt knyttet javascript, det svarer til ovenstående punkt - som i tilfælde: nej, < manuskript >, mærkater på indholdet, og den side skal arbejde, selv om de filen er ikke ladt.det betyder, at du ikke kan tvinge brugerne til at stole på javascript til f.eks. indgive en formular.,, slutbrugeren webbrowser præferencer overholdes, er det lidt mere kompliceret.man kan spørge sig selv: hvad betyder en brugers browser har at gøre med min hjemmeside?den første angår, er den ccs.faktisk, indretning, bør være lydhøre.alle minimumsskriftstørrelse bør være i forhold til brugerens misligholdelse (ved hjælp af em, enheder i stedet for varer,).,, en anden er med hensyn til javascript: hvis brugeren har slået det, ikke at tvinge dem til at ændre denne indstilling, medmindre det er afgørende at sidens funktionalitet.ikke udviser en stor rød kasse siger, at stedet ikke vil fungere uden javascript - i stedet, tager sig tid til at gennemføre de funktioner, således at det fungerer uden javascript.,,, processen med udformning, deres design, kan ikke ændre meget.du skal bare huske det ovennævnte regler og ikke skabe en funktionalitet, der krænker dem.,, hvis deres design er efter moderne standarder, du skal nok klare det.indretningen skal være ren og enkel.alle de virkninger, skal være rent kosmetisk.hele indholdet bør placeres på en sådan måde, at det ikke vil gøre det ulæselige eller uforståeligt, hvis css og javascript fjernes.,http: //, der kun er for virkningerne bør fjernes, og, hvis det er absolut påkrævet, indsat med javascript side belastning for at undgå, at belemre side og bruger for meget af brugerens båndbredde (en javascript slider, er et perfekt eksempel her - ikke sætter sin indre html direkte på den side.det vil skabe et stort rod, hvis der ikke er nogen styles og manuskripter).,,, test for gradvis forbedring,, prøvning kræver flere ansøgninger end de store browsere.,, skærm læsere, og dette vil give dem mulighed for at "se" din hjemmeside som en, der har et synshandicap.der er masser af dem (den fuldstændige liste kan ses her.jeg anbefaler, chromevox.det er google krom udvidelse, og det er meget nemt at bruge.,, tekst browser, er dette ikke nødvendigt, fordi du kan fjerne alle css og javascript fra din hjemmeside, men hvis du leder efter en separat ansøgning, så anbefaler jeg los.,, w3c validitetskontrollør, ikke alle overholder de html og css standarder eller vurderer deres arbejde imod dem, men ved hjælp af dem vil kunne opspore problemer med html, der kan være usynlige i en moderne browser.dette er vigtigt, da nogle moderne browsere gør et godt stykke arbejde med at forsøge at forstå - og reparation - brækket html, når det er gjort for brugeren.du kan få din kode her.,,, konklusion, som omfatter grundlæggende teori om gradvis forbedring.på dette punkt, kan du få alt det, du har brug for at vide for at begynde at bygge - og afprøvning af sider med denne strategi, i den næste artikel, vil vi sætte denne teori til praksis og skabe grundlæggende html placering på vores side og stil med ccs.