CSS ашиглан вэб баримтыг зөв хэвлэх Вэб дизайн, хайлтын системийг оновчтой болгох HTML хуудасны хэвлэх боломжтой хувилбар

Хувийн мэдээллийг хүлээн авах нь үргэлж хакердах гэсэн үг биш юм - заримдаа үүнийг олон нийтэд нийтэлдэг. Google-ийн тохиргоог мэдэж, бага зэрэг ухаалаг байх нь зээлийн картын дугаараас эхлээд Холбооны мөрдөх товчооны баримт бичиг хүртэл олон сонирхолтой зүйлийг олох боломжийг танд олгоно.

АНХААРУУЛГА

Бүх мэдээллийг зөвхөн мэдээллийн зорилгоор өгсөн болно. Энэ нийтлэлийн материалаас учирч болзошгүй хохирлыг редактор, зохиогч аль аль нь хариуцахгүй.

Өнөөдөр бүх зүйл интернетэд холбогдсон бөгөөд хандалтыг хязгаарлах талаар бага зэрэг санаа тавьдаг. Тиймээс олон хувийн мэдээлэл хайлтын системийн олз болдог. Аалз роботууд зөвхөн вэб хуудсуудаар хязгаарлагдахаа больж, вэб дээрх бүх агуулгыг индексжүүлж, мэдээллийн сандаа нууц мэдээллийг байнга нэмж оруулдаг. Эдгээр нууцыг сурахад хялбар байдаг - та тэдний талаар хэрхэн асуухаа мэдэх хэрэгтэй.

Файлуудыг хайж байна

Чадварлаг гарт Google нь хувийн мэдээлэл, албан ёсны хэрэглүүр файл гэх мэт вэб дээрх муу бүх зүйлийг хурдан олох болно. Тэдгээр нь ихэвчлэн хивсний доор түлхүүр шиг нуугдаж байдаг: нэвтрэх бодит хязгаарлалт байхгүй, өгөгдөл нь зүгээр л сайтын арын хэсэгт байрладаг бөгөөд холбоосууд нь хөтлөхгүй. Стандарт Google вэб интерфэйс нь зөвхөн үндсэн дэвшилтэт хайлтын тохиргоог өгдөг боловч эдгээр нь хангалттай байх болно.

Та Google-ийн хайлтыг тодорхой төрлийн файлаар хязгаарлахад ашиглаж болох хоёр оператор байдаг: filetype болон ext . Эхнийх нь хайлтын систем нь файлын толгойгоор тодорхойлсон форматыг, хоёр дахь нь дотоод агуулгаас үл хамааран файлын өргөтгөлийг тогтоодог. Хоёр тохиолдолд хайлт хийхдээ зөвхөн өргөтгөлийг зааж өгөх хэрэгтэй. Эхэндээ ext оператор нь файлын форматын онцлог шинж чанаргүй тохиолдолд ашиглахад тохиромжтой байсан (жишээлбэл, юу ч агуулж болох ini болон cfg тохиргооны файлуудыг хайх). Одоо Google-ийн алгоритмууд өөрчлөгдсөн бөгөөд операторуудын хооронд харагдахуйц ялгаа байхгүй - ихэнх тохиолдолд үр дүн нь ижил байдаг.


Гаралтыг шүүж байна

Анхдагч байдлаар, Google индексжүүлсэн хуудасны бүх файлд оруулсан үг болон ерөнхийдөө тэмдэгтүүдийг хайдаг. Та хайлтын хамрах хүрээг дээд түвшний домэйн, тодорхой сайт эсвэл файл доторх хүссэн дарааллын байршлаар хязгаарлаж болно. Эхний хоёр сонголтын хувьд сайтын мэдэгдэл, дараа нь домэйн эсвэл сонгосон сайтын нэрийг ашиглана. Гурав дахь тохиолдолд, бүхэл бүтэн операторууд нь үйлчилгээний талбарууд болон мета өгөгдөлд мэдээлэл хайх боломжийг олгодог. Жишээ нь, allinurl нь холбоосуудын үндсэн хэсэгт заасан зүйлийг, allinanchor - шошготой текстээс олох болно. , allintitle - хуудасны толгой хэсэгт, allintext - хуудасны үндсэн хэсэгт.

Оператор бүрийн хувьд богино нэртэй (бүгд гэсэн угтваргүй) хөнгөн хувилбар байдаг. Ялгаа нь allinurl нь бүх үгтэй холбоосыг олох бөгөөд inurl нь зөвхөн эхний үгтэй холбоосыг олох болно. Асуулгын хоёр дахь болон дараагийн үгс нь вэб хуудасны хаана ч гарч болно. Inurl оператор нь ижил төстэй утгаараа өөр өөр байдаг - site . Эхнийх нь мэдэгдэж буй сул талтай бүрэлдэхүүн хэсгүүдийг олоход өргөн хэрэглэгддэг хүссэн баримт бичгийн холбоосоос (жишээ нь, /cgi-bin/) тэмдэгтүүдийн дарааллыг олох боломжийг олгодог.

Үүнийг практик дээр туршиж үзье. Бид allintext шүүлтүүрийг авч, асуулгад зээлийн картын дугаар, баталгаажуулах кодын жагсаалтыг буцаадаг бөгөөд энэ нь зөвхөн хоёр жилийн дараа дуусна (эсвэл эзэд нь хүн бүрийг дараалан хооллохоос залхах үед).

Allintext: картын дугаар дуусах хугацаа /2017 cvv

Залуу хакер Пентагон эсвэл НАСА-гийн "серверүүд рүү нэвтэрч, нууц мэдээллийг хулгайлсан" гэсэн мэдээг уншихад ихэнх тохиолдолд энэ нь Google-ийг ашиглах энгийн арга юм. Бид НАСА-гийн ажилтнуудын жагсаалт, холбоо барих хаягийг сонирхож байна гэж бодъё. Ийм жагсаалт цахим хэлбэрээр байгаа нь гарцаагүй. Тохиромжтой болгохын тулд эсвэл хяналт шалгалтын улмаас энэ нь байгууллагын вэбсайтад ч бас хэвтэж болно. Энэ нь дотоод хэрэглээнд зориулагдсан тул энэ тохиолдолд лавлагаа байхгүй байх нь логик юм. Ийм файлд ямар үг байж болох вэ? Наад зах нь - "хаяг" талбар. Эдгээр бүх таамаглалыг шалгахад хялбар байдаг.


