CSS kod ishlab chiqaruvchisi juda qulay vosita bo'lib, u veb-ishlab chiquvchiga ko'p vaqtni tejaydi va keraksiz xatolardan himoya qiladi. Bundan tashqari, sizning kodingiz yanada o'qilishi mumkin bo'ladi. Ushbu maqolada biz foydali deb hisoblagan bir qator CSS kod generatorlarini tanladik.

CSS bosish diagrammasi

CSS CheatSheet

Spritebox

Piksel xaritasi generatori

Toza CSS

CSS Animate

Xo'sh, bolalar, animatsiya? CSS-da o'tishlarni qo'llang va o'ynang.

UI gradientlari

KUTMOQ! Jonlantirish

CSS animatsiyalari orasida takrorlanuvchi pauzalarni yaratish hech qachon oson ish bo'lmagan. Ammo ushbu dastur yordamida protseduraning murakkabligi nolga kamayadi.

CSS3 generatori

CSS turlari to'plami

Turli xil shriftlar qanday ko'rinishini ko'rishni xohlaysizmi? CSS Type Set-ga o'ting. Sizga kerak bo'lgan yagona narsa - matn kiritish va shrift parametrlarini tanlash.

CSS-dan rohatlaning

Moslashuvchan qutilar

Agar siz flexbox-ga boshingizni qaratishda muammoga duch kelsangiz, Flexy Box-ni sinab ko'ring. Ushbu ilovada siz flexbox va sintaksis talqinlarining turli versiyalarini solishtirishingiz mumkin.

CSS kod ishlab chiqaruvchisi juda qulay vosita bo'lib, u veb-ishlab chiquvchiga ko'p vaqtni tejaydi va keraksiz xatolardan himoya qiladi. Bundan tashqari, sizning kodingiz yanada o'qilishi mumkin bo'ladi. Ushbu maqolada biz foydali deb hisoblagan bir qator CSS kod generatorlarini tanladik.

CSS bosish diagrammasi

CSS CheatSheet

Spritebox

Piksel xaritasi generatori

Toza CSS

CSS Animate

Xo'sh, bolalar, animatsiya? CSS-da o'tishlarni qo'llang va o'ynang.

UI gradientlari

KUTMOQ! Jonlantirish

CSS animatsiyalari orasida takrorlanuvchi pauzalarni yaratish hech qachon oson ish bo'lmagan. Ammo ushbu dastur yordamida protseduraning murakkabligi nolga kamayadi.

CSS3 generatori

CSS turlari to'plami

Turli xil shriftlar qanday ko'rinishini ko'rishni xohlaysizmi? CSS Type Set-ga o'ting. Sizga kerak bo'lgan yagona narsa - matn kiritish va shrift parametrlarini tanlash.

CSS-dan rohatlaning

Moslashuvchan qutilar

Agar siz flexbox-ga boshingizni qaratishda muammoga duch kelsangiz, Flexy Box-ni sinab ko'ring. Ushbu ilovada siz flexbox va sintaksis talqinlarining turli versiyalarini solishtirishingiz mumkin.

a! Siz generatorlardan foydalanasizmi? CSS3 yoki HTML5? Agar yo'q bo'lsa, ehtimol sinab ko'rishga arziydi :) Tasavvur qiling-a, siz tugmachalar, bloklardagi burchaklar, soyalar, gradientlar va boshqalar uchun uslublarni qo'lda tasvirlashdan voz kechishingiz mumkin, shuningdek HTML5. Nega har safar yangi loyiha yaratganingizda bir xil kodni yozishingiz kerak, agar siz katakchalardagi parametrlarni "to'ldirishingiz" mumkin bo'lsa, tugmani bosing va tayyor manba kodini oling va agar kerak bo'lsa, uni tuzating!
Ushbu maqolada men sizga bunday generatorlar tanlovini ko'rsataman. Ko'pincha bu CSS3 generatorlari va HTML5 uchun juftlik bo'ladi. Xizmat veb-saytiga o'tish uchun - Xizmat nomini bosing!

CSS3 generatorlari:

CSS3.me

