Web page design neuvoja

Väri, typografia, kuva ja vuorovaikutus

Web-sivut yleensä sisällä tietoa siitä, värit ja tekstin ja taustan, ja hyvin usein myös linkkejä kuviin ja joskus muissa tiedotusvälineissä on sisällytettävä lopullista kantaa.

Layout, typografisia ja väri-järjestelmän tiedot toimittaa Cascading Style Sheet (CSS) ohjeet, joita voidaan joko upottaa HTML-tai voidaan antaa erillinen tiedosto, jossa viitataan käsin HTML. Jälkimmäisessä tapauksessa on erityisen tärkeää, kun yksi pitkä tyylisivu on merkitystä koko sivusto: johtuen tavasta HTTP toimii, selain vain ladata sen jälkeen, kun www-palvelimelta ja käyttää välimuistissa koko sivuston.

Kuvat tallennetaan Web-palvelimeen erillisinä tiedostoina, mutta myös HTTP mahdollistaa sen, että kun web-sivu ladataan selaimeen, on varsin todennäköistä, että siihen liittyviä tiedostoja, kuten kuvia ja tyylitaulukkojen pyydetään kun se on käsitelty. Pagina Web HTTP 1.1 www-palvelin ylläpitää yhteys selaimen, kunnes kaikki siihen liittyvät resurssit on pyydetty ja jos. Selaimet yleensä tehdä kuvia sekä tekstiä ja muuta aineistoa näkyviin Web-sivulla.

Dynaaminen käyttäytyminen

Client-side-koodi, kuten JavaScript-tai koodi täytäntöönpanosta Ajax-tekniikkaa voidaan tarjota joko upotettu HTML-Web-sivun tai, kuten CSS tyylitaulukkojen erillisinä, jotka liittyvät lataukset määritetty HTML. Nämä komentosarjat voivat näkyä tietokoneessa, jos käyttäjä antaa niille mahdollisuuden, ja voi tarjota muita toimintoja käyttäjälle, kun sivu on ladattu.

Selaimista

Web-selain voi olla Graafinen käyttöliittymä, kuten Internet Explorer, Mozilla Firefox ja Opera, tai voi olla tekstipohjainen, kuten Lynx.

Web vammaisten käyttäjien usein käyttää teknisiä apuvälineitä ja mukautuva strategioita saada paginas web. Käyttäjät voivat olla värisokea, voidaan tai ei halua käyttää hiirtä ehkä johtuen toistuva stressin vahinkoa tai liikehermo-ongelmia, voi olla kuuro ja vaatia ääni on otsake on, voi olla sokea ja käyttämällä näytönlukijaa tai pistekirjoitus näyttö, voi tarvitaan näytön suurennus, jne.

Vammaiset ja terveet käyttäjät voivat poistaa ladata ja katsella kuvia ja muita tiedotusvälineitä, säästää aikaa, verkon kaistanleveyttä tai vain yksinkertaistaa tavalla. Käyttäjien Mobiililaitteiden usein rajoitettu näyttöjä ja kaistanleveyttä. Kuka tahansa voi halua käyttää fontteja, fontin kokoa, tyyliä ja värimallit valitsee Web-sivun suunnittelija ja voivat soveltaa omia CSS-tyylin sivulle.

World Wide Web Consortiumin (W3C) ja Web Accessibility Initiative (WAI) suosittelee, että kaikki Web-sivut on suunniteltu kaikkia näitä vaihtoehtoja mielessä.

Renderointipalvelun

Web-sivut tarvitsevat usein enemmän näytön tilaa kuin on käytettävissä erityisen näytön tarkkuus. Useimmat uudet selaimet asettaa vierityspalkit (bar laidassa, jonka avulla voit siirtyä alas)-ikkunan, jotta käyttäjä voi nähdä kaikki sisältö diseño paginas web. Vieritys vaakasuunnassa on yhtä yleistä kuin pystysuora vieritys, ei vain siksi, että sivut eivät tulostu oikein, mutta koska se haittoja käyttäjälle enemmän kuin vertikaalinen rullata olisi (koska linjat ovat vaakasuorassa, rullata edestakaisin jokaiselle riville on paljon enemmän hankala kuin vieritys lukemisen jälkeen koko ruudun, myös useimmat tietokoneen näppäimistöt ovat sivulla ylös ja alas näppäimillä, ja monet Hiiret ovat vertikaalisia siirry pyöriä, mutta vaaka scrolling rahavarat ovat harvinaisia).

