Kako dodati gumb za ispis svojoj web stranici

Oglas

Znate, nešto poput dodavanja gumba za ispis web stranici zvuči prilično jednostavno, zar ne? U stvari, zašto uopće moramo dodati bilo koji gumb za ispis ili poveznicu na stranicu, kad sve što čitatelj mora učiniti jest kliknuti na „Datoteka"I"Ispis ..."U izborniku preglednika?

Konačno, različiti ljudi žele mogućnost tiskanja na svojoj web stranici iz različitih razloga. Možda želite dodati praktičnost. Kad čitač može samo kliknuti gumb za ispis - to štedi nekoliko klikova, a svaki se klik broji. Drugi ljudi žele prilagoditi tiskani tekst - drugim riječima, sakrijte određene elemente stranice iz ispisa. U drugim situacijama, ljudi više vole izradu pažljivo prilagođene verzije web stranice za ispis.

Za svaku od tih situacija postoje različita rješenja. Uvijek smo nastojali ponuditi inovativna rješenja za ispis na MUO-u, kao što je Justinov članak ispis na pola stranice Spremite papir formatiranjem i ispisom datoteka pomoću Govertovog alata za umetanje [Windows]Papir košta novac. Oboje spremite ispisom PDF-ova na pola stranice. Bez obzira želite li knjižicu ili kopiju sa strane, besplatni alat za Windows ne samo što je ovo moguće, već je i jednostavno. Prestani se brkati ...

Čitaj više i Karlov članak o PrintWhatYouLike PrintWhatYouLike - Spremite papir i tintu prilikom ispisa web stranica Čitaj više . U ovom ću članku navesti četiri načina na koje možete integrirati gumb za ispis ili povezati vaše web stranice - od vrlo jednostavnog pristupa HTML-u i JavaScript-u, do prilagodljivijeg CSS-a pristup.

Integriranje ispisa u vašu web stranicu

Kada pogledate bilo koju web stranicu, prilično je lako shvatiti zašto biste željeli prilagoditi ispis. Uobičajena web stranica sadrži oglase, banere, veze na oglase, bočne trake i odjeljke podnožja koji ne postižu ništa drugo nego troše prostor na stranici i troše trošenje papira.

Ako imate prilično jednostavnu web stranicu ili vas uopće ne zanima jesu li grafički i formatirani svi ispisi ili ne, tada sve što morate učiniti je dodati jednostavan gumb na svoju web stranicu i koristiti Javascript metodu "print ()" da biste web stranicu poslali na pisač.

Postavljanje ovog koda na vašu web lokaciju na lokaciju koju korisnici čitatelji mogu brzo i jednostavno koristiti izgleda ovako.

Sve što čitatelj mora učiniti jest kliknuti gumb i stranica će biti poslana izravno na pisač bez ikakvog formatiranja stranice. Ako je stranica veća od ispisne širine za pisač, moguće je da biste mogli ispisati mnogo više stranica nego što je zapravo potrebno.

Nekima se ne sviđa izgled gumba obrasca, pa kao alternativu jednostavno možete koristiti vezu s ugrađenim JavaScriptom da biste napravili potpuno istu stvar.

Ispiši ovu stranicu. 

Možete vidjeti kako u mnogim slučajevima jednostavan tekst izgleda mnogo čistiji od gumba, ali koji stvarno koristite svodi se na to što izgleda bolje na području web stranice na kojoj želite dati otisak značajka.

Kao što vidite iz gornjeg primjera ispisa, oblikovanje mnogih oglasa i banera se ne podudaraju savršeno s prikazom preglednika kada jednostavno koristite naredbu za ispis. To postaje mnogo očitije za složenije web stranice. Drugi pristup koji ljudi koriste jest blokiranje cijelih odjeljaka web stranice pomoću CSS-a i dodjeljivanje ispisa određenih dijelova stranice. To radite tako da prvo povežete CSS datoteku u odjeljku zaglavlja.

Zatim ćete trebati stvoriti stvarnu CSS datoteku i spremiti je u isti direktorij kao i svoju web stranicu. CSS datoteka trebala bi dodijeliti sve dijelove stranice koje se ne trebaju ispisati, a zatim i elemente stranice koje dodijelite ispisati kao vidljive.

DIV # zaglavlje, DIV # newflash, DIV # natpis {prikaz: nema;} tijelo {vidljivost: skriveno;} .print {vidljivost: vidljiv;}

Sada kada je vaša CSS datoteka postavljena, sve što trebate učiniti je proći stranicu i označiti svaki odjeljak razredom ispisa.

Ova će se linija ispisati. 

Ova linija neće. 

Sada možete vidjeti u ispisu na kojem se ispisuju samo dijelovi stranice označeni razredom „ispis“, a svi ostali odjeljci ne. Jedna poteškoća s ovim pristupom je ta da morate biti sigurni da je isključen zaslon za sve DIV odjeljke koje ne želite tiskati. Kao što vidite niže, nisam dodao odjeljak "div" za Google oglas, tako da je i dalje tiskan.

Može proći neko vrijeme da se sastavi CSS datoteka i pravilno postave klase. Ako se zaista ne želite zamarati time što radite na svakoj stranici, možda se odlučite za jedan zadnji pristup. Ovo mi je najdraža tehnika za pružanje savršeno oblikovanih verzija za ispis web stranice. Sve što trebate napraviti je stvoriti verziju sadržaja web stranice u formatu PDF, spremiti je na web host i zatim povezati datoteku u zaglavlju stranice.

To je sve što morate učiniti! Na svoje mjesto možete umetnuti gumb za ispis kao u gornjim primjerima, no umjesto CSS datoteke učitane za način ispisa, pisač se šalje PDF, DOC ili drugu datoteku. Kao što vidite u nastavku, ovo generira najčišću verziju stranice za ispis i možete je prilično prilagoditi kako bi izgledao točno onako kako želite.

Kao što vidite, postoji mnoštvo opcija za odabir kada želite staviti gumb za ispis ili vezu na svoju web stranicu. Bilo koji od ovih izbora dobro funkcionira, ali pravi se izbor zapravo svodi na to koliko je web stranica složena i kakav sadržaj želite ponuditi svojim čitateljima kada odluče ispisati vašu web stranicu.

Jeste li isprobali neku od ovih tehnika da dodate gumb za ispis na web stranicu? Koju tehniku ​​najviše volite? Imate li još kakvih rješenja? Podijelite svoj uvid u odjeljku s komentarima u nastavku.

Kreditna slika: Sundeip Arora