Eng yaxshi generatorlardan biri. Muallif Erik Xoffman. Yaxlitlash, soya, gradient va shaffoflikni o'zgartirish va o'rnatish mumkin - eng ko'p ishlatiladigan effektlar.

CSS3 yaratuvchisi

Deyarli hamma narsa bor va biroz ko'proq. Siz @shrift yuzini, animatsiyani, quti soyasini, matn soyasini, matnni aylantirishni, o'zgartirishni, gradientlarni, yaxlitlashni va boshqa ko'p narsalarni sozlashingiz mumkin.

CSS3 generatori

Oldingi generator bilan taxminan bir xil funktsiyaga ega. Siz ochiladigan ro'yxatdan qiziq narsani tanlashingiz va asosiy ma'lumotlarni kiritishingiz kerak.

Webestools soya generatori

Soya generatori. Faqat soyalarni sozlash mumkin: rang, ofset, loyqalik, ichki yoki tashqi soya va boshqalar.

Tugma generatorlari

CSS3 tugma generatori

Qiziqarli generator. O'ng tomonda bitta katta tugma - manipulyatsiya natijasi, chap tomonda esa sozlamalar mavjud. Siz soyalar, chegara, rang va boshqalarni boshqarishingiz mumkin. Drag va drop slayderlari veb-sayt yaratishda yangi bo'lganlar uchun juda yaxshi. Sizning harakatingizga reaktsiyani darhol ko'rishingiz yaxshi, shundan qaysi sozlama nima uchun javobgar ekanligini tushunishingiz mumkin.

CSS3-Tricks Button Maker

Ushbu tugma generatori biroz sodda. Butun tugmani yaratish jarayoni slayderlarni sudrab borishga asoslangan. Bu erda garov fonda, ya'ni tugma ranglari bilan o'ynaydi.

CSS3 Button.net

Bu hali yomon tugma generatori emas. Siz tugma fonini, hoshiyani, tashqi soyani, ichki soyani, hajmini, matn rangini va matn soyasini sozlashingiz mumkin. O'ngdagi blokga o'zgartirish kiritganingizda, kod darhol o'zgaradi.

Chegara tasviri va radius generatori

Chegara-radius

Juda oddiy funksionallik: siz faqat burchaklarni yaxlitlashni sozlashingiz mumkin, lekin keyin har bir burchakni alohida.

Chegara tasviri

O'rganish biroz qiyin, lekin agar siz rasmda chegara yaratishingiz kerak bo'lsa, unda bu vosita to'g'ri! Siz rasmingizni tanlaysiz, chegara o'lchamini tanlash uchun slayderlardan foydalaning, hatto har bir chegara uchun fonni oshirishingiz mumkin ... shuningdek, tasvirni takrorlash usuli. Va kod pastdan yaratiladi.

CSS3 gradient generatori

Colorzilla Gradient muharriri

Mana juda ajoyib gradient generatori. Ko'p sonli tayyor rangli to'plamlar mavjud, ammo siz o'zingiz ham tanlashingiz mumkin. Gradient turi o'rnatiladi: gorizontal, vertikal va boshqalar. Hatto IE uchun ham qo'llab-quvvatlash mavjud.

HTML5 generatorlari

HTML5 ★ QO'LQON

Ushbu generator yordamida siz turli xil brauzerlar uchun to'liq optimallashtirilgan shablon shablonini olasiz. Menga bu generator juda yoqdi, men uni hozir ishlataman. Barcha "hiylalar" bilan tanishish uchun ushbu loyihaga tashrif buyuring, ayniqsa hamma narsa rus tilida.

Shikiryu HTML5 generatori avvalgisidan biroz murakkabroq. Bizga sahifaning sarlavhasi va tavsifini kiritish, CSS ramkasini, CSS tugma uslublarini, kutubxonani, analitikani va boshqalarni ulash imkonini beradi.

Initializr - bu HTML5 shablon generatori bo'lib, u sizga yangi loyihani boshlashingizga yordam beradi. Initializr siz uchun toza, moslashtirilgan shablonni yaratadi. Tanlangan parametrlar quyidagilardir: asosiy ramka, server parametrlari (.htaccess, nginx.conf, web.config), jQuery ulanishi, google analytics, tanlov va boshqalar.

