Internetissä voit ajoittain luoda hintoja tilastoja varten, jos haluat lukea ne etukäteen. Samanaikaisesti, ei kaikissa palveluissa, stattyn versio siirretään ystävälle, koska bazhanyamme ei käytä vaihtoehtoja (haluamme korvata kuvan tai muuttaa pääkirjasimen tyyppiä). Jakki, drukuvati puoli ilman elementtejä? Tätä varten on saatavilla verkkopalvelu.
PrintWhatYouLiken pääsivulla näytön keskellä on lomake ystävän puolen osoitteen syöttämiseen. Osoite on otettu käyttöön, sivu on estetty і mi bachimo, mutta valittaessa elementeistä, rajapinta ympäröi punainen kehys. Jälleen vasemman painikkeen painaminen näyttää luettelon mahdollisista toiminnoista. Käyttöliittymän elementit voidaan nähdä yksitellen tai ryhmissä laajentaen värähtelyjä rajoilla tai väristäen yksi lohko tekstiin, kun ne on kaikki toistettu. Joten sinulla on mahdollisuus tehdä se yksi kerrallaan, ei tarvita toiselle sivun osalle, tai nopeasti ja helposti, jos tarvitset sitä toisessa rivissä.
Näytön vasemmassa osassa on pieni paneeli, jossa on useita sivun muokkaustoimintoja:
PrintWhatYouLike-sovelluksen mukavuuden vuoksi laita kirjanmerkkipaneeliin muokkauspainike toiselle puolelle, kuten olemme nähneet. Tätä käyttää myös PageZipper-vaihtoehto. Vona on fiksu lukeessaan resursseja, rakastaa jakaa yhden artikkelin viidelle, kymmenelle tai useammalle sivulle. Leimaa "Askel tiellä", jälleen "Askel tiellä", mutta muista, ei ole mitään luettavaa. PageZipper jakaa koko artikkelin yhdelle puolelle, jotta sitä on helppo muokata ja jakaa. En halua laittaa kirjanmerkkiä, saatavilla olevaa lisäosaa Firefox PageZipper 0.6.1:lle.
Rekisteröityneille PrintWhatYouLike-käyttäjille ehdotan ohjauspaneelia, saan tietoa asennettujen Printer Friendly -painikkeiden määrästä, jotka on tallennettu paperitöihin, ovat penneissä taloudellisia, eikä niitä ole pilkottu puuhun. ilmapiiri tavalla, jolla ei ole vaikutusta.
Bloggaajat voivat tuoda myös kanelia. Laajennuksen lisääminen tuotteeseen ennen kuin se näkyy blogin ulkopuolella käsipainike artikkeleiden lähettämiseksi ystävälle, mahdollisuus tallentaa linkkejä PDF-muotoon, jotta lukija voi käyttää tulostimen fontteja.
Aikaisemmin se oli yksinkertaisesti standardi sen asettamiseen, tai tarkemmin sanottuna painike, jossa oli sanat "Versio ystävälle". Hajua tarvitaan, jotta se saadaan ulos kuistille. Versio ystävälle kostaakseen kaiken tarvittavan tiedon, vaikkakin yhdessä nykypäivän interaktiivisista elementeistä: painikkeet, vain lomake.
Tse tarkoittaa, että luovutan sen automaattisesti lisäskriptiä varten
ottanut alkuperäisen asiakirjan i, tietäen siitä kaiken, avannut sen kopion,
zruchn_shu ystävälle. Mozhlivo toi samanlaisen robotin kanssa
pitää huolta sinusta.
Yksi CSS:n mahtavista ominaisuuksista on sen teho
varret tyylitaulukot, järjestetty joustaviin kiinnikkeisiin
vivedennya. Olemme tehneet taittuvat tyyliset pöydät sivujen esillepanoa varten
näytölle, vaikka he eivät ajatelleet sitä, he eivät ajatellut sitä. minä,
kuinka hyväksyä "versio ystävälle" ystävästä, jolla on asiakirjoja
Ajattelen vain asiakirjan jättämistä іnshomu viglyadі.
Ale nyt meillä ei ole juurikaan pelättävää, nyt ystävän version loppu
tarvitsemme asiakirjan, jos meillä ei ole hyvää jäsenneltyä asiakirjaa i
tyyliset pöydät ystäville!
Tänään voit ottaa (X) HTML-dokumentin ja valmistella sen
Ystävällesi tyylipöytien avuksi, älä jää kiinni. I-akseli y
ohitti ongelman ovien ja kahden version synkronoinnin kautta
asiakirja - yksi näytölle, ujo - toiselle. І scho itse
Muistan: zrobiti tse nayprostishe.
Gecko-perheen selaimet, kuten Netscape 6.x ja Mozilla, Mayut
pitkien kelluvien elementtien tulostamisen ongelma.
Kelluvana elementtinä Wiyshovin käden puolella sitten
kadonnut osa johtaa menetykseen, koska se ei ilmestynyt hyökkäykseen
puolella.
Sivustosi on samanlainen kuin A List Apart, tobto. tilastot uudella alalla
yhdessä suuressa kelluvassa kappaleessa, se tarkoittaa, että luet milloin
ystävä otrimayut riistetty suostuttelu tilastojen.
Rishennya, yak і slіd bulo ochіkuvati, polyagaє u skasuvannі yakostі
"kelluva" etiketti lohkoon, jossa on teksti sinetin edessä. Se on lyhyt, kaikille
kelluvat elementit asetetaan "float: none" -tyylisääntöön.
Kun olet rikkonut tse:n, käännät kaikkia kelluvia elementtejä, kunnes näet sen
asiakirjaa käsitellään siten, että se on siirretty.
puolelta loppuun asti.
Otzhe, sama, minä proponuvav zrobiti Zeldman varten ALA, i, jakki
tilki vin tse zroiv, sinetin ongelma ilmeni. Perheselaimet
Gecko tsya pomilka, jakki і aiemmin, ei korjattu (kirjoitettaessa
statti), mutta silti voit helposti ohittaa ehdotetun tavan.
Alla on "drukovan" tyylinen taulukko, jonka avulla A List Apart on osoittanut muiden kelluvien elementtien ongelman:
#valikko (näyttö: ei mitään;) #kääre, #sisältö (leveys: automaattinen; reunus: 0; marginaali: 0 5%; täyte: 0; kelluvuus: ei mitään! tärkeä;)
Koristele korva. Tyylitaulukko suurentaa valikon oikeaa reunaa niin, että
älä päästä ystävään, vaan aseta rajat ja askeleet
sellaisen stattyn sijasta, teksti be-yakiy-puolella
roztashovuvavsya rіvnomіrno alueen reunasta toiseen.
Ongelmana, koska olin bachilos, oli se, että monia tyylejä oli hajotettu näyttöä varten, ja ne kävivät läpi prosessin.
Yaksho ihmettelee vmist tagia
uusia artikkeleita ALA:n verkkosivuillaMeillä on tiedosto tyylitaulukoita, print.css,
Muut "print"-liitteet on niputettu "media"-attribuutin arvojen kanssa.
Tyylitaulukkotiedosto nucss2.css, tuontia varten
rakenteet @import, tervetuloa Navigator 4.x:stä, jos vikoristaniy
kun visualisoidaan minkä tahansa liitteen sivu (attribuutti
media = "kaikki"). Tse mozhe buti -näyttö, tulostin, projektori, syntetisaattori
Liiku ja ota tuumaa. Kun roz_isovshis, voisimme kirjoittaa tyylisivulle
muita ohjeita sivun taustaväristä ja fonttien käytöstä
kuvake.
Artikkeli aiheesta: Wordpressissä ei ole toimivaa painiketta liian suuren tiedoston lisäämiseksi
Mikä tulee olemaan suuri taistelu? Ні, ааааааааааааааааааааааа selaimista
Ehdokkaat eivät petä sivun taustaa, vaan ne on merkitty koon pikseleinä
fontit, liitteet näyttöä varten, ei niinkään
korisnі pіd tunti druku.
Tehdään siihen kolme tarpeetonta tyylilehteämme toisilleen ja muutama viimeinen ongelma komponenttien kehityksestä.
Valitse oikeanpuoleisen valikon elementtejä varten oikeanpuoleinen valikko.
Ale-ihmiset ovat napanneet menun tunniksi tai kahdeksi, meillä ei koskaan tule mahdollisuutta.
Tämä kaikki vapauttaa meidät kerralla nuoruuden päänsärystä.
Tulostimen sirpaleet eivät hajoa värin kanssa
bily. On myös tarpeen nähdä kuvan kaikki taustat, kuten
vikoristovuvalysya pіd tunti vivedennya partinki ruudulla.
Yakshho mi huutaa apua teho tausta, mi yhdellä iskulla virishimo
loukkaavia ongelmia. Schob zrobiti rіshennya nnuchіshim, tehtävä elementille
"runko" on parempi kuin "kääre" ja "sisältö"
reikä rungossa (ja niiden läpi näet
"runko"):
runko (tausta: valkoinen;) #valikko (näyttö: ei mitään;) #kääre, #sisältö (leveys: automaattinen; marginaali: 0 5%; pehmuste: 0; reuna: 0; kelluvuus: ei mitään! tärkeä; väri: musta; tausta : läpinäkyvä ;)
Etualan värin (fonttivärin) suunnittelu ei ollut ollenkaan
Välttämätön, mutta kauniimmin, älä unohda tse:tä. Otzhe, meillä on heti kaksi
"ei-kelluvat" elementit (#wrapper, #content), joissa on selkeä näkymä taustasta, i
puoli vaaleaa tuhkaa.
Voit tarttua niihin, kuten Navigator 4.x:n arvojen hintaan
"läpinäkyvä", ale vische nis: NN4.x eläimet
tyylejä, joiden attribuutilla "media" on arvo "näyttö". Joten jakki i
kuten @import-direktiivi, tyylisivumme ystävälle
Katso Navigator 4:n silmiä. Otzhe, tässä se on tyhmää
turbuvatisya.
Yleinen tyylitaulukko on muotoiltu fontille 11 pikseliä. Duzhe
ei kaukana vibiristä tunnin tai kaksi. Koko fonttiperhe on kokoelma Georgiasta,
ja sitten serif - se on ok mennä ystävälle, joten kuten fontit haistelemasta
zazvychay kauniimmin viglyadayut kuistilla. On tarpeen muuttaa kokoa
fontti. Akseli on seuraavanlainen:
runko (tausta: valkoinen; fontin koko: 12 pt;)
"Leikata!" - mabut, viguknete vi. - "Rivistykset ovat pahoja!"
No, no, no, no, kun se on sanottu ja sanottu, se on mahdotonta näytölle
aseta kappaleiden fonttikoko. Ystävän kanssa zasosuvannya pts.
maє sellaisessa saamelaisessa mielessä, kuin paljon kymmenen vuotta siihen. Yaksho vzhe mi gotuєmo
tyylitaulukko ystävälle, muuta sitten "body"-kirjasinkooksi 12
pointti on oikea ja luonnollinen.
Vy, ovelasti, voit kysyä olla-kuin koko, kuten pyyntö, prote
fontilla on 12 pistettä eniten majoitustiloista. Ensinnäkin otsikkotaulukossa
sivun kaikkien muiden elementtien tyylit on annettu varmaksi
koko "body" -elementissä, robottimme on valmis.
Erityiset tyylisäännöt asetettava molemmille ja oikealle johdolle
(marginaalit) elementit wrap і sisällön koko 5%. Tse tarkoittaa scho z obh
puoli statty on "tyhjä misce", ja skin on myös "tyhjä misce" tulee
taita 10 % alueen leveydestä toiseen. Lohkon z periytymisen Tse
statin "sisällön" tekstin tulee olla kehystyslohkon "wrapper" keskellä
iho niistä on vähemmän 5% kenttä vasemmalta ja oikealta puolelta.
Artikkeli aiheesta: Jakki täytä sivuston otsikko
Outline-tyylinen taulukon takaosa 15 % oikea pehmuste
"sisältö" -lohkolle. Cordoni antoi meille jo 10%, tarvitsemme myös
jopa 5 %. Tse lopuksi vain zrobiti:
div # -sisältö (marginaali vasen: 10 %;)
Ratkaisun ensimmäisessä vaihtoehdossa on mahdollista ylittää marginaali sisään
rauhoitu ja anna 5% vasemmalle pehmusteelle. Oskilki-lohkon "sisältö"
ei näy taustalle, saimme tällaisen tuloksen.
Harmi, että selaimissa saattaa olla ongelmia riittävien kanssa
pehmusteen tukkeutumisesta niin, että elementit korvataan sivuilla
kauniimmin kordonien (marginaali) avulla.
Bulo vielä yksi ovela ruoka - kuinka voit työskennellä hypervoimien kanssa? Ilmeisesti päällä
ystävä ei voi haistaa hajua, kuten näytössä, mutta se on usein tärkeää
anna avain ennen kuin haju löytyi alkuperäisistä. Otzhe, minun akselini
Vinayshov:
a: linkki, a: vierailtu (väri: # 520; tausta: läpinäkyvä; fontin paino: lihavoitu; tekstin koristelu: alleviivaus;)
Tse daє poilannyam kolіr, päästä pimeään, olla lähellä
musta mustavalkoisen ystävän kanssa, eksy samaan aikaan tumma mato
pіd tunti kolorovoy druku. Lihavoitu fontti ja pіdkreslennya takuu,
posilannya vid_lyatimetsya valmistetussa tekstissä.
Selaimessa, joka mukauttaa CSS2-spesifikaatiota, voimme
anna URL-osoite ja lähetä heille viesti,
kuka avaa selaimen käsin. Alla on esitetty sääntö
kuinka juuttua vain "sisältö"-lohkoon ja tähän URL-osoitteen arvoon
іnshhh, jotta et joutuisi väärään:
#sisältö a: linkki: jälkeen, #sisältö a: vierailtu: jälkeen (sisältö: "(" attr (href) ")"; kirjasinkoko: 90%;)
Kokeile sitä Gecko-alustojen selaimilla - Mozilla tai Netscape
6.x. Ihon kehittyessä sitä kannattaa ravistaa kaarissa.
sen URL-osoitteeseen.
Selaimissa, joilla ei ole järkevää tyyliä, ei yleensä ole sellaista
nebazanikh tehokas - jos on, olet tumma mato,
pidkreslenim ja rasva. Kirjoita vain tekstiin
URL-osoite, johon viitataan, kaikista.
Kunnioitan teitä niiden puolesta, jotka löivät edessä ja jousien puolesta є
osa tyylisääntöä - älä unohda glades, joten haju on syyllinen
buty-merkinnät ennen asiakirjaa.
Yleensä on olemassa yksi luonnollinen ongelma. Juuri siinä
Minua kehotetaan lisäämään asiakirjaan attribuutin arvo
href.
Katson A List Apart -sivuston sivun koodia, mi shvidko
lisäksi ei ole lich, niin kutsuttu "vidnosilan" mieli
"/ ongelmat / 144". Tällainen katsoja lisää hajun asiakirjaan, kuten haju
є, mutta jos haluat, käytä URL-osoitteita.
Voimme käyttää CSS3:a tällaisiin vipadeihin. Ole kuin attribuutin valitsin,
vikoristic operaattori ^ =, valitse elementit, zaponі on cob їх
arvo attribuutille. Tällaisessa arvossa mi mogo vibrati be a href -attribuutti,
täytetään kauttaviivalla ja lisätään siihen teksti,
attribuutille sama arvo.
#content a: after (content: "(//www.alistapart.com" attr (href) ")";)
Koko sääntö muuttaa kaikki arvot tyyppiä "/ issues / 144 /",
"//www.alistapart.com/issues/144/". Yleinen sääntö on, että et voi auttaa
avattava valikko, jossa on oikeat URL-osoitteet, jos et voi korjata sitä kauttaviivalla, ale, ennen
Onneksi ALA ei ole sijaistyyppinen posilan.
UVAGA! TÄRKEÄ! Jak Bolo sanoi, valitsin mieli ^ =
katso CSS3-kohtaiset valitsimet. Validator for CSS vid
W3-konsortio voi testata sitä tiettyjen eritelmien osalta
CSS1 ja CSS2. Älä ole älykäs valitsimen suhteen, käytä vain CSS3:a, validaattori tekee sen
katso armoa, jos et ylitä valitsinta
suosituksia yksityiskohtiin.
Katselen uudelleen, tyylitaulukon jäännösversio, I
esiin tullessaan sivun "hattu" ei pitäisi olla minulle sopivampi. Shvidshe Bula oikealla
ei aivan päässä, vaan sivuston hyvin "tuhma" nimellä. Tse
istuin on ilmeisesti päättynyt siihen, kuva on päättynyt
otsikko. Nukahdin nuken päällä raptomin kanssa
istuinlinja on koko sivun leveys.
Как упоминалось выше, перед выводом на печать веб-страница должна быть соответствующим образом отформатирована. То есть, к документу должен быть подключен необходимый CSS файл одним из рассмотренных в предыдущем пункте методом. Удобный способ создания такого файла кратко описан в этом посте . Нам осталось рассмотреть несколько важных рекомендаций, которых необходимо придерживаться при редактировании CSS файла, предназначенного для распечатываемой страницы.
Если, при выводе на экран документа используется какое-либо фоновое изображение или просто фоновая заливка, а также если вы применяете цветной шрифт, отличный от стандартного варианта (черного), то при создании CSS файла для печати нужно отменить это форматирование. Распечатываемая страница должна выглядеть как можно проще – белый фон и черный шрифт. Многие пользователи для распечатки веб-документов используют чёрно-белый режим печати. К тому же, при распечатывании страницы с насыщенной цветовой схемой значительно повышается расход чернил или тонера.
В оформлении текста большинства веб-страниц, предназначенных для чтения онлайн применяют рубленые шрифты — sans serif (без засечек), так как они считаются более удобными при чтении с экрана монитора. Но при перенесении страницы на бумагу, ситуация меняется и здесь более подходящими будут шрифты с засечками — serif , для которых характерны небольшие декоративные элементы (засечки) на окончаниях каждой буквы. Считается, что именно засечки способствуют направлению взгляда пользователя в нужном направлении – по тексту. Поэтому, большие объемы текста должны быть оформлены шрифтом с засечками (Times New Roman , Georgia , Palatino и другие).
Если для отображения текста на экране допустимо использовать относительно мелкий размер шрифта (11 пикселей, а иногда и меньше), то для печатного варианта страницы необходимо увеличить его минимум до 12 пикселей, но никак не меньше – все зависит от аудитории, на которую рассчитана содержащаяся в документе информация.
Для того, чтобы информация, размещаемая на странице была выражена наиболее полным образом, при ее переносе на бумагу нужно визуально выделить все присутствующие в ней гиперссылки, так как в этом случае они уже не являются кликабельными и должны иметь особую форму отображения. Для этой цели зачастую используют подчеркивание ссылок и смену цвета шрифта их анкорного текста на синий.
Важность используемых в веб-документе изображений определяется несколькими факторами, зависящими как от его разработчика, так и от маркетингового отдела компании, владеющей сайтом. В идеале, рекомендуется оставить лишь те изображения, которые несут смысловую информацию, являясь иллюстрациями к представленному тексту, а также логотип сайта, как правило, находящийся в верхнем левом углу страницы.
Среди множества компонентов, которые являются бесполезными в распечатанном варианте веб-страницы можно выделить навигационное меню и другие элементы, так или иначе связанные с навигацией по сайту. Поэтому оставляя их на странице при распечатке, вы попросту зря тратите чернила. Более того, удалив их, вы освободите дополнительное полезное место для текста, и тем самым представите его в более читабельном виде.
В идеальном случае, для пользователей, распечатывающих веб-страницу с целью чтения содержащейся на ней информации, рекламные объявления в виде баннеров и других форм графической и текстовой информации не представляют никакой ценности. И нужно было бы полностью избавиться от нее в нашем случае, но реальность диктует свои условия. Большинство сайтов в Интернете существуют благодаря именно рекламе, и поэтому ее удаление может привести к негативным последствиям. Поэтому рекламные продукты, представленные на сайте, зачастую остаются при распечатке его страниц, но если вы можете сократить их количество до минимума или упростить форму их представления, то это будет идеальным вариантом. Постарайтесь найти золотую середину, если это возможно.
Интерактивные графические элементы, управляемые при помощи скриптов, а также анимированные Flash изображения, как правило, распечатываются некорректно, а в отдельных случаях дефекты их печати («сползание») могут повлиять на качество отображения текста, что совсем неприемлемо.
Даже в том случае, если на вашем сайте, при публикации статей не указывается информация об их авторе (а делать это рекомендуется), эти данные следует включать в состав страниц для печати. Что позволит пользователям, которые распечатывают исходный материал и работают с ним в более удобном для них виде и/или месте, иметь возможность узнать информацию об авторе, без необходимости повторного посещения вашего сайта.
Включение полного URL адреса распечатываемой страницы в нижней, заключительной ее части является очень важным моментом. Это позволит пользователям быстро вернуться на нее и воспользоваться какой-либо ссылкой, ведущей на другую страницу, содержащую расширенную информацию по рассматриваемому вопросу или с другой целью. В любом случае, это способствует повторному посещению вашего ресурса пользователем. К тому же, при дальнейшем размножении распечатанной страницы (при помощи фотокопий, например), о вашем сайте узнают больше людей.
Вся информация, которая находится на вашем веб-ресурсе охраняется авторскими правами и принадлежит только вам. Даже в том случае, если пользователь, руководствуясь исключительно потребительскими намерениями, распечатывает страницу, это не значит, что содержащаяся на ней информация теперь может использоваться в коммерческих целях. Поэтому сведения об авторских правах обязательно должны переноситься и на печатную копию документа. Это, конечно, не сможет предотвратить факт воровства, но, по крайней мере, напомнит злоумышленнику о том, что именно вы обладаете авторскими правами на эту информацию.
Соблюдая все перечисленные выше рекомендации по форматированию веб-страниц, предназначенных для печати, вы сможете удовлетворить требования большинства пользователей, которые по различным причинам вынуждены работать с распечатанными на принтере документами. А это, как следствие, поможет вам сформировать группу пользователей, составляющих целевую аудиторию вашего сайта.
Post Views: 330
Есть два способа делать страницу для печати:
1. Специально выводить отдельным скриптом страницу без меню и лишнего оформления.
2. Выводить ту же страницу, которую просматриваем при просмотре сайта, но уже с другими подкреплёнными стилями, где скрываются ненужные элементы.
Довелось делать документы(накладные, счёт фактура и прочее) для печати. Так что пошёл по первому варианту. Но это просто в моём случае. Более гибкий как мне представляется второй вариант.
Вот мой опыт, заметки:
1. Главное правило — будь проще и люди к тебе потянутся(с)хз кто. 🙂 Короче не используйте разнообразие оформления. Человеку просто надо прочитать распечатанный текст, нечего его грузить лишним оформлением. Да и краску в принтере тратить.
2. Не используем фоновые изображения, их всё равно не будет при печати. Или будут, но не во всех браузерах. По крайней мере у меня какие то подобные грабли случались.
3. Стараемся использовать белый фон, чёрный текст. Если обратно, то будет тратиться много краски. Цветной текст думаю не нужно делать — всё равно у многих чёрно-белый принтер.
4. Если нужно чтобы следующий контент печатался обязательно на следующей странице, вставляем блок div с классом pagebreak перед этим текстом. Описываем класс в стилях:
Pagebreak { page-break-after: always; }
Pagebreak { page - break - after : always ; |
текст за этим блоком будет распечатываться уже на новой странице. Работает во всех современных браузерах. Да и не современных то же. Один IE до 7ой версии включительно подводит. Но на него надо забивать!
5. И так, печать. Пользователь можно сам выбрать печать. Можно поставить на
window.onload = function () { window.print(); }
и сама кнопка:
< button onclick = "window.print();" > Печать< / button > |
Это кнопка будет при просмотре страницы, но печататься не будет, так как мы задали display: none; в style для media=»print», то есть в стилях для печатающего устройства. При нажатии на кнопку будет выводиться окно печати.
Тем, кто хочет супер автоматизировать процесс печати, чтобы например открываем страницу и принтер сразу начал печатать страницу — охладите свой пыл или того, кто вас просит это сделать. Я этот способ не нашёл. Да его и нет. Потому что это логично. Представьте, заходите вы на сайт, а там через javascript запрограммлена печать ста копий страниц. И принтер приходит в бешенство и начинает печатать эту кучу страниц без вашего ведома. Нелогично? Нелогично!
В одно время меня усердно просил сделать такую штуку один менеджер проектов. Пришлось ему всё это обяснять, приводить примеры, чтобы он понял что это нельзя сделать, да и не нужно.
6. Если кто то будет жаловать на то, что распечатываются адрес страницы, title и прочая херь в колонтитулах — посоветуйте ему настроить свой браузер. Со стороны сайта это не настраивается. По крайней мере я не знаю как. Например в Firefox это настраивается в «Печать» — «Параметры страницы» — «Поля и колонтитулы»
7. Кстати в догонку к предыдущему. Допустим пользователь отключил вывод всех колонтитулом, в том числе и адрес страницы. То есть если пользователь спустя некоторое время посмотрит на распечатку, он не сможет понять, с какого сайта он это распечатал. Так может стоит сделать небольшую заметку с указанием ресурса, адреса страницы, логотипа или ещё чего нибудь.
8. Используйте крупный размер шрифт(в пределах разумного конечно). Главное чтобы при печати всё было читабельно.
10. Думаю нужно использовать размерности, независимые от устройства — абсолютные размерности. Например in,cm,mm,pt,pc.
11. Вот полезная ссылка http://www.webdevout.net/browser-support-css#css2propsprint . Описание стилей можно найти на сайте http://htmlbook.ru
Вообще советую пройтись по всему списку CSS свойств, даже если вы опытный разработчик. Для себя с удивлением обнаружил незнакомые CSS свойства и что некоторые CSS свойства уже можно безбоязненно использовать.
Конечно же это не полный список советов. Это просто мои мысли.
Часто на сайтах можно встретить версию для печати той или иной страницы . Многие думают, что это что-то встроенное в сам браузер или что это делается очень просто. На самом деле, это совсем не так. Версия для печати - это обычная страница , которую Вам нужно самостоятельно сделать.
Вы можете посмотреть на версию для печати у этой статьи. Фактически, что нужно отображать там? Название статьи, раздел, категория, автор, сам текст и дата. Всё это и выведено на эту страницу. Нужны ли меню, форма поиска, различные блоки? Не думаю, поэтому их и нет.
Так же убедитесь, что ширина версии для печати не превосходит 650px , иначе браузер может порезать края.
Итак, Вы уже поняли, что версию для печати Вам надо создавать самостоятельно, выводя ровно то, что нужно пользователю. Теперь о том, как это сделать.
Есть 2 варианта : создать отдельную страницу и создать отдельный файл стилей. Первый вариант, думаю, понятен. Создаёте ещё одну страницу с версией для печати и на основной странице даёте ссылку на эту печатную версию. Пользователь по ней переходит и через "Файл"->"Печать" он её распечатает.
Второй вариант подразумевает создание отдельной таблицы стилей, где Вы скроете все лишние блоки (через display: none; ) и поставите соответствующие размеры у выводимого контента. Дальше такой файл стилей подключается следующим образом:
Теперь если пользователь захочет распечатать эту страницу, то распечатается не то, что он видит, а то, что прописано в print.css . Фактически, пользователь видит страницу в одном виде, а принтер в совсем другом.
Вот таким образом создаётся версия для печати любой страницы сайта.