inurl:nasa.gov файлын төрөл:xlsx "хаяг"


Бид хүнд суртлыг ашигладаг

Ийм олдворууд нь тааламжтай жижиг зүйл юм. Google Webmaster Operators, вэб өөрөө болон таны хайж буй зүйлийн бүтцийн талаар илүү нарийвчилсан мэдлэгтэй байх нь үнэхээр чухал ач холбогдолтой юм. Нарийвчилсан мэдээллийг мэдсэнээр та гаралтыг хялбархан шүүж, бусад хэсэгт үнэхээр үнэ цэнэтэй өгөгдлийг олж авахын тулд шаардлагатай файлуудын шинж чанарыг сайжруулж чадна. Энд хүнд суртал аврахаар ирдэг нь инээдтэй. Энэ нь санамсаргүй байдлаар вэб дээр алдагдсан нууц мэдээллийг хайхад хялбар болгодог ердийн томъёоллыг гаргадаг.

Жишээлбэл, АНУ-ын Батлан ​​хамгаалах яамны албан тасалгаанд заавал байх ёстой Түгээлтийн мэдэгдлийн тамга нь баримт бичгийг тараахад стандартчилагдсан хязгаарлалтыг хэлнэ. А үсэг нь нууц зүйлгүй олон нийтийн хэвлэлийг тэмдэглэдэг; B - зөвхөн дотоод хэрэглээнд зориулагдсан, C - чанд нууц гэх мэт F хүртэл. Тус тусад нь X үсэг байдаг бөгөөд энэ нь хамгийн дээд түвшний төрийн нууцыг илэрхийлдэг онцгой үнэ цэнэтэй мэдээллийг тэмдэглэдэг. Үүнийг жижүүр хийх ёстой хүмүүс нь ийм баримт бичгийг хайгаарай, бид зөвхөн С үсэгтэй файлаар хязгаарлагдах болно. DoDI 5230.24-ийн дагуу экспортын хяналтад хамаарах чухал технологийн тодорхойлолтыг агуулсан баримт бичигт ийм тэмдэглэгээ өгдөг. Та ийм анхааралтай хамгаалагдсан мэдээллийг АНУ-ын армид хуваарилагдсан .mil дээд түвшний домэйны сайтуудаас олж болно.

"ТҮГЭЭЛТИЙН МЭДЭГДЭЛ C" inurl:navy.mil

.mil домэйнд зөвхөн АНУ-ын Батлан ​​хамгаалах яам болон түүний гэрээт байгууллагуудын сайтуудыг цуглуулдаг нь маш тохиромжтой. Домэйн хязгаарлагдмал хайлтын үр дүн нь маш цэвэрхэн бөгөөд гарчиг нь өөрөө ярьдаг. Ийм байдлаар Оросын нууцыг хайх нь бараг дэмий юм: .ru болон .rf домэйнд эмх замбараагүй байдал ноёрхож, олон зэвсгийн системийн нэр нь ботаник (PP "Kiparis", өөрөө явагч буу "Acacia") эсвэл бүр сонсогддог. гайхалтай (TOS "Пиноккио").


.mil домэйн дэх сайтын аливаа баримт бичгийг сайтар шалгаснаар та хайлтаа сайжруулахын тулд бусад тэмдэглэгээг харж болно. Жишээлбэл, "Sec 2751" экспортын хязгаарлалтын талаархи лавлагаа нь сонирхолтой техникийн мэдээллийг хайхад тохиромжтой. Энэ нь үе үе гарч ирсэн албан ёсны сайтуудаас хасагддаг тул хайлтын үр дүнд сонирхолтой холбоосыг дагаж чадахгүй бол Google кэш (кэш оператор) эсвэл Интернет архивын вэбсайтыг ашиглана уу.

Бид үүлэнд авирч байна

Төрийн байгууллагуудаас санамсаргүй байдлаар нууцалсан баримт бичгүүдээс гадна Dropbox болон бусад мэдээлэл хадгалах үйлчилгээний хувийн файлуудын холбоосууд Google кэшэд хааяа гарч ирдэг. Альтернатив болон өөрөө хийсэн үйлчилгээ нь бүр ч дор юм. Жишээлбэл, дараах асуулга нь FTP сервер суулгасан, чиглүүлэгч дээрээ чиглүүлэгчийг идэвхтэй ашиглаж байгаа бүх Verizon клиентүүдийн өгөгдлийг олох болно.

Allinurl: ftp://verizon.net

Одоо дөчин мянга гаруй ийм ухаалаг хүмүүс байдаг бөгөөд 2015 оны хавар илүү их хэмжээний захиалга гарсан. Verizon.net-ийн оронд та аль ч алдартай үйлчилгээ үзүүлэгчийн нэрийг орлуулж болох бөгөөд энэ нь илүү алдартай байх тусмаа агнуурын хэмжээ их байх болно. Суурилуулсан FTP серверээр дамжуулан та чиглүүлэгчтэй холбогдсон гадаад диск дээрх файлуудыг харах боломжтой. Ихэнхдээ энэ нь алсаас ажиллах NAS, хувийн үүл эсвэл үе тэнгийнхэн рүү файл татаж авахад зориулагдсан байдаг. Ийм мэдээллийн хэрэгслийн бүх агуулгыг Google болон бусад хайлтын системүүд индексжүүлдэг тул та шууд холбоосоор дамжуулан гадаад диск дээр хадгалагдсан файлуудад хандах боломжтой.

Тохиромжтой тохиргоо

Үүл рүү бөөний худалдаанд шилжихээс өмнө сул талгүй энгийн FTP серверүүд нь алсын хадгалалт болж байсан. Тэдний олонх нь өнөөг хүртэл хамааралтай хэвээр байна. Жишээлбэл, алдартай WS_FTP Professional програм нь тохиргооны өгөгдөл, хэрэглэгчийн бүртгэл, нууц үгийг ws_ftp.ini файлд хадгалдаг. Бүх оруулгууд нь энгийн текст хэлбэрээр хадгалагдаж, нууц үг нь хамгийн бага ойлгомжгүй байдлын дараа Triple DES алгоритмыг ашиглан шифрлэгдсэн тул үүнийг олох, уншихад хялбар байдаг. Ихэнх хувилбаруудад эхний байтыг хаяхад л хангалттай.