Bu oddiy generator. Bizdan sahifada qaysi elementlar bo'lishini tanlashimiz, shuningdek, bir nechta variantni belgilashimiz so'raladi.

Hammasi shu, agar siz yaxshi HTML5 yoki CSS3 generatorlarini bilsangiz, sharhlarda ular haqida yozing :)

Eng so'nggi maqolalar va darslardan xabardor bo'lish uchun obuna bo'ling

Ushbu oddiy on-layn sayt sahifasi generatori sizga oddiy matn muharriridagi kabi saytingiz uchun sahifalar yaratish imkonini beradi. U veb-sahifaning tanasida barcha kerakli HTML teglarini yaratishi mumkin. Veb-sayt sahifalari uchun html kodining ushbu generatori veb-sayt sahifalarini yaratishni ko'p marta tezlashtiradi.

Sayt sahifasi generatoridan foydalanish bo'yicha ba'zi eslatmalar

Ushbu sayt sahifasi generatori sahifaning html kodini ishlab chiqaradigan ma'noda vizualdir, shuning uchun siz ushbu generator bilan ishlayotgan brauzerda sahifa muharrir oynasida ko'rganingizdek ko'rsatiladi. Ushbu muharrir-generator faqat belgilash kodlarini, ya'ni faqat HTMLni yaratadi. U JavaScript yoki PHP kabi dasturlash tillarida skript yaratish uchun mo'ljallanmagan.

Ushbu muharrir HTML belgilash tilini endigina o'rganishni boshlayotgan boshlang'ich veb-ustalar uchun mo'ljallangan. Ammo tajribali veb-sayt quruvchilar uchun kichik sahifalar yoki sahifa shablonlarini tezda yaratish foydali bo'ladi. Ajam veb-ustalar sahifa dizayniga kiritilgan o'zgarishlarni sahifaning html belgilaridagi o'zgarishlarda qanday aks etishi bilan tezda solishtirish qobiliyatiga jalb qilinadi. Ushbu tezkor taqqoslash sizga HTMLni imkon qadar tez va samarali o'rganish imkonini beradi.

Ushbu muharrir juda katta matn va ko'p sonli "og'ir" tasvirlar bilan ishlash uchun mo'ljallanmagan. Agar siz ushbu muharrirda juda katta matn va/yoki katta hajmli tasvirlar bilan veb-sahifa yaratmoqchi bo'lsangiz, avvalo to'liq veb-sahifa shablonini yaratib, natijada olingan html kodni veb-sahifa fayliga ko'chirgan ma'qul va shundan keyingina veb-sahifani kiriting. u erda uzun matn va rasmlarga havolalar. Esda tutingki, ushbu muharrir professional muharrir emas va birinchi navbatda havaskorlar va yangi boshlanuvchilar uchun mo'ljallangan. Uning asosiy maqsadi yangi boshlanuvchilarga veb-sayt yaratishni o'rganishga yordam berishdir.

Foydalanish bo'yicha ko'rsatmalar

Agar siz MS Word kabi matn muharrirlaridan foydalangan bo'lsangiz, ushbu veb-sahifa generatorini o'zlashtirishda hech qanday qiyinchiliklarga duch kelmaysiz. Ushbu muharrirdan veb-sahifaning asosiy qismini noldan yaratish yoki mavjud veb-sahifani tahrirlash uchun foydalanish mumkin.

Agar siz o'z sahifangizni noldan yaratishni boshlasangiz, muharrir oynasida mening boshlang'ich matnimni o'chirishingiz va u erda matn, rasmlaringizni kiritishni va o'zingizning formatlashni boshlashingiz kerak. Ish tugagach, muharrir ekranining pastki qismidagi "Kod" tugmasini bosishingiz va olingan kodni veb-sahifangiz fayliga nusxalashingiz kerak. Va bu faylni saqlang. E'tibor bering, olingan kodlarni faqat veb-sahifaning tanasiga, ya'ni faqat teglar orasiga ko'chirishingiz kerak Va

. Teglarning o'zi tanasi muharrir tomonidan yaratilmagan.