Kun www-sivut on tallennettu yhteiseen hakemiston www-palvelin, ne tulevat verkkosivuilla. Sivuilla on yleensä sisältää Web-sivujen joukkoa, jotka ovat yhteydessä toisiinsa, tai jokin muu yhtenäinen menetelmä navigointi. Tärkein Web-sivu on internetsivustolla on etusivu. Riippuen Web-palvelimen asetukset, tämä etusivu voi olla useita eri nimiä, mutta yleisin on index.html. Kun selain vierailut kotisivu sivuston, tai URL viittaa hakemistoon kuin tietyn tiedoston, Web-palvelin toimii etusivu pyynnön esittäneelle selaimen. Jos mitään etusivu on määritelty kokoonpano, tai tällaista tiedosto on palvelimella, joko virhe tai hakemiston luettelo ei näytetä selaimen.

Web-sivu voi olla joko yhteen HTML-tiedostoon, tai koostuu useista HTML-tiedostoja kehyksiä tai Server Side Includes (SSIS). Kehykset tiedetään aiheuttavan ongelmia Web Accessibility, tekijänoikeus-, navigointi-, tulostus-ja sijoituksia hakukoneissa, ja ovat nyt yhtä usein kuin ne olivat 1990-luvulla. Sekä kehykset ja SSIS antaa tiettyä sisältöä, joka näkyy monilla sivuilla, kuten sivujen selailuun tai sivun otsikot, jotka toistuvat ilman päällekkäisiä HTML useita tiedostoja. Kehykset ja W3C suositeltava vaihtoehto 2000, <object> Tag, myös antaa joillekin sisältöä pysyä yhdessä paikassa ja muuta sisältöä voidaan vierittää perinteisillä vierityspalkit. Moderni CSS-ja JavaScript-client-side tekniikat voidaan myös saavuttaa kaikkia näitä tavoitteita ja enemmän.

Kun luot Web-sivun, on tärkeää varmistaa se vastaa World Wide Web Consortiumin (W3C) standardit HTML, CSS, XML-ja muut vaatimukset. W3C: n standardit ovat käytössä, jotta kaikki selaimet, jotka täyttävät nämä vaatimukset voidaan näyttää sama sisältöä ilman erityistä huomiota on oma renderointi tekniikoita. Oikein koodattu Web-sivu tulee olemaan saatavilla monilla eri selaimilla vanhoja ja uusia yhtälailla näytön tarkkuuksia, sekä ne käyttäjät, joilla ääni-tai näkövammaisia.

Tarkastelet Web-sivu

Jotta graafisesti näyttää Web-sivun, selain on tarpeen. Tämä on eräänlainen ohjelmisto, joka voi noutaa Web-sivuja Internetissä. Useimmat nykyiset web-selaimet ovat kyky nähdä lähdekoodia. Tarkastelet Web-sivua tekstieditorissa näytetään myös lähdekoodia, ei visuaalinen tuote.

Liittyvien virkojen:

  1. Designing Web-sivusto tietyn näytön resoluutio on yli
  2. CSS sijaan HTML Taulukot
  3. Web-sivuston luominen perusteet
  4. Lisätietoja SSL-sertifikaateilla yrityksille.
  5. Että tehokas Website Design

Tags: Adaptive Strategies, avustava teknologia, välimuistissa olevan kopion, Cascading Style Sheet, Client tietokone, väriteema,-koodi, Dynamic Behavior, Graafinen käyttöliittymä, vuorovaikutus Web, Internet Explorer, jälkimmäisessä tapauksessa, motorisen neuronin, Mozilla Firefox, toistuvat Stressi Vammat, sivuston Kuvat, Tyylisivut, vammaisten käyttäjien, web-sivujen suunnittelu, web-käyttäjät

Jätä Reply