Ийм нууц үгийг тайлах нь WS_FTP Нууц үг тайлах хэрэгсэл эсвэл үнэгүй вэб үйлчилгээг ашиглан хялбар байдаг.

Дурын сайтыг хакердах тухай ярихдаа тэд ихэвчлэн CMS эсвэл цахим худалдааны програмын тохиргооны файлуудын бүртгэл, нөөцлөлтөөс нууц үг авахыг хэлдэг. Хэрэв та тэдгээрийн ердийн бүтцийг мэддэг бол түлхүүр үгсийг хялбархан зааж өгч болно. Ws_ftp.ini-д байдаг шиг мөрүүд маш түгээмэл байдаг. Жишээлбэл, Drupal болон PrestaShop нь үргэлж хэрэглэгчийн ID (UID) болон холбогдох нууц үгтэй (pwd) бөгөөд бүх мэдээлэл нь .inc өргөтгөлтэй файлуудад хадгалагддаг. Та тэдгээрийг дараах байдлаар хайж болно:

"pwd=" "UID=" ext:inc

Бид DBMS-ээс нууц үгээ гаргадаг

SQL серверүүдийн тохиргооны файлуудад хэрэглэгчийн нэр, имэйл хаягийг тодорхой текст хэлбэрээр хадгалдаг бөгөөд нууц үгийн оронд тэдгээрийн MD5 хэшийг бүртгэдэг. Тэдгээрийн шифрийг тайлах нь хатуухан хэлэхэд боломжгүй, гэхдээ та мэдэгдэж буй хэш-нууц үгийн хосуудын дунд тохирохыг олох боломжтой.

Өнөөг хүртэл нууц үг хэшийг ашигладаггүй DBMS байдаг. Тэдгээрийн аль нэгнийх нь тохиргооны файлуудыг зүгээр л хөтөч дээрээс үзэх боломжтой.

Intext:DB_PASSWORD файлын төрөл:env

Windows серверүүд гарч ирснээр тохиргооны файлуудын байршлыг бүртгэлийн газар хэсэгчлэн авчээ. Та reg-г файлын төрлөөр ашиглан яг ижил аргаар түүний салбаруудыг хайж болно. Жишээлбэл, иймэрхүү:

Файлын төрөл:reg HKEY_CURRENT_USER "Нууц үг"=

Илэрхий зүйлийг бүү март

Заримдаа Google-ийн санамсаргүй нээсэн, баригдсан мэдээллийн тусламжтайгаар нууц мэдээлэлд хүрэх боломжтой байдаг. Хамгийн тохиромжтой сонголт бол зарим нийтлэг форматаар нууц үгийн жагсаалтыг олох явдал юм. Зөвхөн цөхрөнгөө барсан хүмүүс дансны мэдээллийг текст файл, Word документ эсвэл Excel хүснэгтэд хадгалах боломжтой, гэхдээ тэдгээр нь үргэлж хангалттай байдаг.

Файлын төрөл: xls inurl: нууц үг

Нэг талаараа ийм хэргээс урьдчилан сэргийлэх олон арга хэрэгсэл бий. htaccess-д зохих хандалтын эрхийг зааж өгөх, CMS-ийг нөхөх, зүүн скрипт ашиглахгүй байх, бусад нүхийг хаах шаардлагатай. Мөн хайлтын системд заасан файл, лавлахыг индексжүүлэхийг хориглодог robots.txt хассан жагсаалт бүхий файл байдаг. Нөгөөтэйгүүр, хэрэв зарим сервер дээрх robots.txt бүтэц нь стандартаас ялгаатай байвал тэд юу нуух гэж байгаа нь шууд тодорхой болно.

Аливаа сайт дээрх лавлах болон файлуудын жагсаалтын өмнө стандарт бичээсийн индекс байдаг. Үйлчилгээний зорилгоор гарчигт гарч ирэх ёстой тул түүний хайлтыг intitle оператороор хязгаарлах нь зүйтэй юм. Сонирхолтой зүйлсийг /админ/, /хувийн/, /гэх мэт/ тэр ч байтугай /нууц/ лавлахаас олж болно.

Шинэчлэлтүүдийг дагаж мөрдөөрэй

Энд хамаарал маш чухал: хуучин сул талууд маш удаан хаагддаг боловч Google болон түүний хайлтын үр дүн байнга өөрчлөгдөж байдаг. Бүр "сүүлийн секунд" шүүлтүүр (&tbs=qdr:s хүсэлтийн url-ийн төгсгөлд) болон "бодит цагийн" шүүлтүүр (&tbs=qdr:1) хооронд ч ялгаа бий.

Google-ээс файлын сүүлийн шинэчлэлтийн огнооны хугацааны интервалыг мөн далд хэлбэрээр зааж өгсөн болно. График вэб интерфэйсээр дамжуулан та ердийн үеүүдийн аль нэгийг (цаг, өдөр, долоо хоног гэх мэт) сонгох эсвэл огнооны хязгаарыг тохируулах боломжтой боловч энэ арга нь автоматжуулалтад тохиромжгүй.

Хаягийн талбарын харагдах байдлаас харахад &tbs=qdr: бүтцийг ашиглан үр дүнгийн гаралтыг хязгаарлах арга замыг л таамаглаж болно. Үүний дараах y үсэг нь нэг жилийн хязгаарыг заадаг (&tbs=qdr:y), m нь сүүлийн сарын үр дүнг, w долоо хоногийн, d өнгөрсөн өдрийн, h сүүлийн цагийн, n минутын, болон s нь надад секунд өгөөч. Google-д саяхан мэдэгдсэн хамгийн сүүлийн үеийн үр дүнг &tbs=qdr:1 шүүлтүүр ашиглан олж болно.

Хэрэв та төвөгтэй скрипт бичих шаардлагатай бол огнооны мужийг Google-д Julian форматаар daterange оператороор тохируулсан гэдгийг мэдэх нь ашигтай байх болно. Жишээлбэл, 2015 оны 1-р сарын 1-ээс 7-р сарын 1-ний хооронд байршуулсан нууц үгтэй PDF баримтын жагсаалтыг ингэж олох боломжтой.

Нууц файлын төрөл:pdf огноо:2457024-2457205

Мужийг аравтын бутархайгүйгээр Жулиан огнооны форматаар зааж өгсөн болно. Григорийн хуанлигаас тэдгээрийг гараар орчуулах нь тохиромжгүй юм. Огноо хөрвүүлэгчийг ашиглах нь илүү хялбар байдаг.

