කාලානුරූපව, අන්තර්ජාලය තුළ, ඔබට කලින් ඒවා කියවීමට අවශ්ය නම්, සංඛ්යා ලේඛන සඳහා මිල ගණන් නිර්මාණය කළ හැකිය. ඒ අතරම, සියලුම සේවාවන් මත නොව, statty අනුවාදය මිතුරෙකු සඳහා මාරු කරනු ලැබේ, මන්ද අපගේ bazhanya විකල්ප භාවිතා නොකරන බැවිනි (අපට පින්තූරය උඩින් ලිවීමට හෝ ප්රධාන අකුරු වර්ගය වෙනස් කිරීමට අවශ්ය වේ). අංග නැති යක්, දෘකුවති පැත්ත? මේ සඳහා වෙබ් සේවාවක් ඇත.
තිරයේ මැද PrintWhatYouLike හි ප්රධාන පැත්තේ මිතුරෙකුගේ පාර්ශවයේ ලිපිනය ඇතුළත් කිරීම සඳහා පෝරමයක් ඇත. ලිපිනය හඳුන්වා දී ඇත, පැත්ත අවහිර කර ඇත і mi bachimo, නමුත් මූලද්රව්ය වලින් තෝරා ගැනීමේදී, අතුරු මුහුණත රතු රාමුවකින් වට වී ඇත. නැවතත්, වම් බොත්තමෙහි පීඩනය හැකි මෙහෙයුම් ලැයිස්තුවක් පෙන්වනු ඇත. අතුරුමුහුණතේ මූලද්රව්ය එකින් එක, හෝ කණ්ඩායම් වශයෙන්, මායිම්වල කම්පන විස්තාරණය කිරීම හෝ පෙළට එක් බ්ලොක් එකක් කම්පනය කිරීම, ඒවා සියල්ලම වාදනය කිරීමෙන් දැකිය හැකිය. එබැවින් ඔබට එය වෙනත් පේළියකින් අවශ්ය නම්, පැත්තේ තවත් කොටසක් සඳහා අවශ්ය නොවේ, හෝ ඉක්මනින් සහ පහසුවෙන් එය සිදු කිරීමට ඔබට හැකියාව ඇත.
තිරයේ වම් කොටසෙහි පැත්ත සංස්කරණය කිරීම සඳහා කාර්යයන් ගණනාවක් සහිත කුඩා පුවරුවක් ඇත:
PrintWhatYouLike පහසුව සඳහා, අපි දැක ඇති පරිදි, පිටු සලකුණු පැනලයේ අනෙක් පැත්තට ඉදිරියෙන් සංස්කරණය කිරීම සඳහා බොත්තමක් දමන්න. මෙය PageZipper විකල්පය මගින් ද භාවිතා වේ. සම්පත් කියවීමේදී Vona බුද්ධිමත් වනු ඇත, පිටු පහක්, දහයක් හෝ වැඩි ගණනක් සඳහා එක් ලිපියක් බෙදා හැරීමට කැමතියි. ඔබ "පාරේ පියවර", නැවතත් "පාර මත පියවර" යනුවෙන් මුද්රා තබනු ඇත, නමුත් මතක තබා ගන්න, කියවීමට කිසිවක් නැත. PageZipper පහසු සංස්කරණය සහ බෙදාගැනීම සඳහා සම්පූර්ණ ලිපියම එක පැත්තකින් බෙදා හරිනු ඇත. Firefox PageZipper 0.6.1 සඳහා තිබෙන ප්ලගිනය වන Bookmarklet එකක් දැමීමට මට අවශ්ය නැත.
PrintWhatYouLike හි ලියාපදිංචි පරිශීලකයින් සඳහා, මම පාලක පැනලය යෝජනා කරමි, ස්ථාපනය කර ඇති, ලේඛන කටයුතුවල ඉතිරි කර ඇති, සතයකින් ලාභදායී වන සහ දැවමය ලෙස කපා නොගත් මුද්රණ හිතකාමී බොත්තම් ගණන පිළිබඳ තොරතුරු ලබා ගන්න. වායුගෝලය, වෙනසක් සිදු නොවන ආකාරයෙන්.
බ්ලොග් ලියන අයට කුරුඳු ටිකක් ගෙනත් දෙන්න පුළුවන්. බ්ලොගයේ සම පැත්තේ දිස්වීමට පෙර නිෂ්පාදනයේ ප්ලගිනය ඇතුළු කිරීම මිතුරෙකුට ලිපි යැවීමට අත් බොත්තමක්, PDF ආකෘතියට සබැඳි සුරැකීමේ හැකියාව, පාඨකයාට මුද්රණ යන්ත්රයේ අකුරු භාවිතා කිරීමට ඉඩ සලසයි.
මීට පෙර, එය සරලව එය සැකසීමට සම්මතයක් විය, හෝ, වඩාත් නිවැරදිව, "මිතුරෙකු සඳහා අනුවාදය" යන වචන සහිත බොත්තමකි. එය ආලින්දයෙන් පිටතට ගැනීම සඳහා දුර්ගන්ධය අවශ්ය වේ. වර්තමාන අන්තර්ක්රියාකාරී මූලද්රව්යවලින් එකකින් වුවද, අවශ්ය සියලු තොරතුරුවලින් පළිගැනීමට මිතුරෙකුට අනුවාදයක්: බොත්තම්, පෝරමය පමණි.
Tse යනු අමතර පිටපතක් සඳහා මම එය ස්වයංක්රීයව භාර දෙන බවයි
මම මුල් ලේඛනය ගෙන, ඒ ගැන සියල්ල දැන, එහි පිටපත විවෘත කර,
මිතුරෙකු සඳහා zruchn_shu. Mozhlivo, සමාන රොබෝවක් සමඟ ගෙනාවා
ඔබ ගැන බලාගන්න.
CSS හි ඇති විශිෂ්ටතම අංගයක් වන්නේ බලයයි
නම්යශීලී ඇමුණුම් මත සංවිධානය කරන ලද මෝස්තරවල කඳ වගු
vivedennya. අපි පැති ප්රදර්ශනය කිරීම සඳහා නැමීමේ විලාසිතාවේ මේසවල ශබ්දය සාදා ඇත
තිරය, ඔවුන් ඒ ගැන නොසිතුවද, ඔවුන් ඒ ගැන සිතුවේ නැත. මම,
ලේඛන සහිත මිතුරෙකු පිළිබඳ "මිතුරෙකු සඳහා අනුවාදය" පිළිගන්නේ කෙසේද
මම හිතන්නේ іnshomu viglyadі හි ලේඛනයක් ගොනු කිරීම ගැන ය.
ආලේ දැන් අපිට බය වෙන්න දෙයක් නැහැ, දැන් යාළුවාගේ අනුවාදයේ අවසානය
අපට හොඳ ව්යුහගත ලේඛනයක් නොමැති නම් අපට ලේඛනයක් අවශ්ය වේ i
මිතුරන් සඳහා මෝස්තර වගු!
අද ඔබට (X) HTML ලේඛනයක් ගෙන එය සකස් කළ හැකිය
විලාසිතා වගු උපකාරය සඳහා මිතුරෙකු සඳහා, අවට නොසිටින්න. මම අක්ෂය y
දොරවල් හරහා ගැටළුව සම්මත කර ඇති අතර අනුවාද දෙකෙහි සමමුහුර්තකරණය
ලේඛනය - එකක් තිරය සඳහා, іnshy - තවත් එකක් සඳහා. මම scho ම
මට මතකයි: zrobiti tse nayprostishe.
Netscape 6.x සහ Mozilla, Mayut වැනි Gecko පවුලේ බ්රව්සර්
දිගු පාවෙන මූලද්රව්ය මුද්රණය කිරීමේ ගැටලුව.
අත පැත්ත අතර Wiyshov පාවෙන අංගයක් ලෙස, එසේ නම්
අහිමි වූ කොටස, එය ප්රහාරයක් මත නොපෙන්වූ බැවින්, එය අහිමි වීමට හේතු වනු ඇත
පැත්ත.
ඔබේ වෙබ් අඩවිය A List Apart, tobto ට සමාන වේ. නව ක්ෂේත්රයේ සංඛ්යා ලේඛන
එක් විශාල පාවෙන කොටසක, එවිට එයින් අදහස් වන්නේ ඔබ කවදාදැයි කියවන බවයි
මිතුරා සංඛ්යා ලේඛන ඒත්තු ගැන්වීම අහිමි otrimayut.
Rishennya, yak і slіd bulo ochіkuvati, polyagaє u skasuvannі yakostі
මුද්රාව ඉදිරිපිට ඇති අකුරු සහිත බ්ලොක් එකට "පාවෙන" ලේබලය. එය කෙටියි, සෑම කෙනෙකුටම
පාවෙන මූලද්රව්ය "float: none" මෝස්තර රීතියට සකසනු ඇත.
Tse බිඳ දැමීමෙන් පසු, ඔබ එය දකින තුරු සියලු පාවෙන මූලද්රව්ය හැරෙනු ඇත
ලේඛනය එය මාරු කරන ලද ආකාරයෙන් හසුරුවනු ලැබේ.
පැත්ත හරි අවසානය දක්වා.
Otzhe, එම, මම ALA සඳහා zrobiti Zeldman proponuvav, i, yak
tilki vin tse zroiv, සංඥාව සමඟ ගැටළුව මතු විය. පවුලේ බ්රව්සර්
Gecko tsya pomilka, yak і කලින්, නිවැරදි කර නැත (ලියන අවස්ථාවේ දී
statti), නමුත් සියල්ලම එකම, ඔබට පහසුවෙන් යෝජිත මාර්ගය මඟ හැරිය හැක.
පහත දැක්වෙන්නේ "drukovan" ආකාරයේ වගුවක් වන අතර, A List Apart මගින් අනෙකුත් පාවෙන මූලද්රව්යවල ගැටලුව පෙන්වා දී ඇත:
#මෙනුව (දර්ශණය: කිසිවක් නැත;) # දවටනය, #අන්තර්ගතය (පළල: ස්වයංක්රීය; මායිම: 0; ආන්තිකය: 0 5%; පිරවුම: 0; පාවෙන: කිසිවක් නැත! වැදගත්;)
කන් අලංකාර කරන්න. විලාස වගුව මෙනුවේ දකුණු පස වැඩි කරනු ඇත
මිතුරෙකු සමඟ සම්බන්ධ නොවන්න, මායිම් සහ පියවර තබන්න
එවැනි ශ්රේණියේ statty වෙනුවට, be-yakiy පැත්තේ ඇති පෙළ
roztashovuvavsya rіvnomіrno කලාපයේ අද්දර සිට තවත්.
මම බැචිලෝස් වූ බැවින් ගැටලුව වූයේ තිරය සඳහා කැඩී ගිය මෝස්තර රාශියක් තිබීම සහ ඒවා ක්රියාවලිය හරහා යාමයි.
vmist ටැගයට යක්ෂෝ පුදුම වෙයි
ALA වෙබ් අඩවියේ නව ලිපිඅප සතුව මෝස්තර වගු ගොනුවක් ඇත, print.css,
අනෙකුත් "මුද්රණ" ඇමුණුම් "මාධ්ය" ගුණාංගයේ අගයන් සමඟ එකතු කර ඇත.
සහාය සඳහා ආයාත කිරීම සඳහා nucss2.css ස්ටයිල්ෂීට් ගොනුව
ඉදිකිරීම් @ ආනයනය, vikoristaniy නම්, Navigator 4.x වෙතින් සාදරයෙන් පිළිගනිමු
කිසියම් ඇමුණුමක් මත පැත්තක් දර්ශනය කරන විට (ගුණාංගය
මාධ්ය = "සියල්ල"). Tse mozhe buti display, printer, projector, synthesizer
චලනය කර Inche ගන්න. roz_isovshis කළ පසු, අපට මෝස්තර පත්රයේ ලිවිය හැකිය
පැත්තේ පසුබිම් වර්ණය සහ අකුරු භාවිතය සඳහා වෙනත් විධාන
පිසෙල්.
මාතෘකාව පිළිබඳ ලිපිය: ඉතා විශාල ගොනුවක් එක් කිරීමට Wordpress හට වැඩ කරන බොත්තමක් නොමැත
මහා සටන කුමක් වේවිද? නැහැ, බ්රවුසර වල ආආආආආආආආආආආආආ
අපේක්ෂකයින් පිටුවේ පසුබිම රැවටෙන්නේ නැත, නමුත් ප්රමාණයේ පික්සල වලින් දැක්වේ
අකුරු, තිර සංදර්ශකය සඳහා ඇමුණුම්, එතරම් නොවේ
korisnі pіd පැය druku.
ඒ සඳහා, අපි එකිනෙකා සඳහා අපගේ ස්ටයිල් ෂීට් තුනක් අනවශ්ය බවට පත් කරමු සහ සංරචක සංවර්ධනය කිරීමේ අවසාන ගැටළු කිහිපය.
දකුණු පස මෙනුවේ මූලද්රව්ය සඳහා, දකුණු පස මෙනුව තෝරන්න.
ඇලේ මිනිස්සු පැයක් දෙකක් මෙනු එක අල්ලලා තියෙනවා, අපිට කවදාවත් අවස්ථාවක් ලැබෙන්නේ නැහැ.
මේ සියල්ල එකවරම තරුණ හිසරදයෙන් අපව නිදහස් කරයි.
ප්රින්ටර් ස්ප්ලින්ටර් වර්ණයෙන් කැඩී නොයයි
bily. වැනි රූපයේ සියලු පසුබිම් දැකීමට ද අවශ්ය වේ
vikoristovuvalysya pіd පැය vivedennya partinki තිරය මත.
උදව් බල පසුබිමක් සඳහා යක්ෂෝ මි ඇමතුම, mi එක වරම විරිෂිමෝ
සිත් රිදවන ගැටළු. Schob zrobiti rіshennya nnuchіshim, මූලද්රව්යය සඳහා කාර්යය
"ශරීරය" "එතුම" සහ "අන්තර්ගතයට" වඩා හොඳයි
ශරීරයේ සිදුරක් (සහ ඒවා හරහා ඔබට දැකිය හැකිය
"සිරුර"):
ශරීරය (පසුබිම: සුදු;) #මෙනුව (දර්ශණය: කිසිවක් නැත;) # දවටනය, #අන්තර්ගතය (පළල: ස්වයංක්රීය; ආන්තිකය: 0 5%; පිරවුම: 0; මායිම: 0; පාවෙන: කිසිවක් නැත! වැදගත්; වර්ණය: කළු; පසුබිම : විනිවිද පෙනෙන;)
පෙරබිම් වර්ණය (අකුරු වර්ණය) නිර්මාණය කිසිසේත්ම නොවීය
අවශ්ය, නමුත් වඩා ලස්සන, tse ගැන අමතක කරන්න එපා. Otzhe, එකවර අපි є දෙකක්
පසුබිම පිළිබඳ පැහැදිලි දර්ශනයක් සහිත "පාවෙන නොවන" මූලද්රව්ය (# දවටනය, #අන්තර්ගතය), i
සැහැල්ලු අළු සමග පැත්ත.
ඔබට Navigator 4.x වැනි අගයන්හි පිරිවැය වැනි ඒවා ලබා ගත හැක
"විනිවිද පෙනෙන", ale vische nis: NN4.x සතුන්
"මාධ්ය" යන ගුණාංගයට "තිරය" යන අගය ඇති styles. ඉතින් යක් අයි
@ආයාත විධානය වැනි, මිතුරෙකු සඳහා අපගේ මෝස්තර පත්ර
Navigator 4. Otzhe ඇස් තුළට ගන්න, මෙන්න එය ගැන ගොළු ය
turbuvatisya.
සාමාන්ය විලාස වගුව පික්සල 11 අකුරු සඳහා ෆෝමැට් කර ඇත. දුෂේ
පැයකට හෝ දෙකකට වැඩි ඈතක නොවන vibir. අකුරු පවුල ජෝර්ජියාවේ එකතුවකි,
ඊට පස්සේ serif - යහළුවෙකුට ගියාට කමක් නැහැ, ඒ නිසා sniffs වලින් අකුරු වගේ
zazvychay ආලින්දයේ වඩාත් අලංකාර viglyadayut. හි ප්රමාණය වෙනස් කිරීම අවශ්ය වේ
අකුරු අක්ෂය මේ වගේ ය:
ශරීරය (පසුබිම: සුදු; අකුරු ප්රමාණය: 12pt;)
"කපන්න!" - mabut, viguknete vi. - "පන්චර්ස් නපුරුයි!"
හොඳයි, හොඳයි, හොඳයි, හොඳයි, එය පැවසීම සහ එය පැවසීම, එය තිරය සඳහා කළ නොහැකි ය
ඡේද සඳහා අකුරු ප්රමාණය සකසන්න. මිතුරෙකු zasosuvannya ලකුණු සමඟ.
maє එවැනි සාමි හැඟීමක්, ඒ සඳහා වසර දහයක් වැනි. Yaksho vzhe mi gotuєmo
මිතුරෙකු සඳහා මෝස්තර වගුව, පසුව "ශරීරය" සඳහා අකුරු ප්රමාණය 12 දක්වා වෙනස් කරන්න
කාරණය නිවැරදි හා ස්වභාවික වනු ඇත.
Vy, slyly, you can be-like a size, like a request, prote
ෆොන්ටයේ බොහෝ නවාතැන් ස්ථාන 12 ක් ඇත. ශීර්ෂ වගුවේ මුලින්ම සහ ප්රධාන වශයෙන්
පැත්තේ අනෙකුත් සියලුම අංගවල මෝස්තර නිශ්චිතව දක්වා ඇත
"ශරීරය" මූලද්රව්යයේ ප්රමාණය, අපගේ රොබෝවරයා අවසන් කර ඇත.
දෙකම සහ දකුණු කෝඩන් සඳහා සැකසීමට විශේෂිත ශෛලියේ නීති
(ආන්තික) මූලද්රව්ය එතුම і අන්තර්ගත ප්රමාණය 5%. Tse යන්නෙහි තේරුම, scho z obh
ස්ටැටි පැත්තේ "හිස් මිස්" වනු ඇත, සහ සම "හිස් මිස්" වනු ඇත
ප්රදේශයේ පළලින් 10%ක් තවත් එකකට නමන්න. බ්ලොක් z හි උරුමයේ Tse
statti "අන්තර්ගතයේ" පාඨය රාමු කරන ලද කොටස "එතන්න" මැද විය යුතුය.
ඔවුන්ගෙන් සම වම් සහ දකුණු පැතිවලින් 5% ක අඩු ක්ෂේත්රයක් ඇත.
මාතෘකාව පිළිබඳ ලිපිය: Yak site එකේ header එක පුරවන්න
දළ සටහන් විලාස වගුව ආපසු 15% දකුණු පෑඩින්
"අන්තර්ගත" කොටස සඳහා. කෝඩෝනි දැනටමත් අපට 10% ලබා දී ඇත, අපටත් අවශ්යයි
5% දක්වා. Tse යන්තම් zrobiti අවසන් කිරීමට:
div # අන්තර්ගතය (ආන්තිකය-වම: 10%;)
විසඳුමේ පළමු විකල්පය තුළ, ආන්තිකය ඉක්මවා යාමට හැකි වේ
සන්සුන්ව වම් පැඩිං එකට 5% දෙන්න. Oskіlki අවහිර "අන්තර්ගතය"
පසුබිමට නොපෙනී, අපි එවැනි ප්රතිඵලය ගත්තා.
බ්රවුසර වලට ප්රමාණවත් ගැටළු ඇති වීම කණගාටුවට කරුණකි
පිරවුමේ බාධාවකින්, මූලද්රව්ය පැත්තකින් ප්රතිස්ථාපනය වේ
කෝඩන් (ආන්තික) ආධාරයෙන් වඩාත් අලංකාර ලෙස.
බුලෝ තවත් කපටි ආහාරයක් - අධිබල සමඟ වැඩ කරන්නේ කෙසේද? පැහැදිලිවම ක්රියාත්මකයි
මිතුරෙකුට මොනිටරයක මෙන් ගඳ සුවඳ දැනෙන්නේ නැත, නමුත් එය බොහෝ විට වැදගත් වේ
මුල් පිටපත්වල දුර්ගන්ධය සොයා ගැනීමට පෙර යතුර දෙන්න. Otzhe, මගේ අක්ෂය
විනයිෂොව්:
a: සබැඳිය, a: පැමිණි
Tse daє poilannyam kolіr, අඳුරට ළඟා වීමට, සමීප වීමට
කළු-සුදු මිතුරෙකු සමඟ කළු, එම පැයේදීම අඳුරු පණුවෙකු අතරමං වේ
pіd පැය kolorovoy druku. තද අකුරු සහ pіdkreslennya සහතිකය,
posilannya vid_lyatimetsya සූදානම් පෙළ.
CSS2 පිරිවිතර අනුවර්තනය කරන බ්රවුසරයක, අපට හැකිය
URL එකක් ඇතුල් කර ඔවුන් සඳහා පණිවිඩයක් යවන්න,
එම බ්රව්සරය අතින් විවෘත කිරීමට පෙන්වන්නේ කවුද? පහත දැක්වෙන්නේ රීතියයි
"අන්තර්ගත" වාරණ සඳහා පමණක් හිර වන්නේ කෙසේද, සහ URL හි මෙම ශ්රේණිය සමඟ
іnshhh වැරදියට හසු නොවන ලෙස නියෝගය:
#අන්තර්ගතය a: සබැඳිය: පසු, #අන්තර්ගතය a: සංචාරය: පසු (අන්තර්ගතය: "(" attr (href) ")"; අකුරු ප්රමාණය: 90%;)
Gecko වේදිකාවල - Mozilla හෝ Netscape හි බ්රව්සර්වල එය උත්සාහ කරන්න
6.x සමේ වර්ධනය මත, ඔබ ආරුක්කු තුළ එය සොලවා ගත යුතුය.
එහි URL වෙත.
සාධාරණ මෝස්තරයක් නොමැති බ්රවුසර සාමාන්යයෙන් කිසිවක් නොමැත
nebazanikh efektyv - එසේ නම්, ඔබ අඳුරු පණුවා වනු ඇත,
pidkreslenim සහ මේදය. පෙළට ලියනවා විතරයි
සියලු දෙනාගෙන්ම යොමු කළ යුතු URL එක.
ඉදිරියෙන් පහර දුන් අයට සහ දුනු є සඳහා මම ඔබට ගරු කරමි
ශෛලියේ රීතියේ කොටසක් - ග්ලැඩ්ස් ගැන අමතක නොකරන්න, එබැවින් දුර්ගන්ධය දොස් පැවරිය යුතුය
ලේඛනයට පෙර බියුටි ඇතුළත් කිරීම්.
රීතියක් ලෙස, එක් ස්වභාවික ගැටලුවක් තිබේ. ඒ තුළ හරි
ගුණාංගයේ වටිනාකම ලේඛනයට ඇතුළත් කිරීමට මට උපදෙස් දෙනු ලැබේ
href.
A List Apart වෙබ් අඩවියේ පැත්තේ කේතය දෙස බලන විට, mi shvidko
ඊට අමතරව, ඊනියා "විද්නෝසිලන්" මනසක් නොමැත
"/ ගැටළු / 144". එවැනි නරඹන්නෙකු විසින් දුගඳක් මෙන් ලේඛනයට ගඳ ඇතුළු කරනු ඇත
є, නමුත් ඔබට අවශ්ය නම්, ඔබ URL භාවිතා කළ යුතුය.
එවැනි vipads සඳහා අපට CSS3 භාවිතා කළ හැකිය. ගුණාංග තේරීම්කාරකයක් මෙන් වන්න,
vikoristic ක්රියාකරු ^ =, මූලද්රව්ය තෝරන්න, cob їх මත zaponі
ගුණාංගයට වටිනාකම. එවැනි ශ්රේණියක් තුළ, mi mogo vibrati href ගුණාංගයක් විය,
ස්ලෑෂ් එකකින් පුරවා එහි පෙළ ඇතුළු කරන්න,
ගුණාංගය සඳහා එකම අගය.
#අන්තර්ගතය a: පසු (අන්තර්ගතය: "(//www.alistapart.com" attr (href) ")";)
සම්පූර්ණ රීතිය "/ ගැටළු / 144 /" වර්ගයේ සියලුම අගයන් පරිවර්තනය කරනු ඇත,
"//www.alistapart.com/issues/144/". සාමාන්ය රීතිය නම් ඔබට උදව් කළ නොහැකි බවයි
නිවැරදි URL සමඟ පහත වැටීමක්, ඔබට එය slash, ale සමඟ නිවැරදි කළ නොහැකි නම්, පෙර
වාසනාවකට මෙන්, ALA යනු පොසිලන් විශේෂයක් නොවේ.
UVAGA! වැදගත්! යක් බොලෝ කිව්වා, තේරීම්කරු මනස ^ =
CSS3-විශේෂිත තේරීම් වෙත යොමු වන්න. CSS වීඩියෝ සඳහා වලංගුකාරකය
W3 consortium එය විශේෂිත පිරිවිතර සඳහා පරීක්ෂා කළ හැක
CSS1 සහ CSS2. තේරීම්කාරකය ගැන බුද්ධිමත් නොවන්න, CSS3 භාවිතා කරන්න, වලංගු කරන්නා එසේ කරනු ඇත
ඔබ තේරීම ඉක්මවා නොගියහොත් දයාව දෙස බලන්න
විශේෂතා සඳහා නිර්දේශ.
නැවතත් බලන විට, ස්ටයිල් වගුවේ අවශේෂ අනුවාදය, I
මතු වූ පසු, පැත්තේ "තොප්පිය" මට වඩා සුදුසු නොවිය යුතුය. දකුණු පසින් ශ්විද්ශේ බුලා
හිසෙහි නොව, "නපුරු" ලෙස වෙබ් අඩවිය නම් කරන්න. Tse
ආසනය පැහැදිලිවම එතැනින් අවසන් වී ඇත, පින්තූරය අවසන් විය
ශීර්ෂකය. මම රැප්ටොම් එකක් සමඟ ඩමියක් මත නිදා සිටියෙමි
ආසන රේඛාව පැත්තේ සම්පූර්ණ පළල වේ.
Как упоминалось выше, перед выводом на печать веб-страница должна быть соответствующим образом отформатирована. То есть, к документу должен быть подключен необходимый 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 . Фактически, пользователь видит страницу в одном виде, а принтер в совсем другом.
Вот таким образом создаётся версия для печати любой страницы сайта.