Agar siz biron bir tayyor veb-sahifani, masalan, siz yaratmagan yoki uzoq vaqt oldin yaratgan veb-sahifani tahrirlashni xohlasangiz, muharrir ekranining pastki qismidagi "Kod" tugmasini bosishingiz kerak, muharrir oynasidan mening barcha boshlang'ich kodlarimni olib tashlang va veb-sahifa faylidan kodlarni ko'chiring. E'tibor bering, siz faqat mavjud veb-sahifaning asosiy qismidan kodlarni, ya'ni teglar orasidagi kodlarni nusxalashingiz kerak. Va

. Teglarning o'zi tanasi muharrirga nusxalash shart emas. Keyin vizual tahrirlash rejimiga qaytishingiz kerak. Buning uchun muharrir oynasining pastki qismidagi "Dizayn" tugmasini bosing va sahifa ko'rinishiga o'zgartirishlar kiritishni boshlang.

Ushbu muharrirda veb-sahifaning asosiy qismini ikki xil usulda tahrirlash mumkinligi aniq. "Dizayn" rejimida vizual tarzda tahrirlang yoki "Kod" rejimida to'g'ridan-to'g'ri kodda tahrirlang. Shuning uchun, yangi boshlanuvchilar uchun ushbu muharrir o'rganish uchun juda foydali. Vizual rejimda veb-sahifaga kichik o'zgarishlar kiritishingiz va kodni tahrirlash rejimiga o'tish orqali kod qanday o'zgarganligini darhol ko'rishingiz mumkin. Yoki aksincha, siz kodni tahrirlash rejimida veb-sahifa kodiga kichik o'zgarishlar kiritishingiz va vizual tahrirlash rejimiga (yoki "Ko'rib chiqish" tugmasi yordamida ko'rish rejimiga) o'tish orqali veb-sahifangiz qanday o'zgarishini darhol ko'rishingiz mumkin.

Asosiy matn tahrirlash

Yuqori menyu satrida umumiy matnni tahrirlash uchun tugmalar mavjud. Ular boshqa har qanday matn muharrirlarida qabul qilinadigan standart belgilarga ega. Shuning uchun, keling, ularga qisqacha to'xtalib o'tamiz.

Hamma narsa juda oddiy ishlaydi. Matnning qaysidir qismini tanlaysiz va yuqori menyu tugmachasini bosasiz, shunda matnning bu qismi mos ravishda formatlanadi. Yoki, agar hech narsa tanlanmagan bo'lsa, u mos keladigan tugma rejimiga o'tadi, ya'ni matn yozishni davom ettirsangiz, matn siz yoqqan tugma rejimida yoziladi.

Bundan tashqari, har qanday matn muharririda bo'lgani kabi, faqat butun paragrafga tegishli rejimlar va paragrafning bir qismiga qo'llanilishi mumkin bo'lgan rejimlar mavjud.

Menyuning yuqori qismidagi barcha tugmalarning joylashish tartibi bo'yicha qisqacha tavsifi:

• Paragraf. Sarlavha darajasini tanlaydi. Butun paragraf uchun amal qiladi.
• Shriftlar.
• Shrift hajmi.
• Shrift rangi.
• Qalin shrift.
• Kursiv shrift.
• Tagi chizilgan shrift.
• Chizilgan shrift.
• Chapga tekislang. Butun paragraf uchun amal qiladi.
• Markazlash. Butun paragraf uchun amal qiladi.
• O'ngga tekislang. Butun paragraf uchun amal qiladi.
• Ikki tomonlama tekislash. Butun paragraf uchun amal qiladi.
• Gorizontal chiziq. Bu na paragraf, na paragrafning bir qismi. Bu shunchaki butun kenglik bo'ylab gorizontal chiziqni kiritishdir.
• Yuqori yozuv.
• Subscript.

Asosiy html tahrirlash

O'rta menyu satrida veb-sahifani odatiy tahrirlash uchun ikkala tugma va oddiy muharrirlar uchun xizmat tugmalari mavjud.

Menyuning yuqori qismidagi barcha tugmalarning joylashuvi tartibida tavsifi:

• Giperhavola yaratish. Sichqoncha yordamida bosilganda sizni boshqa veb-sahifaga olib boradigan matn yoki rasmni tanlashni unutmang. Tanlangandan so'ng, menyu tugmasini bosing va o'tish joyini (URL) va o'tish shartlarini (maqsadini) ko'rsatishingiz kerak bo'lgan oynani oching. Siz quyidagi shartlarni belgilashingiz mumkin:
  • Bo'sh. Odatiy bo'lib, xuddi shu oynada yangi sahifa ochiladi.
  • _bo'sh. Yangi sahifa yangi brauzer oynasida (yoki brauzeringizning maxsus sozlamalariga qarab yangi brauzer yorlig'ida) paydo bo'ladi.
  • _ota-ona. Yangi sahifa asosiy brauzer oynasida (yoki yorliqda) ko'rsatiladi. Agar ota-oyna (yoki yorliq) bo'lmasa, bu _self holatining analogidir.
  • _o'zini. Yangi sahifa havola joylashgan oynada ko'rsatiladi. Bu "Bo'sh" rejimiga o'xshaydi.
  • _yuqori. Agar sayt sahifasi hoshiyalangan bo'lsa (ya'ni bir nechta oynalarga bo'lingan), u holda yangi sahifa butun brauzer oynasida ko'rsatiladi. Odatdagidek, bu ham _self rejimining analogidir.
  Iltimos, shuni esda tutingki, siz giperhavola olib boradigan yangi sahifaning manzilini to'liq shaklda ko'rsatishingiz kerak, masalan "http://site.ru" yoki "http://site.ru/page.html". Aks holda, ushbu giperhavolani qayta tahrir qilmoqchi bo'lganingizda, bu muharrir sayt manzilini topa olmaydi va sukut bo'yicha mening saytim manzilini almashtiradi. "http://sayt" sahifangiz nomidan oldin.