Зорилтот, дахин шүүнэ

Хайлтын асуулгад нэмэлт операторуудыг зааж өгөхөөс гадна тэдгээрийг холбоосын үндсэн хэсэгт шууд илгээж болно. Жишээлбэл, filetype:pdf шинж чанар нь as_filetype=pdf бүтэцтэй тохирч байна. Тиймээс аливаа тодруулга хийх нь тохиромжтой. Зөвхөн Бүгд Найрамдах Гондурас Улсаас гарсан үр дүнгийн үр дүнг хайлтын URL-д cr=countryHN-ийг нэмэх замаар тохируулсан гэж бодъё, гэхдээ зөвхөн Бобруйск хотоос - gcs=Bobruisk . Бүрэн жагсаалтыг хөгжүүлэгч хэсгээс үзнэ үү.

Google-ийн автоматжуулалтын хэрэгслүүд нь амьдралыг хөнгөвчлөх зорилгоор бүтээгдсэн боловч ихэвчлэн хүндрэлийг нэмэгдүүлдэг. Жишээлбэл, хэрэглэгчийн хотыг WHOIS-ээр дамжуулан хэрэглэгчийн IP-ээр тодорхойлдог. Энэ мэдээлэлд үндэслэн Google нь сервер хоорондын ачааллыг тэнцвэржүүлдэг төдийгүй хайлтын үр дүнг өөрчилдөг. Бүс нутгаас хамааран ижил асуулгын хувьд өөр өөр үр дүн эхний хуудсанд очих бөгөөд тэдгээрийн зарим нь бүрмөсөн нуугдаж болно. Сансар огторгуйн нэгэн гэдгээ мэдэрч, аль ч улсаас мэдээлэл хайх нь gl=country удирдамжийн дараах хоёр үсэгтэй кодод тусална. Жишээлбэл, Нидерландын код нь NL байхад Ватикан болон Хойд Солонгост Google-д өөрийн гэсэн код байдаггүй.

Хэд хэдэн дэвшилтэт шүүлтүүрийг ашигласны дараа хайлтын үр дүн ихэвчлэн хог хаягддаг. Энэ тохиолдолд асуулгад цөөн хэдэн үл хамаарах үг нэмж оруулахад хялбар байдаг (тэдгээрийн өмнө хасах тэмдэг тавьсан). Жишээ нь, banking , нэрс , зааварчилгааг Personal гэдэг үгтэй хамт хэрэглэдэг. Тиймээс илүү цэвэр хайлтын үр дүн нь лавлагааны сурах бичгийн жишээ биш, харин боловсронгуй нэгийг харуулах болно:

Гарчиг:"Index of /Personal/" -нэрүүд -заавар -банк

Сүүлийн жишээ

Нарийвчилсан хакер нь өөрт хэрэгтэй бүх зүйлээр өөрийгөө хангадгаараа бусдаас ялгардаг. Жишээлбэл, VPN бол тохиромжтой зүйл боловч үнэтэй эсвэл түр зуурын бөгөөд хязгаарлалттай байдаг. Ганцаараа бүртгүүлэх нь хэтэрхий үнэтэй юм. Бүлгийн захиалга байдаг нь сайн хэрэг бөгөөд Google-ийн тусламжтайгаар бүлгийн гишүүн болоход хялбар байдаг. Үүнийг хийхийн тулд ердөө л стандарт бус PCF өргөтгөлтэй, танигдах боломжтой Cisco VPN тохиргооны файлыг олоорой: Program Files\Cisco Systems\VPN Client\Profiles. Нэг хүсэлт, та жишээ нь, Боннын их сургуулийн найрсаг хамт олонтой нэгдээрэй.

Файлын төрөл: pcf vpn OR Group

МЭДЭЭЛЭЛ

Google тохиргооны файлуудыг нууц үгээр олдог боловч ихэнх нь шифрлэгдсэн эсвэл хэшээр солигддог. Хэрэв та тогтмол урттай мөрүүдийг харвал тэр даруй шифр тайлах үйлчилгээг хайж олоорой.

Нууц үгс нь шифрлэгдсэн хэлбэрээр хадгалагддаг боловч Морис Массард кодыг тайлах программыг аль хэдийн бичсэн бөгөөд үүнийг thecampusgeeks.com сайтаар үнэгүй хүргэж байна.

Google-ийн тусламжтайгаар олон зуун төрлийн халдлага, нэвтрэлтийн тестийг хийдэг. Түгээмэл программууд, мэдээллийн сангийн томоохон форматууд, олон тооны PHP эмзэг байдал, үүл гэх мэт олон сонголтууд байдаг. Яг юу хайж байгаагаа мэдэх нь өөрт хэрэгтэй мэдээллээ (ялангуяа олон нийтэд мэдээлэхийг хүсээгүй) авахад илүү хялбар болгодог. Шодан нь зөвхөн сонирхолтой санаанууд төдийгүй индексжүүлсэн сүлжээний нөөцийн мэдээллийн санд байдаг!

Сайтуудыг хөгжүүлэх, засвар үйлчилгээ, сурталчилгаа

"Хэвлэх боломжтой" вэб хуудсыг үүсгэ

Интернет дэх сайтуудыг үзэхдээ зочдод тэдэнтэй цаашид ажиллах, жишээлбэл, найз нөхөддөө дамжуулах эсвэл шаардлагатай мэдээллийг хадгалах зорилгоор зарим хуудсыг хэвлэдэг. Бүтээгдэхүүний тодорхойлолт, үнийн жагсаалт, байгууллагуудын холбоо барих хаяг бүхий хуудсуудыг ихэвчлэн хэвлэдэг.

Мэдээжийн хэрэг, командын тусламжтайгаар хөтчөөс шууд эх хуудсыг хэвлэх гэж хэн ч санаа зовохгүй байна Далайн хавэсвэл хослол CTRL+Pгэхдээ энэ нь хуудасны шаардлагагүй элементүүдийг хэвлэх болно - цэс, толгой хэсэг гэх мэт, энэ нь шаардлагатай мэдээллийг хүлээн авахад хэцүү болгодог. Үүнээс гадна, монохром принтер дээр хэвлэсэн өнгөт элементүүд нь ихэвчлэн тааламжгүй харагддаг.

