Excelda dumaloq diagramma qanday tuziladi. Yumaloq burchaklar qatorlar va ustunlarni qo'shish
Ushbu maqolada men sizga yumaloq burchakli stolni qanday qilishni aytib berishga qaror qildim. Ishonchim komilki, siz Internetni kezish paytida bunday jadvallarga duch kelgansiz.
Men sizga bunday jadvallar haqida aniq aytib beraman. Albatta, bunday jadvalni bir necha usul bilan yasash mumkin, men sizga aytib beradigan bu usul eng oddiy va eng “chiroyli” hisoblanadi, chunki agar siz bunday jadvalni boshqa usulda tuzsangiz, JAVA-ni o'rganishingiz kerak bo'ladi. va uni CSS bilan birlashtiring, shunda sizning kodingiz juda og'ir va murakkab bo'ladi.
Bu usul faqat HTML dan foydalanadi, lekin biz tasvirlarni, ya'ni jadval burchaklarini yaratishimiz kerak bo'ladi. Burchaklarni yaratish uchun bizga Photoshop yoki sizga yoqadigan boshqa grafik dasturi (hatto MS Point ham) kerak bo'ladi, lekin siz uni boshqarishingiz mumkin. Ushbu maqolada men ularni Photoshop-da qanday qilishni aytaman.
Keling, to'g'ridan-to'g'ri jadval yaratishga o'tamiz. Jadval yaratish uchun Dreamweaver yoki boshqa HTML muharririni oching. Biz yangi hujjat yaratamiz yoki allaqachon yaratilgan hujjatni ochamiz va u erda biz 3 qator va 2 ustunli jadvalni yaratamiz:
Photoshop-ga o'ting, Rounded Rectangle Tool-ni oling va yumaloq to'rtburchak chizing va yaxlitlash radiusini jadvalda bo'lishini xohlaganimizdek o'rnating, men uni 30 pikselga o'rnatdim.
Birinchidan, fon qatlami va qatlamni to'rtburchak tasvir bilan ulang, buning uchun qatlamlar panelidagi Ctrl tugmachasini bosib ushlab turing, yuqori va pastki qatlamni tanlang va Ctrl + E tugmalarini bosing.
Endi bu to'rtburchakdan biz burchaklarni o'zi chiqarishimiz kerak, buning uchun biz Recatangular Marquee Tool-ni olamiz, yuqori panelda Uslubni tanlang: Kenglik va balandlik maydonlarida Ruxsat etilgan o'lcham, siz ko'rsatgan radius qiymatlarini yozing. qadam 2. Tasvirlarni bosing, oldingizda nuqta chiziq paydo bo'ladi kvadrat Uni yumaloq burchak to'liq kvadrat ichida bo'lishi uchun harakatlantiring.
Ctrl + C tugmalarini bosing (kvadrat ichidagi narsalarni, ya'ni bizning burchakni nusxalash uchun) Endi biz yangi rasm yaratishimiz kerak, avval ko'chirilgan burchakni u erga qo'yish uchun o'ting: File-New...-Ok va darhol Ctrl + V burchakimizni yopishtiring
Yaratilgan jadvalda ikkinchi qatorni bittaga birlashtirish kerak bo'ladi, chunki u erda matn yozilishi kerak.
Endi biz rasmlarimizni (burchaklarimizni) jadvalimizga joylashtiramiz.
Kiritilgan rasmlar (pastdan o'ngdan va o'ngdan yuqoridan) o'ngga tekislangan bo'lishi kerak.
Endi oxirgi qadam: stolga burchaklar bilan bir xil fon rangini berishingiz kerak.
OK, endi hammasi tugadi. Bu usul eng oson. Umid qilamanki, ushbu maqola sizga qandaydir tarzda yordam berdi va men hamma narsani aniq tushuntirdim deb umid qilaman. Omad!
Har bir inson uzoq vaqtdan beri veb-sayt dizaynidagi an'anaviy to'rtburchak burchaklardan charchagan. Dumaloq burchaklar modada bo'lib, ular tasvirlar yordamida emas, balki chegara-radius xususiyatidan foydalaniladigan uslublar orqali amalga oshiriladi. Bu xususiyat bo'sh joy bilan ajratilgan bir, ikki, uch yoki to'rtta qiymatga ega bo'lishi mumkin, ular barcha burchaklarning radiusini yoki har birini alohida belgilaydi.
Jadvalda 1 boshqa qiymatlar sonini va bu holda olingan blok turini ko'rsatadi.
Kod | Tavsif | Ko'rinish |
---|---|---|
div (chegara radiusi: 10px; ) | Bir vaqtning o'zida barcha burchaklar uchun yaxlitlash radiusi. | |
div (chegara radiusi: 0 10px; ) | Birinchi qiymat yuqori chap va pastki o'ng burchaklarning radiusini o'rnatadi, ikkinchi qiymat yuqori o'ng va pastki chap burchaklar uchun radiusni o'rnatadi. | |
div (chegara radiusi: 20px 10px 0; ) | Birinchi qiymat yuqori chap burchakning radiusini o'rnatadi, ikkinchisi - yuqori o'ng va pastki chap, va uchinchi qiymat - pastki o'ng. | |
div (chegara radiusi: 20px 10px 5px 0; ) | Yuqori chap, yuqori o'ng, pastki o'ng va pastki chap burchaklarning radiusini ketma-ket o'rnatadi. |
1-misol yumaloq burchakli blokni qanday yaratishni ko'rsatadi.
Misol 1. Blokning burchaklari
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Ushbu misolning natijasi rasmda ko'rsatilgan. 1.
Guruch. 1. Yumaloq burchakli blok
Agar siz yaxlitlash radiusini elementning balandligi va kengligining yarmidan kattaroq qilib qo'ysangiz, qiziqarli effektga erishish mumkin. Bunday holda, siz doira olasiz. 2-misol rasmli dumaloq tugmani qanday yaratishni ko'rsatadi.
2-misol: Dumaloq tugma
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Ushbu misolning natijasi rasmda ko'rsatilgan. 2.
Guruch. 2. Dumaloq tugma
Opera brauzerida yaxlitlash
Chegara-radius xususiyati boshqa xususiyatlar bilan birlashtirilishi mumkin, masalan, elementga soya qo'shish. 3-misolda doiralar to'plami yaratilgan bo'lib, ulardan biri box-shadow yordamida ta'kidlangan. Ushbu to'plam sahifalar yoki fotosuratlar bo'ylab harakatlanish uchun ishlatilishi mumkin.
Misol 3. Yorqinlik
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Ushbu misolning natijasi rasmda ko'rsatilgan. 3.
Guruch. 3. Doira atrofida porlash
Chegara-radiusdan foydalanib, siz nafaqat aylana, balki ellips, shuningdek, blok uchun elliptik yaxlitlashni ham yaratishingiz mumkin. Buning uchun bitta qiymatni emas, ikkita chiziq bilan ajratilgan holda yozish kerak. 20px/10px yozish, filetaning gorizontal radiusi 20 piksel, vertikal radiusi esa 10 piksel bo'lishini anglatadi. 4-misol fotosuratga komiks uslubidagi sarlavha qo'shish uchun elliptik burchaklarni qanday yaratishni ko'rsatadi.
4-misol: Ellipslar
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Ushbu misolning natijasi rasmda ko'rsatilgan. 4.
Guruch. 4. Elliptik burchaklardan foydalanish
Shuningdek, 5-misolda ko'rsatilganidek, img selektoriga border-radius xususiyatini qo'shish orqali tasvirlardagi burchaklarning ko'rinishini o'zgartirishingiz mumkin.
5-misol: Tasvirlar
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Assalomu alaykum, do'stlar! Ba'zi ko'rsatkichlarni aniqroq ko'rsatish uchun jadval ma'lumotlari ko'pincha matnli hujjatlarda mavjud. Va u erda joylashtirilgan ma'lumotlarning umumiy idroki jadvalning to'g'ri formatlanishiga bog'liq. Bugun biz Word-da jadvalni ustunlar va satrlarning o'lchamiga qarab qanday chizishni aniqlaymiz.
Jadvalni yaratishdan oldin siz qatorlar va ustunlar soni to'g'risida qaror qabul qilishingiz kerak. Keyinchalik, tegishli sahifa yo'nalishini tanlang. Keng stol uchun landshaftni, tor stol uchun portretni tanlash afzaldir.
Yacheykalar soni berilgan jadvalni siz uchun qulay bo'lgan har qanday usulda joylashtiring. Jadvallarni kiritish usullari haqida.
Jadvalning aniq hajmini o'rnatish
Keyingi qadam bizga jadvalning qattiq tashqi o'lchamlarini o'rnatishga imkon beradi.
Jadval bilan ishlash qobiliyatini faollashtirish uchun uning ichiga bosishingiz kerak. Agar siz jadvalni kiritishda qo'shimcha parametrlarni ko'rsatmagan bo'lsangiz, u holda u butun mavjud matn maydonining kengligi bo'ylab (gorizontal o'lchagichning oq shkalasi sohasida) cho'ziladi va uning ustunlari avtomatik ravishda tekislanadi. kengligida.
Aniq o'lchamlarni ko'rsatish uchun asboblar tasmasiga o'ting.
Ochilgan oynada, yorliqda Jadval Belgilash katagiga belgi qo'ying (o'q bilan ko'rsatilgan) va kerakli jadval kengligini yozing. OK tugmasini bosing.
Agar siz ustunlar kengligini kerakli o'lchamga o'zgartira olmasangiz va birining kengligini o'zgartirganda, ikkinchisining kengligi o'zgaradi, keyin katakchani olib tashlash ushbu noqulaylikni bartaraf qiladi.
Endi stolning tashqi o'lchamlari cheklangan bo'ladi. Siz faqat jadvaldagi ustunlar kengligiga ta'sir qila olasiz.
Chiziq balandligini o'rnatish
Butun jadval bo'ylab satr balandligini bir xil qilib belgilash uchun uni tanlang. Keyin asboblar panelida tanlang Jadvallar bilan ishlash - Layout - Properties.
Muloqot oynasida yorliqga o'ting Chiziq balandlik katagiga belgi qo'ying va kerakli qator balandligi va rejimini ko'rsating (qizil ramka bilan belgilangan). Eng kam- barcha qatorlar uchun minimal qiymatni o'rnatadi. Maksimal balandlik faqat hujayralar tarkibi bilan cheklanadi. Shuning uchun jadvaldagi satrlarning balandligi har xil bo'ladi, chunki bu ma'lumotlarning mazmuniga bog'liq. Agar siz qator balandligini qat'iy cheklamoqchi bo'lsangiz, rejimni o'rnating Aynan.
Bitta qator uchun o'lchamlarni o'rnatish uchun kontekst menyusini ochish uchun ustiga sichqonchaning o'ng tugmachasini bosing. Qaysilardan jamoani tanlash kerak Jadval xususiyatlari belgilangan qatorning parametrlarini o'rnatish uchun.
Ustunlar kengligini o'rnatish
Ustunning o'lchamini belgilash uchun uning istalgan katakchasini sichqonchaning o'ng tugmasi bilan bosing va jadval xususiyatlarini chaqiring. Yorliqga o'ting Ustun, kerakli kenglik hajmini o'rnating va tugmani bosing Keyingi ustun yoki Oldingi ustun, jadvaldagi boshqa ustunlar hajmini belgilashga o'ting. Keyin OK tugmasini bosing.
Endi sizning jadvalingiz belgilangan o'lchamlarga to'liq mos keladi.
P.S. Blog o'quvchisi Sergey Yakovlevich Grebenyukning iltimosiga binoan men Microsoft Word dasturida stol yordamida shaxmat taxtasi, avtoshakllardan foydalangan holda shashka qismlarini yasadim. Bu turli shashka pozitsiyalarining tasvirlarini yaratish uchun kerak edi. Bu yerda Word hujjatiga havola https://yadi.sk/i/O2SmHvyF3Pvujr Windows operatsion tizimining 7 va undan yuqori versiyalarida mavjud bo'lgan yordamida qismlarni qanday tartibga solish va joylashuvning skrinshotini olish uchun videoni tomosha qiling.
Wordning imkoniyatlari nihoyatda kuchli. Ba'zan o'zim ham nima bo'lmaganiga hayron qolaman.
Hurmatli o'quvchi! Siz maqolani oxirigacha tomosha qildingiz.
Savolingizga javob oldingizmi? Izohlarda bir nechta so'zlarni yozing.
Agar javob topmagan bo'lsangiz, nima qidirayotganingizni ko'rsating.
Aytaylik, sizda xodimlar to'g'risida ma'lumotlar bor: operatsiyalar soni va daromad. Ma'lumotlarni vizual tarzda ko'rsatishingiz kerak, masalan, doira diagrammasi.
Bunday holda, doira barcha operatsiyalar summasini yoki barcha daromadlar yig'indisini, ya'ni 100% ni bildiradi.
Pirog diagrammasini tuzishda Excel avtomatik ravishda ulushni hisoblab chiqadi va uni chiroyli va vizual rasm shaklida taqdim etadi.
Excel 2007 yoki 2010 da dumaloq diagramma yaratish bo'yicha ko'rsatmalar
- Tranzaksiya ma'lumotlariga asoslangan doiraviy diagrammani yaratish uchun kerakli qiymatlar oralig'ini tanlashingiz kerak B3: C8(to'liq nomi ko'rsatilgan ustun va tranzaktsiyalar bilan ustun) rasmdagi kabi. Jadval sarlavhasini ushlashni unutmang.
- Keyin bo'limga o'ting Qo'shish | Diagrammalar
- Grafiklar bo'limida dumaloq diagrammani tanlang
- Ochiladigan ro'yxatdan kerakli doiraviy diagramma turini tanlashingiz kerak.
Hammasi - pirog diagrammasi tayyor.
Qatlamli diagrammada qiymatlarni ko'rsatish uchun doiraning istalgan joyini o'ng tugmasini bosing va "ni tanlang. Ma'lumotlar imzolarini qo'shing”
Agar siz boshqa ustun uchun dumaloq diagramma tuzishingiz kerak bo'lsa, bizning misolimizda bu daromad, keyin siz ham birinchi navbatda bizni qiziqtirgan ustunlarni tanlashingiz kerak. Buning uchun tugmani bosib ushlab, ushbu diapazonlarni tanlashingiz kerak Ctrl klaviaturada
Agar kerak bo'lsa, biz ma'lumotlar imzolarini ham kiritamiz.
Internetda blok yoki jadvalning burchaklarini yaxlitlash bo'yicha ko'plab misollar va o'quv qo'llanmalari mavjud, ammo, qoida tariqasida, bu darsliklar tasvirlardan foydalanishga yoki qo'shimcha bloklardan foydalanishga asoslangan.
Bugungi o'quv qo'llanmada men sizga qanday qilib qila olishingizni ko'rsataman faqat CSS yordamida dumaloq stol burchaklari.
To'g'ridan-to'g'ri belgilash (ikkinchi jadval yuqori qatordagi kataklarning joylashuvida farqlanadi):
Curabitur a ultricies urna | Phasellus mollis |
eget venenatis est tortor et est. | 0 |
Fusce sollicitudin metus quis libero auctor vestibulum. | 0 |
Nulla gravida. | Urna augue. | Nunc iaculis bibendum. | |
Vestibulum tempor | Laoreet eros semper ut. | ||
Vivamus quis nisi lacus. | Cras id felis eu purus tempor dictum in at lorem. | facilisis iaculis magna diam id quam. eleifend. | Pellentesque cursus, unc ut facilisis hendrerit |
1. Burchaklarni to'g'ridan-to'g'ri stolga aylantiring (stol yorlig'i).
BContentTables(chegara:1px qattiq #CCCCCC; kenglik:100%; moz-chegara radiusi: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Google Chrome */ -khtml-border-radius : 10px; /* KHTML */ -o-border-radius: 10px; /* Opera */ -ms-border-radius: 10px; /* IE8 */ chegara radiusi: 10px; /* CSS3 */ toshib ketish: yashirin ; chegara: 0,7em avtomatik; )
2. Birinchi qatordan har qanday fonni olib tashlang.
Tr.bCTable_Header (fon: yo'q;)
3. Pseudo-class:first-child va kombinator yordamida > jadvaldagi birinchi katakchani tanlang. Birinchi katakning yuqori chap burchagini yaxlitlang. Birinchi qatorning foni shu qator kataklari fonidan iborat.
Tr.bCTable_Header:first-child > td:first-child(chegara-radius:10px 0px 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -ms- border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; -khtml-border-radius: 10px 0 0 0; ) tr.bCTable_Header td( color:white; shrift-size:110%; fon rangi:#00843C;)
4. Pseudo-class: last-child va kombinator yordamida > birinchi qatordagi oxirgi katakchani tanlang. Buning uchun biz yuqori o'ng burchakni yaxlitlaymiz.
Tr.bCTable_Header:first-child > td:last-child(chegara-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -ms- chegara-radius:0 10px 0 0; -o-chegara-radius:0 10px 0 0; -khtml-chegara-radius: 0 10px 0 0; )
5. Oxirgi chiziqning pastki burchaklarini yumaloqlang. Oxirgi satrdan fonni olib tashlashni unutmang; Qator foni oxirgi qator kataklari foni bilan o'rnatiladi.
BContentTables tr:last-child(chegara-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-chegara-radius:0 0 10px 10px; -khtml-chegara-radius: 0 0 10px 10px; fon: yoʻq; )
6. Keyin, 3-4 nuqtalarga o'xshash tarzda, oxirgi qatorda biz birinchi va tashqi kataklarning burchaklarini yumalaymiz.
BContentTables tr:oxirgi bola td(fon rangi:#F1F1F2;) .bContentTables tr:oxirgi bola td:birinchi bola(chegara-radius:0 0 0 10px; -webkit-chegara-radius:0 0 0 10px; -moz-border-radius:0 0 0 10px;-ms-border-radius:0 0 0 10px;-o-border-radius:0 0 0 10px; -khtml-border-radius: 0 0 0 10px;) . bContentTables tr:last-child td:so'nggi-child (chegara-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; -moz-border-radius:0 0 10px 0; -ms-border- radius:0 0 10px 0; -o-chegara-radius:0 0 10px 0; -khtml-chegara-radius: 0 0 10px 0; )
Brauzerni qo'llab-quvvatlash
O'qish foydali bo'lishi mumkin:
- O'yin bo'yicha ko'rsatmalar - Qiyin test;
- Eng dahshatli dahshatlar. Qo'rqinchli hikoyalar. Eng dahshatli dahshatlar Lagerning dahshatli hikoyasi g'ildiraklardagi tobut;
- Bolalar uchun soatlar: turlari, ularning xususiyatlari;
- Hujjat shaklini (hisob-fakturani) Excel formatida saqlab bo'lmadi - "Saqlash" va "Boshqacha saqlash" tugmalari mavjud emas;
- Excelda hujayralar o'lchamlarini qanday o'zgartirish va ularni bir xil qilish Excelda barcha ustunlar kengligini qanday o'zgartirish mumkin;
- AutoCAD ish maydonining asosiy sozlamalari AutoCAD da maxsus koordinatalar tizimini qanday yaratish mumkin;
- Pozitsion sanoq sistemalarida sonlarning tarjimasi;
- Ketma-ket tebranuvchi konturdagi kuchlanish rezonansi;