• Giperhavolani bekor qilish. Giperhavolaning BARCHA matnini tanlang. Agar siz giperhavola matnining faqat bir qismini tanlasangiz, tanlanmagan qismi giperhavola bo'lib qoladi. Masalan, giperhavola matnining faqat markaziy qismi tanlangan bo'lsa, tanlanmagan matnlarda bir xil adresli ikkita giperhavola hosil bo'ladi.
• Rasm kiritish. Kursorni rasm bo'lishi kerak bo'lgan joyga qo'ying va tugmani bosing. Ochilgan oynada rasmga yo'lni (Image URL), rasm tavsifini (Image Description), sahifadagi tasvirni tekislashni (Alignment), hoshiya kengligini (Chegara) va matndan rasmning chekinishini (yoki) o'rnating. sahifadagi boshqa elementlar gorizontal va vertikal (HSpace) , VSpace).Siz tasvirni tekislashni quyidagicha o'rnatishingiz mumkin:
  • Bo'sh. Standart chap hizalanishdir.
  • Asosiy chiziq. Bir paragrafda tasvir bilan joylashgan matn (va boshqa sahifa elementlari) brauzeringiz yaratuvchilari qaroriga ko'ra joylashtiriladi.
  • Yuqori. Rasm bilan bir xil paragrafda joylashgan matn (va boshqa sahifa elementlari) tasvirning yuqori qismiga tekislanadi.
  • O'rta. Rasm bilan bir xil paragrafda joylashgan matn (va boshqa sahifa elementlari) tasvirning o'rtasiga tekislanadi.
  • Nuqta. Rasm bilan bir xil paragrafda joylashgan matn (va boshqa sahifa elementlari) tasvirning pastki qismiga tekislanadi.
  • TextTop. Tasvir bilan bir xil paragrafda joylashgan matn (va boshqa sahifa elementlari) rasmning tepasiga joylashtiriladi. (Barcha brauzerlar tomonidan qo'llab-quvvatlanmaydi.)
  • Mutlaq o'rta. (Barcha brauzerlar tomonidan qo'llab-quvvatlanmaydi.)
  • Mutlaq pastki. (Barcha brauzerlar tomonidan qo'llab-quvvatlanmaydi.)
  • Chapga. Rasm rasm bilan bir xil paragrafda joylashgan matnning (va boshqa sahifa elementlarining) chap tomoniga joylashtiriladi.
  • To'g'ri. Rasm rasm bilan bir xil paragrafda joylashgan matnning (va boshqa sahifa elementlarining) o'ng tomoniga joylashtiriladi.
  Kiritilgan rasmni vizual muharrirda tahrir qilib bo‘lmaydi. Shuning uchun, tasvirni yanada tahrirlash uchun kodni tahrirlash rejimiga o'ting. Rasmni o'chirish uchun sichqoncha bilan ustiga bosing va klaviaturadagi Delete (Del) tugmasini bosing.
• Formatlashni bekor qilish. Paragrafning bir qismini formatlash uchun qo'llaniladigan yuqori menyu paneli tugmalari yordamida amalga oshirilgan formatlashni bekor qiladi. U yuqori menyu tugmalari bilan bir xil ishlaydi, formatlashni bekor qilish kerak bo'lganda, ya'ni kerakli matn qismini tanlang va ushbu tugmani bosing. Ushbu tugmaning qulayligi shundaki, u bir marta bosish bilan tanlangan fragmentdagi barcha formatlarni, barcha turdagilarni darhol olib tashlaydi.
• Jadval yaratish va tahrirlash. Tugma kursor joylashgan joyda jadval yaratish yoki tanlangan jadvalni tahrirlash uchun ishlatiladi. Jadvalni yaratishda siz quyidagi parametrlarni ko'rsatishingiz kerak:
  • Qatorlar - qatorlar soni.
  • Ustunlar - ustunlar soni.
  • Kenglik - stol kengligi. Ekran kengligining foizi sifatida yoki piksel sifatida o'rnating.
  • Chegara - hujayra chegaralarining kengligi. Agar 0 da qoldirilsa, hujayra chegaralari ko'rinmaydi.
  • CellSpacing - jadval katakchalari orasidagi piksellardagi masofa.
  • CellPadding - hujayra chegarasidan hujayra ichidagi matngacha bo'lgan piksellardagi masofa.
  • Alignment - jadvallarni sahifalarda tekislash:
    • Standart. Sukut bo'yicha, brauzeringiz ishlab chiquvchilari tomonidan o'rnatilgan.
    • Chapga. Jadval sahifaning chap chetiga bosiladi.
    • Markaz. Jadval veb-sahifaning markazida joylashgan.
    • To'g'ri. Jadval sahifaning o'ng chetiga bosiladi.
  Jadvalni o'chirish uchun sichqoncha bilan chegarani bosish va klaviaturadagi Delete (Del) tugmasini bosish orqali uning chegarasini tanlash kerak. Jadvalni tahrirlash uchun kursorni jadvalning istalgan joyiga qo'ying (yoki jadvalning bir qismini yoki butun jadvalni tanlang) va yana menyu tugmasini bosing. Bunday holda, satrlar soni va ustunlar sonidan tashqari barcha parametrlar tahrirlash uchun mavjud. O'rta menyu satridagi keyingi 6 ta tugma allaqachon yaratilgan jadvaldagi qatorlar va ustunlar sonini tahrirlash uchun mo'ljallangan. Kursor stolda bo'lganda, ushbu olti tugmani bosish mumkin.
• Kursorning chap tomonida bitta ustun yarating. Agar bir nechta ustunlar tanlangan bo'lsa, kursor oxirgi tanlangan ustunda joylashgan hisoblanadi.
• Kursorning o'ng tomonida bitta ustun yarating. Agar bir nechta ustunlar tanlangan bo'lsa, kursor oxirgi tanlangan ustunda joylashgan hisoblanadi.
• Kursor ustida bir qator yarating. Agar bir nechta satr tanlangan bo'lsa, u holda kursor tanlangan oxirgi qatorda joylashgan hisoblanadi.
• Kursor ostida bir qator yarating. Agar bir nechta satr tanlangan bo'lsa, u holda kursor tanlangan oxirgi qatorda joylashgan hisoblanadi.
• Kursordan bitta ustunni olib tashlang. Agar bir nechta ustunlar tanlangan bo'lsa, kursor oxirgi tanlangan ustunda joylashgan hisoblanadi.
• Kursordan bitta qatorni o'chiring. Agar bir nechta satr tanlangan bo'lsa, u holda kursor tanlangan oxirgi qatorda joylashgan hisoblanadi.
• Raqamlangan ro'yxat yarating. Yoki ba'zi paragraflarni tanlang va menyu tugmasini bosing. Bunday holda, ushbu paragraflarning barchasi raqamlangan ro'yxatning elementlariga aylanadi. Yoki kursorni kerakli joyga qo'ying, ushbu menyu tugmachasini bosing va keyin siz kiritgan barcha paragraflar avtomatik ravishda raqamlangan ro'yxatning elementlariga aylanadi.
• Oddiy ro'yxat yarating. Ba'zi paragraflarni tanlang va menyu tugmasini bosing. Bunday holda, ushbu paragraflarning barchasi raqamlashsiz oddiy ro'yxatning elementlariga aylanadi.
• Chiziqni olib tashlash. Kursor biz chegaralarini olib tashlamoqchi bo'lgan paragrafda bo'lishi kerak. Siz butun paragrafni yoki uning faqat bir qismini tanlashingiz mumkin.
• Chiziq yaratish. Kursor biz chap chekinishni yaratmoqchi bo'lgan paragrafda bo'lishi kerak. Siz butun paragrafni yoki uning faqat bir qismini tanlashingiz mumkin. Chiziq butun paragraf uchun (faqat birinchi qator uchun emas) yaratiladi.
• Barcha o'zgarishlarni orqaga qaytaring. "Kod" yoki "Ko'rib chiqish" tugmasini bosmagan ekansiz, kiritilgan barcha o'zgarishlarni o'chirib tashlashingiz va kodni oxirgi marta ko'rgan yoki sahifani ko'rgan holatga qaytishingiz mumkin.
• Barcha olib tashlangan o'zgarishlarni oldinga tiklaydi. Agar kerak bo'lgandan ko'proq o'zgarishlarni orqaga qaytargan bo'lsangiz, olib tashlangan o'zgarishlarni tiklashingiz mumkin. Xuddi shunday, agar o'zgarishlarni orqaga qaytarganingizdan so'ng siz "kod" yoki "Ko'rib chiqish" rejimiga o'tsangiz, o'zgarishlarni endi tiklay olmaysiz.
• Tanlovni bir vaqtning o'zida Windows cho'ntagiga nusxalashda tanlovni yo'q qiling. (Ctrl+X)
• Tanlovni Windows "cho'ntagiga" nusxalash. (Ctrl+C)
• Windows "cho'ntagi" tarkibini kursor joylashgan joyga joylashtiring. (Ctrl+V)

Qo'shimcha html tahrirlash

Menyuning uchinchi qatorida asosan formalarni yaratish va tahrirlash tugmalari, shuningdek, har qanday muharrirning odatiy qo‘shimcha funksiyalaridan iborat.

Uchinchi menyu qatoridagi tugmalar joylashuvi tartibida ro'yxati:

• Shakl yarating. Ochiq oynada siz forma nomini, ushbu shakl ma'lumotlarini qayta ishlovchi skript manzilini va ma'lumotlarni uzatish usulini (post yoki olish) kiritishingiz kerak.
• Tekshirish qutisini yarating. Ochiq oynada ushbu tanlov shaklining nomini, tanlashda qabul qilingan qiymatni kiriting va tanlov katagiga dastlab ushbu shaklda belgilangan yoki yo'qligini ko'rsating.
• Radio tugmachasini yarating. Ochiq oynada ushbu tanlov formasining nomini, tanlanganda qabul qilingan qiymatni kiriting va bu tugma dastlab tanlangan yoki tanlanmaganligini ko'rsating. Radio tugmalaridan menyu yaratishda bir xil menyuning barcha radio tugmalari bir xil nomga ega bo'lishi kerakligini unutmang.
• Matn kiritish uchun platforma yarating. Ochiq oynada matn kiritish maydoni nomini, belgilar sonida maydonning kengligini, maydonning qatorlar sonini, paragraflar va aylantirish satrlarining joylashishini va ushbu maydonga boshlang'ich matnni kiriting.
• "Ishga tushirish" tugmachasini yarating. Ochilgan oynada tugma nomini va shu tugmachaga yoziladigan matnni yozing.
• Tasvir shaklida "Ishga tushirish" tugmachasini yarating. Ochilgan oynada tugmaning nomini va tugma rolini o'ynaydigan rasmning manzilini yozing.
• Tugallangan shaklni tozalash va barcha standart qiymatlarni qaytarish uchun tugma yarating. Ochilgan oynada tugma nomini va shu tugmachaga yoziladigan matnni yozing.
• Yashirin maydon yarating. Ochilgan oynada yashirin maydon nomini va uning qiymatini yozing.
• Yulduzchalar bilan parol maydonini yarating. Ochilgan oynada parol maydonining nomini, maydon uzunligini va foydalanuvchi parolni kiritishda kiritishi mumkin bo'lgan maksimal parol belgilar sonini yozing.
• Matn maydoni yarating. Ochilgan oynada matn maydonining nomini, uning hajmini belgilarda, foydalanuvchi kiritishi mumkin bo'lgan maksimal belgilar sonini va ushbu maydonga boshlang'ich matnni yozing.
• Chop etish uchun yuboring.
• Hammasini belgilash.

Xayrli kun! Men darhol postning dizayni haqida gapirib beraman: bir kuni unga qoqilib, taqdim etilgan generatorlardagi ma'lumotlar va navigatsiya elementlarining juda ko'pligi va undan ham ko'proq ularning foydalanuvchi interfeysi meni mamnun qilmadi! Men bilan ishlash uchun vositalar g'azablandi uslublar- ular o'zlari vakillik qilayotgan imkoniyatlar chegarasida saqlanmaydilar... qanday qilib?!

Ijodkorlik bilan shug'ullanayotganingizda, siz o'zlashtirish va ishlash uchun mavjud vositalar va vositalarga ega bo'lishni xohlaysiz. eng kam kuch va vaqt. Bularning barchasi natijasida shunday fikr keldi: eng yaxshisini tanlang asboblar va tashkil qilish ularni tez-tez ishlatish uchun (a la a navigatsiya menyusi, masalan: Tez ishga tushirish).

Umid qilamanki, ko'pchilik uchun bu nou-xau veb-ishlab chiqish jarayonida yaxshi yordamchi bo'ladi.

CSS generatorlari:

• CSS3.me- oddiy, oqlangan va ayni paytda chiroyli domenga ega bo'lgan CSS-generator
• CSS3Maker.com- yangi CSS3 funktsiyalari bilan ishlash uchun juda keng funksionallik, o'zaro brauzer mosligi, moslashuvchanlik va sizga kerak bo'lgan barcha narsalarning to'liq to'plami;
• CSS3Generator.com- klassika va soddalikni sevuvchilar uchun ortiqcha narsa yo'q, bir so'z bilan aytganda "eski maktab";
• Colorzilla.com- ko'pgina brauzerlarni qo'llab-quvvatlaydigan va tasvirlardan foydalanmasdan (sof CSS) chiroyli fon rasmlarini yaratish uchun gradient generatori.

WEB vositalari:

• Tugma ishlab chiqaruvchi- Web 2.0 ritmi bilan tugmalarni loyihalash vositasi. Funktsionallik orasida biz sozlash qobiliyatini qayd etishimiz mumkin: ichki to'ldirish, matn o'lchami, burchaklarning yumaloqligi va gradient ranglarini tanlash;
• Shakl quruvchi- yaxlit shaklning ham, uning alohida elementlarining ham tashqi ko‘rinishini moslashtirish imkonini beruvchi shakl dizayneri;
• Belgilar yaratuvchisi- tugmalar, menyular va favikonlar uchun yangi piktogrammalarni yaratib, o'zingizni erkin rassom kabi his eting;
• Lent quruvchi- sof CSS-dan foydalangan holda zamonaviy lentalarni yaratish uchun ushbu vositadan keng sozlamalar va imkoniyatlardan foydalaning.

Maqolaning boshida tugmalar (piktogrammalar) ko'rinishidagi rasmlar - bosish mumkin!

Agar sizda ushbu g'oyani qo'llab-quvvatlaydigan takliflaringiz yoki qiziqarli vositalarni bilsangiz, ayting. Iltimos, axlatni tashlamang, biz faqat yig'ilishga eksklyuziv narsalarni qo'shmoqchimiz. Rahmat.