Хэрэглэгчдэд тав тухтай байлгах үүднээс сайт хөгжүүлэгчид ихэвчлэн тусдаа хуудас үүсгэдэг - хэвлэх хувилбар, зөвхөн шаардлагатай бичвэр, хар, цагаан өнгийн зураг (саарал сүүдэр) болон харилцаа холбооны холбоо барих мэдээллийг үлдээдэг.

Ийм хуудсыг үүсгэхдээ шаардлагагүй гоёл чимэглэлийн элементүүдийг арилгаж, гипер холбоосыг энгийн текстээр сольж, үг, хэллэгийг өнгөөр ​​тодруулж, налуу эсвэл тодоор солих хэрэгтэй. Хуудасны дээд талд компанийн лого, нэр, утасны дугаар болон бусад харилцааны хэрэгслийг байрлуулах нь зүйтэй. Хэрэглэгч энэ хуудсыг хаанаас хэвлэсэнээ хайх шаардлагагүй тул сайтын нэрийг зааж өгөхөө мартуузай.

Хуудасны доод хэсэгт хаяг, утас, и-мэйл, ICQ, вэбсайтын URL гэх мэт бүрэн холбоо барих мэдээллийг зааж өгөх нь зүйтэй.

Үндсэн хуудаснаас очихын тулд хэвлэх хувилбарТа ямар ч тохиромжтой зураг, текстийг ашиглаж болно, жишээлбэл, энэ төрлийн:

Хуудас өөрөө хэвлэх боломжтой хувилбартовчлуурыг суулгахад тохиромжтой хэлбэр гэж үздэг Далайн хав,Энэ нь дарахад принтерийн тохиргооны цонх нээгдэнэ. Үүний тулд аргыг ашигладаг JavaScript window.print(); Энэ нь одоогийн цонхон дээрх вэб хуудсыг хэвлэгч рүү хэвлэдэг. Мөн үндсэн хуудас руу буцахын тулд холбоосыг нийтлэх нь зүйтэй юм.

Товчнууд нь энгийн холбоосоор чимэглэгдэж болно
Хэвлэх (код Хэвлэх) ба, гэхдээ илүү сонирхолтой - шошгыг ашиглан :

Энэ хослолын HTML код нь:



үндсэн хуудасны хаяг");" />

Аль ч тохиолдолд стандарт баримт хэвлэх цонх нээгдэх бөгөөд та өгөгдсөн жишээнүүдийн товчлуур дээр дарж үзэх боломжтой.

Эцэст нь хэлэхэд, таны бүтээгдэхүүн, үйлчилгээний тайлбарыг "хатуу хуулбар"-ыг хадгалсан зочдын тоог хянахын тулд хэвлэх хуудсан дээр статистикийн тоологч код оруулахаа бүү мартаарай, гэхдээ энэ өгөгдөл нь танд үргэлж таалагдахгүй байж магадгүй юм. Харамсалтай нь...

    "Сайтыг хөгжүүлэх, засварлах, сурталчлах" сэдвээр хэрэгтэй нийтлэлүүд

Үүнд тэрээр захиалгын дэлгэрэнгүй хуудсуудыг хэвлэмэл хэлбэрээр ашиглах боломжгүй гэдгийг онцлон тэмдэглэв.

Би энэ жиргээг хараад балмагдсан - Би хэвлэх хэв маягийг оновчтой болгосноос хойш удаан хугацаа өнгөрч байгааг ойлгосон бөгөөд шалгах талаар ч бодсонгүй.

Энэ нь миний сайтууд бүх хэмжээ, хэлбэрээрээ сайн ажиллахын тулд хөтчийн цонхны хэмжээг өөрчлөхөд их цаг зарцуулдагтай холбоотой юм уу, эсвэл би өөрөө хуудас бараг хэвлэдэггүйтэй холбоотой байж болох юм. Шалтгаанаас үл хамааран би хэвлэх хэв маягийн талаар бүрэн мартсан бөгөөд энэ нь муу юм.

Хуудсуудыг хэвлэснээр бид сайтыг хүрээлэн буй орчиноос үл хамааран аль болох хүртээмжтэй болгодог тул хэвлэхийн тулд вэб хуудсыг оновчтой болгох нь чухал юм. Бид хэрэглэгчид болон тэдний зан байдлын талаар таамаг дэвшүүлэх ёсгүй. Хүмүүс вэб хуудсуудыг хэвлэсээр байна. Нийтлэл, блог нийтлэл, жор, холбоо барих мэдээлэл, газрын зургийн сайтууд эсвэл үл хөдлөх хөрөнгийн жагсаалтыг бодоорой. Хэн нэгэн таны хуудсыг хэвлэх гэж оролдох нь гарцаагүй.

10 минут ажиллаад эвдэрчихдэг гэж үргэлж боддог байсан болохоор би гэрийн принтерээ аль эрт орхисон. Гэхдээ хүн бүр над шиг байдаггүй. - Хэйдон Пикеринг (Дизайн загваруудыг багтаасан)

Хэрэв та үүнтэй төстэй байр суурьтай байгаа бол энэ нийтлэл танд хурдан сэргээхэд тусална. Хэрэв та хуудсаа хэвлэхээр оновчтой болгоогүй бол дараах зөвлөмжүүд таныг эхлүүлэхэд тусална.

1. Хэвлэх загваруудыг холбох

Хэвлэх хэв маягийг оруулах хамгийн сайн арга бол @media удирдамжийг өөрийн CSS дээр зарлах явдал юм.

Body (фонтын хэмжээ: 18px; ) @media print ( /* хэвлэх загвар эндээс харагдана */ body (фонтын хэмжээ: 28px; ) )

Эсвэл та HTML-д хэв маягийг оруулж болно, гэхдээ энэ нь нэмэлт HTTP хүсэлтийг шаардах болно.

2. Туршилт

Загварын жижиг өөрчлөлт хийх бүртээ хуудас хэвлэх шаардлагагүй. Хөтөчөөс хамааран та хуудсыг PDF рүү экспортлох, хэвлэхийг урьдчилан харах эсвэл хөтөч дээр шууд дибаг хийх боломжтой.

Firefox дээр хэвлэх хэв маягийг дибаг хийхийн тулд хөгжүүлэгчийн хэрэгслийн самбарыг (Shift + F2 эсвэл Tools > Web Developer > Developer Toolbar) нээгээд, оруулах талбарт media emulate print гэж бичээд enter дарна уу. Идэвхтэй таб нь зөөвөрлөгчийн төрлийг дахин ачаалах хүртэл хэвлэсэн мэт ажиллах болно.

Firefox дээр хэвлэх хэв маягийг дуурайх

Chrome-д хөгжүүлэгчийн хэрэгслүүдийг (CMD + Opt + I (macOS) эсвэл Ctrl + Shift + I (Windows) эсвэл Харах > Хөгжүүлэгч > Хөгжүүлэгчийн хэрэгсэл) нээгээд консолыг гаргаж ирээд дүрслэх самбарыг нээгээд Эмуляцаас Хэвлэхийг сонгоно уу. CSS Media цэс.

Chrome дээр хэвлэх хэв маягийг дуурайж байна

3. Үнэмлэхүй хэмжилтийн нэгж

Үнэмлэхүй нэгж нь дэлгэцэн дээр муу боловч хэвлэхэд тохиромжтой. Тэдгээрийг хэвлэх хэв маягт ашиглах нь туйлын аюулгүй бөгөөд см , мм , in , pt , эсвэл pc зэрэг нэгжүүдийг ашиглахыг зөвлөж байна.

Хэсэг (доод талын зах: 2см; )

4. Хуудасны тусгай дүрэм

Та @page удирдамжийг ашиглан хуудасны хэмжээ, чиг баримжаа, дэвсгэр зэрэг хэвлэсэн хуудсанд хамаарах шинж чанаруудыг тохируулж болно. Хэрэв та бүх хуудсыг тодорхой доголтой байлгахыг хүсвэл энэ нь маш тохиромжтой.

@media хэвлэх ( @хуудас ( захын зай: 1см; ) )

@page заавар нь Paged Media Module-ийн техникийн үзүүлэлтүүдийн нэг хэсэг бөгөөд хэвлэх эхний хуудас эсвэл хоосон хуудас сонгох, хуудасны буланд байрлах элементүүдийг байрлуулах гэх мэт гайхалтай зүйлстэй. Үүнийг ном хэвлэхэд ч ашиглаж болно.

5. Хуудасны завсарлагыг удирдах

Хэвлэсэн хуудаснууд нь вэб хуудсуудаас ялгаатай нь эцэс төгсгөлгүй биш тул хуудасны хооронд агуулга тасрах болно. Энэ нь хэрхэн болж байгааг хянах 5 өмч бидэнд бий.

Элементийн өмнөх хуудасны завсарлага.

Хэрэв бид тухайн элементийг үргэлж хуудасны эхэнд байлгахыг хүсвэл хуудасны эвдрэлийн өмнөх дүрмийг ашиглан хуудасны эвдрэлийг хэрэгжүүлэх боломжтой.

Хэсэг (хуудас таслахаас өмнө: үргэлж; )

Элементийн дараа хуудасны завсарлага.

Хуудас таслах дүрэм нь элементийн дараа хуудас таслахыг албадах эсвэл идэвхгүй болгох боломжийг бидэнд олгодог.

H2 (хуудасны дараа: үргэлж; )

Элемент доторх хуудасны завсарлага

Хэрэв та элемент доторх хуудасны завсарлага авахаас зайлсхийх шаардлагатай бол энэ өмч хэрэг болно.

Ul (хуудас задлах: зайлсхийх; )

Бэлэвсэн эхнэр, өнчин хүүхдүүд (өлгөөтэй утас)

Заримдаа хуудасны завсарлага дээр хяналт тавих шаардлагагүй, гэхдээ одоогийн хуудсан дээр хэдэн мөр гарч ирэх, дараагийн хуудсанд хэдэн мөр гарч ирэхийг хянах нь чухал юм. Жишээлбэл, догол мөрний сүүлчийн мөр нь одоогийн хуудсанд тохирохгүй байвал энэ нь дараагийн хуудас руу эцсийн өмнөх хуудастай хамт орооно. Учир нь харгалзах widows шинж чанар нь анхдагчаар 2 байна. Бид үүнийг өөрчилж болно.

P (бэлэвсэн эмэгтэйчүүд: 4; )

Хэрэв бид энэ асуудлын нөгөө талтай тулгарвал одоогийн хуудсан дээрх догол мөрний зөвхөн эхний мөр байвал дараагийн хуудаснаас бүх догол мөр эхэлнэ. Үүнийг өнчин хүүхдийн өмч хариуцах бөгөөд өгөгдмөл утга нь 2 байна.

P ( өнчин хүүхэд: 3; )

Энэ код нь догол мөр нь дараагийнх руу орохгүйн тулд одоогийн хуудсан дээр дор хаяж 3 мөр багтах ёстой гэсэн үг юм.

Эдгээр бүх шинж чанар, утгууд нь бүх хөтөч дээр ажилладаггүй тул та өөр өөр хөтөч дээр хэвлэх хэв маягийг шалгах хэрэгтэй.

6. Загваруудыг дахин тохируулах

Хэвлэхийн тулд дэвсгэр-өнгө, хайрцаг-сүүдэр, өнгө зэрэг зарим хэв маягийг дахин тохируулах нь зүйтэй юм.

*, *: өмнө, *: дараа, *: эхний үсэг, p: эхний мөр, div: эхний мөр, блок ишлэл: эхний мөр, li: эхний мөр ( дэвсгэр: ил тод ! чухал; өнгө: #000 ! чухал; хайрцаг-сүүдэр: байхгүй ! чухал; текст-сүүдэр: байхгүй ! чухал; )

Хэвлэх хэв маяг нь !important түлхүүр үгийг ашиглахад тохиромжтой цөөн тооны үл хамаарах зүйлүүдийн нэг юм.

7. Нэмэлт контентыг устгах

Бэхийг дэмий үрэхээс зайлсхийхийн тулд хэвлэх, зар сурталчилгаа, навигаци гэх мэт шаардлагагүй зүйлсийг арилгах хэрэгтэй. дэлгэцтэй: өмч байхгүй.

Та үндсэндээ зөвхөн үндсэн агуулгыг харуулж, бусад бүх зүйлийг нууж болно:

Үндсэн хэсэг > *:not(main) (дэлгэц: байхгүй; )

8. Холбоосын хаягуудыг хэвлэх

A:дараа (агуулга: "(" attr(href) ")"; )

Мэдээжийн хэрэг, бүх зүйлийг ийм байдлаар харуулах болно: харьцангуй холбоос, үнэмлэхүй холбоос, зангуу гэх мэт. Дараахь сонголт илүү сайн ажиллах болно.

A: Not(): дараа ( агуулга: " (" attr(href) ")"; )

Галзуу харагдаж байна, би мэднэ. Эдгээр мөрүүдийн ажиллах арга нь http-ээр эхэлсэн боловч манай mywebsite.com руу заагаагүй аль нэг холбоосын хажууд href атрибутын утгыг харуулах явдал юм.

9. Товчлолын хуулбарыг хэвлэх

Товчлолыг элементээр ороосон байх ёстой гарчгийн шинж чанарт тайлбартай. Үүнийг хэвлэх нь утга учиртай.

Товчлол:дараа (агуулга: "(" attr(гарчиг) ")"; )

10. Арын дэвсгэр хэвлэх

Ихэвчлэн хөтчүүд таныг тодорхой хэлээгүй л бол дэвсгэрийн өнгө, дэвсгэр зургийг хэвлэдэггүй. Зарим хөтчүүдийн анхдагч тохиргоог хүчингүй болгох боломжийг олгодог стандарт бус хэвлэх өнгө тохируулах шинж чанар байдаг.

Толгой хэсэг (-webkit-print-color-adjust: яг; хэвлэх-өнгөт-тохируулах: яг; )

11. Хэвлэл мэдээллийн асуулга

Хэрэв та дараах жишээн дээрх шиг медиа асуулга бичих бол хэвлэх үед энэ медиа асуулгын хэв маягийг ашиглахгүй гэдгийг анхаарна уу.

@media дэлгэц ба (мин-өргөн: 48em) ( /* зөвхөн дэлгэц */ )

Та яагаад гэж асуух болно? Учир нь CSS-ийн дүрмүүд зөвхөн хоёр нөхцөл хангагдсан тохиолдолд л хэрэгжинэ: мин-өргөн нь 48em , медиа төрөл нь дэлгэц юм. Хэрэв бид дэлгэцийн түлхүүр үгээс ангижрах юм бол медиа асуулга нь зөвхөн хамгийн бага өргөний утгыг авч үзэх болно.

@media (мин-өргөн: 48em) ( /* бүх медиа төрөл */ )

12. Карт хэвлэх

Firefox болон Chrome-ын одоогийн хувилбарууд газрын зураг хэвлэх боломжтой боловч Safari нь тийм биш юм. Зарим үйлчилгээ нь эх газрын оронд хэвлэх боломжтой статик газрын зургийг өгдөг.

Газрын зураг ( өргөн: 400px; өндөр: 300px; арын зураг: url("http://maps.googleapis.com/maps/api/staticmap?center=Wien+Floridsdorf&zoom=13&scale=false&size=400x300&maptype=roadmap=revisual&visual" "); -webkit-print-color-ajust: яг; хэвлэх-өнгөт-тохируулах: яг; )

13. QR кодууд

Нэмэлт 2: Гутенберг

Хэрэв та хүрээ хайж байгаа бол хуудасны оновчлолыг арай хялбар болгодог Гутенберг танд таалагдаж магадгүй юм.

Нэмэлт 3: Хартижа

Энэ бол хэвлэх хэв маягийн өөр нэг хүрээ юм

Ихэнхдээ сайтуудаас олж болно хуудасны хэвлэх боломжтой хувилбар. Олон хүмүүс үүнийг хөтөч дээр суулгасан зүйл эсвэл үүнийг хийхэд маш хялбар гэж боддог. Үнэндээ энэ нь огт үнэн биш юм. Хэвлэх хувилбар нь ердийн хуудас юмчамд хэрэгтэй зүйл өөрийнхөөрөөхийх.

Та энэ нийтлэлийн хэвлэх боломжтой хувилбарыг харж болно. Үнэндээ тэнд юу харуулах ёстой вэ? Өгүүллийн гарчиг, хэсэг, ангилал, зохиогч, текст өөрөө, огноо. Энэ бүх зүйлийг энэ хуудсан дээр харуулав. Танд цэс, хайлтын маягт, янз бүрийн блок хэрэгтэй юу? Тийм учраас тэгдэггүй гэж би бодохгүй байна.

Мөн хэвлэх хувилбарын өргөн эсэхийг шалгаарай 650px-ээс хэтрэхгүй, эс бөгөөс хөтөч ирмэгийг нь таслаж болзошгүй.

Тэгэхээр та үүнийг аль хэдийн ойлгосон байх хэвлэх хувилбарТа хэрэглэгчдэд яг юу хэрэгтэй байгааг харуулах хэрэгтэй. Одоо яаж хийх талаар.

Байна 2 сонголт: тусдаа хуудас үүсгэж, тусдаа загварын хуудас үүсгэ. Эхний сонголт бол ойлгомжтой гэж би бодож байна. Өөр хуудас үүсгэ хэвлэх хувилбартайүндсэн хуудсан дээр та энэ хэвлэсэн хувилбарын холбоосыг өгнө. Хэрэглэгч үүнийг дагаж мөрддөг "Файл"->"Хэвлэх"тэр үүнийг хэвлэх болно.

Хоёрдахь сонголт нь бүх шаардлагагүй блокуудыг нуух тусдаа загварын хуудас үүсгэх явдал юм дэлгэц: байхгүй;) болон гаралтын агуулгад тохирох хэмжээсийг тохируулна. Дараа нь ийм загварын файлыг дараах байдлаар холбоно.

Одоо хэрэглэгч энэ хуудсыг хэвлэхийг хүсвэл харсан зүйлээ хэвлэхгүй, харин дотор нь бичсэн зүйлийг хэвлэх болно print.css. Үнэн хэрэгтээ хэрэглэгч хуудсыг нэг талаас, хэвлэгч нь огт өөр байдлаар хардаг.

Ийм л арга байна хэвлэх боломжтой хувилбарыг үүсгэж байнасайтын аль ч хуудас.

Хэвлэх хуудас үүсгэхэд хэцүү юм шиг санагдаж байна уу? Бид зүгээр л тексттэй, гэхдээ ямар ч загваргүйгээр ижил баримт бичгийг үүсгэж, ердийн хуудаснаас үүнтэй холбоно. Гэвч хайлтын системүүд давхардсан контентын шүүлтүүрийг нэвтрүүлсэн бөгөөд вэбмастерууд хэвлэх боломжтой хуудсыг индексжүүлэхээс нуух шаардлагатай болдог. Нэмж дурдахад сайтын зочдод тийм ч тохиромжтой биш байдаг, учир нь тэд эхлээд дизайны элементгүй хуудасны хуулбар руу орж, "Хэвлэх" товчийг дарах хэрэгтэй.

Энд CSS хэрэг болох бөгөөд энэ нь вэбмастеруудын ажлын хэмжээг бууруулж, зочдод сайтыг ашиглахад хялбар болгохоос гадна давхардсан контентыг хайлтын системээс торгуулахаас зайлсхийх болно.

Хуудасны бүтэц

Тиймээс эхлээд HTML хэлээр баримтынхаа бүтцийг бүтээцгээе. Жишээлбэл, би үүнийг ойлгоход хялбар болгохын тулд хүснэгт хэлбэрээр ашиглахаар шийдсэн.

Өгүүллийн гарчиг
Навигац
Үндсэн хуудас
Нийтлэл
Харилцагчид

Өгүүллийн гарчиг

Энэ хуудсыг хэвлэх боломжтой. Зөвхөн нийтлэлийн текстийг хэвлэнэ.

Таны зар энд байж болно

Таны харж байгаагаар бид хэвтээ байрлалтай гурван нүдтэй хүснэгттэй байна. Бүх зүйл ердийн сайт шиг: зүүн талд навигаци, дунд нь контент, баруун талд зар сурталчилгааны блок эсвэл мэдээ. Нүд бүрт өөрийн ID-г өгсөн. Зүүн талын хувьд энэ нь зүүн багана, баруун талд баруун багана, дунд хэсгийн агуулгын нүдний хувьд контент байна.

CSS нэмж байна

Одоо CSS ашиглан хөтчид хуудасны элементүүдийг дэлгэцэн дээр харуулахын тулд ямар хэв маягийг ашиглах, хэвлэхдээ алийг нь ашиглах ёстойг хэлэх хэрэгтэй. style.css-г үүсгээд тэнд дараахыг бичнэ үү:

@media дэлгэц ( их бие ( дэвсгэр өнгө: #0B73BD; үсгийн гэр бүл: тахома; өнгө: #FFFFFF; ) хүснэгт ( өргөн: 600px; ) #зүүн багана (өргөн: 140px; босоогоор зэрэгцүүлэх: дээд; үсгийн хэмжээ: 15px ; ) #баруун багана (өргөн: 110px; босоогоор зэрэгцүүлэх: дээд; үсгийн хэмжээ: 15px; ) #контент (арын дэвсгэр өнгө: #32AADB; дэвсгэр: 5px; үсгийн хэмжээ: 15px; ) a (өнгө: #FFFF00; ) ) @media print ( их бие ( дэвсгэр өнгө: #FFFFFF; үсгийн гэр бүл: tahoma; өнгө: #000000; ) #контент (арын дэвсгэр өнгө: #FFFFFF; дэвсгэр: 5px; үсгийн хэмжээ: 15px; өнгө: # 000000; өргөн: 600 пиксел; ) #зүүн багана (дэлгэц: байхгүй; ) #баруун багана (дэлгэц: байхгүй; ) )

CSS кодын эхний блок нь хөтөч дээр хуудасны элементүүдийг хэрхэн харуулахыг тайлбарладаг. Блокыг нэмэлт буржгар хаалтанд авсан бөгөөд үүнээс өмнө бид @media дэлгэцийг нэмсэн. Энэ нь хөтчид эдгээр хэв маягийг харуулахын тулд хэрэглэх шаардлагатайг хэлдэг:


Хөтөч дээр үзэхэд хуудас иймэрхүү харагдаж байна

Хоёрдахь блок нь эхнийхтэй ижил хуудасны элементүүдийг харуулахыг дүрсэлсэн боловч энэ тохиолдолд баримт хэвлэх үед харагдах хэлбэрээр байх бөгөөд @media print параметрээр тэмдэглэгдсэн болно. Бид зөвхөн хэрэгцээтэй контентыг хэвлэхийг хүсэж байгаа тул зүүн (#зүүн багана) ба баруун (#баруун багана) нүднүүдийг харуулахгүй байхаар тохируулж: үгүй.


Сайтын хуудасны хэвлэсэн хувилбар иймэрхүү харагдаж байна

Тусдаа загварын файлууд

Бүх зүйлийг нэг загварын файлд нэгтгэх шаардлагагүй. Үүний оронд та хоёр загварын файлыг ашиглаж болох бөгөөд тэдгээрийг сайтын хуудсуудтай холбохдоо хэвлэхдээ аль загварын файлыг ашиглах, аль нь дэлгэц дээр харуулахыг хөтөчдөө хэлж болно. Эхнийх нь (дэлгэцийн гаралтын хувьд) media="screen" параметрээр тодорхойлогддог бөгөөд хоёр дахь нь хэвлэхэд ашиглагдах бөгөөд media="print" параметрээр тодорхойлогддог:

Үлдсэн бүх зүйлийн дараа хэвлэх хэв маягийг тайлбарлах ёстой, эс тэгвээс Opera нь бидний хэвлэхээр сонгосон цагаан өнгийг биш харин хөтчөөс гаргахад зориулагдсан өнгөт дэвсгэрийн хамт агуулгын блокийг хэвлэх болно.

Мөн хэвлэхдээ бид агуулгын блокийн өргөнийг 600px болгон багасгадаг, учир нь 100% өргөнтэй үед хэвлэгч хуудасны баруун талд байгаа жижиг зурвасыг "тасалдаг". Opera-ээс хэвлэх үед хуудасны ирмэг дээрх догол нь Internet Explorer-ээс арай бага, цаасан дээрх текстийн мөрүүд илүү өргөн байдаг гэдгийг анхаарна уу.

Одоо та хэвлэх нэмэлт хуудас үүсгэх шаардлагагүй болсон. Та хуудас хэвлэх боломжийн талаар хэрэглэгчдэд мэдэгдэх боломжтой, жишээлбэл, "хэвлэх" гэсэн тексттэй холбоосыг ашиглан, дарахад одоогийн хуудсыг дизайнгүйгээр шууд хэвлэх боломжтой гэсэн мессеж бүхий зөвлөмж гарч ирнэ.

Нийтлэлийг хуулбарлахыг хориглоно.