როგორ გავაკეთოთ ტორტი სქემა Excel-ში. მომრგვალებული კუთხეები რიგებისა და სვეტების დამატება
ამ სტატიაში გადავწყვიტე გითხრათ როგორ გააკეთოთ მაგიდა მომრგვალებული კუთხეებით. დარწმუნებული ვარ, თქვენ ალბათ შეგხვედრიათ მსგავსი ცხრილები ინტერნეტში სერფინგის დროს.
ზუსტად მაგ მაგიდებზე მოგიყვებით. რა თქმა უნდა, ასეთი ცხრილის დამზადება შესაძლებელია რამდენიმე გზით, ეს მეთოდი, რომლის შესახებაც მოგიყვებით, არის ყველაზე მარტივი და ყველაზე „ლამაზი“, რადგან თუ ასეთ ცხრილს სხვანაირად გააკეთებთ, მაშინ JAVA-ს შესწავლა მოგიწევთ. და დააკავშირეთ იგი CSS-თან და ამგვარად თქვენი კოდი გახდება ძალიან რთული და რთული.
ეს მეთოდი იყენებს მხოლოდ HTML-ს, მაგრამ ჩვენ მოგვიწევს სურათების შექმნა, ანუ ცხრილის კუთხეები. კუთხეების შესაქმნელად დაგვჭირდება Photoshop ან ნებისმიერი სხვა გრაფიკული პროგრამა, რომელიც მოგწონთ (თუნდაც MS Point), მაგრამ ისე, რომ თქვენ შეძლოთ მისი მართვა. ამ სტატიაში მე გეტყვით როგორ გააკეთოთ ისინი Photoshop-ში.
მოდით პირდაპირ გავაგრძელოთ ცხრილის შექმნა. ცხრილის შესაქმნელად გახსენით Dreamweaver ან ნებისმიერი სხვა HTML რედაქტორი. ჩვენ ვქმნით ახალ დოკუმენტს ან ვხსნით უკვე შექმნილ დოკუმენტს და იქ ვქმნით თავად ცხრილს 3 სტრიქონით და 2 სვეტით:
გადადით Photoshop-ში, აიღეთ Rounded Rectangle Tool და დახაზეთ მომრგვალებული მართკუთხედი და დააყენეთ დამრგვალების რადიუსი იმავეზე, რაც ჩვენ გვინდა, რომ ჰქონდეს ცხრილი, მე დავაყენე 30 პიქსელზე.
ჯერ შეაერთეთ ფონის ფენა და ფენა ოთხკუთხედის სურათთან, ამისათვის დააჭირეთ Ctrl ღილაკს ფენების პანელზე, აირჩიეთ ზედა და ქვედა ფენა და დააჭირეთ Ctrl + E.
ახლა ამ მართკუთხედიდან ჩვენ თვითონ უნდა გამოვყოთ კუთხეები, ამისთვის ავიღებთ Recatangular Marquee Tool-ს, ზედა პანელში აირჩიეთ Style: Fixed Size Width და Height ველებში, ჩაწერეთ რადიუსის მნიშვნელობები, რომლებიც თქვენ მიუთითეთ. ნაბიჯი 2. დააწკაპუნეთ სურათებზე, თქვენს წინ გამოჩნდება წერტილოვანი ხაზი, გადაიტანეთ ისე, რომ მომრგვალებული კუთხე მთლიანად მოედანზე იყოს.
დააჭირეთ Ctrl + C (დააკოპირეთ ის, რაც არის კვადრატის შიგნით, ანუ ჩვენი კუთხე) ახლა ჩვენ უნდა შევქმნათ ახალი სურათი, რათა იქ ჩასვათ ის კუთხე, რომელიც ადრე დავაკოპირეთ, გადადით: File-New...-Ok. და დაუყოვნებლივ ჩასვით ჩვენი კუთხე Ctrl + V
შექმნილ ცხრილში მეორე სტრიქონი უნდა გაერთიანდეს ერთში, რადგან იქ ტექსტი უნდა დაიწეროს.
ახლა ჩვენ ჩავსვით ჩვენი სურათები (კუთხეები) ჩვენს მაგიდაში.
ჩასმული სურათები (მარჯვნივ ქვედა და მარჯვნივ) უნდა იყოს გასწორებული მარჯვნივ.
ახლა ბოლო ნაბიჯი: თქვენ უნდა მიანიჭოთ მაგიდას ფონის ფერი, როგორც კუთხეები.
კარგი, ახლა ყველაფერი დასრულდა. ეს მეთოდი ყველაზე მარტივია. იმედი მაქვს, რომ ეს სტატია გარკვეულწილად დაგეხმარა და იმედი მაქვს, ყველაფერი ნათლად ავხსენი. Წარმატებები!
ყველას დიდი ხანია დაიღალა ტრადიციული მართკუთხა კუთხეები ვებსაიტების დიზაინში. მოდაშია მომრგვალებული კუთხეები, რომლებიც კეთდება არა გამოსახულების, არამედ სტილის მეშვეობით, რისთვისაც გამოიყენება საზღვრის რადიუსის თვისება. ამ თვისებას შეიძლება ჰქონდეს ერთი, ორი, სამი ან ოთხი მნიშვნელობები, რომლებიც გამოყოფილია სივრცით, რომელიც განსაზღვრავს ყველა კუთხის რადიუსს ან თითოეული ინდივიდუალურად.
მაგიდაზე 1 აჩვენებს მნიშვნელობების განსხვავებულ რაოდენობას და ბლოკის ტიპს, რომელიც მიიღება ამ შემთხვევაში.
კოდი | აღწერა | ხედი |
---|---|---|
div (საზღვრის რადიუსი: 10px;) | დამრგვალების რადიუსი ყველა კუთხისთვის ერთდროულად. | |
div (საზღვრის რადიუსი: 0 10px;) | პირველი მნიშვნელობა ადგენს ზედა მარცხენა და ქვედა მარჯვენა კუთხეების რადიუსს, მეორე მნიშვნელობა ადგენს რადიუსს ზედა მარჯვენა და ქვედა მარცხენა. | ![]() |
div (საზღვრის რადიუსი: 20px 10px 0;) | პირველი მნიშვნელობა ადგენს ზედა მარცხენა კუთხის რადიუსს, მეორე - ორივე ზედა მარჯვენა და ქვედა მარცხენა, ხოლო მესამე მნიშვნელობა - ქვედა მარჯვენა. | ![]() |
div (საზღვრის რადიუსი: 20px 10px 5px 0;) | თანმიმდევრულად ადგენს ზედა მარცხენა, ზედა მარჯვენა, ქვედა მარჯვენა და ქვედა მარცხენა კუთხეების რადიუსს. | ![]() |
მაგალითი 1 გვიჩვენებს, თუ როგორ უნდა შექმნათ ბლოკი მომრგვალებული კუთხეებით.
მაგალითი 1. ბლოკის კუთხეები
HTML5 CSS3 IE 9+ Cr Op Sa Fx
ამ მაგალითის შედეგი ნაჩვენებია ნახ. 1.
ბრინჯი. 1. ბლოკი მომრგვალებული კუთხეებით
საინტერესო ეფექტის მიღება შესაძლებელია, თუ დამრგვალების რადიუსს დააყენებთ ელემენტის სიმაღლისა და სიგანის ნახევარზე მეტს. ამ შემთხვევაში, თქვენ მიიღებთ წრეს. მაგალითი 2 გვიჩვენებს, თუ როგორ უნდა შექმნათ მრგვალი ღილაკი სურათით.
მაგალითი 2: მრგვალი ღილაკი
HTML5 CSS3 IE 9+ Cr Op Sa Fx
ამ მაგალითის შედეგი ნაჩვენებია ნახ. 2.
ბრინჯი. 2. მრგვალი ღილაკი
Opera ბრაუზერში დამრგვალება
საზღვრის რადიუსის თვისება შეიძლება გაერთიანდეს სხვა თვისებებთან, მაგალითად, ელემენტზე ჩრდილის დამატება. მე-3 მაგალითში შედგენილია წრეების ნაკრები, რომელთაგან ერთი ხაზგასმულია box-shadow-ის გამოყენებით. ეს ნაკრები შეიძლება გამოყენებულ იქნას გვერდებზე ან ფოტოებში ნავიგაციისთვის.
მაგალითი 3. ბზინვარება
HTML5 CSS3 IE 9+ Cr Op Sa Fx
ამ მაგალითის შედეგი ნაჩვენებია ნახ. 3.
ბრინჯი. 3. ანათებენ წრის ირგვლივ
სასაზღვრო რადიუსის გამოყენებით შეგიძლიათ შექმნათ არა მხოლოდ წრე, არამედ ელიფსი, ასევე ელიფსური დამრგვალება ბლოკისთვის. ამისათვის თქვენ უნდა დაწეროთ არა ერთი მნიშვნელობა, არამედ ორი, გამოყოფილი ხაზებით. 20px/10px ჩაწერა ნიშნავს, რომ ფილეს ჰორიზონტალური რადიუსი იქნება 20 პიქსელი, ხოლო ვერტიკალური რადიუსი იქნება 10 პიქსელი. მაგალითი 4 გვიჩვენებს, თუ როგორ უნდა შექმნათ ელიფსური კუთხეები, რომ დაამატოთ კომიქსების სტილის წარწერა ფოტოზე.
მაგალითი 4: ელიფსები
HTML5 CSS3 IE 9+ Cr Op Sa Fx
![](https://i2.wp.com/images/monk.jpg)
ამ მაგალითის შედეგი ნაჩვენებია ნახ. 4.
ბრინჯი. 4. ელიფსური კუთხეების გამოყენება
თქვენ ასევე შეგიძლიათ შეცვალოთ კუთხეების გარეგნობა სურათებზე საზღვრის რადიუსის თვისების დამატებით img ამომრჩეველში, როგორც ეს ნაჩვენებია მაგალით 5-ში.
მაგალითი 5: სურათები
HTML5 CSS3 IE 9+ Cr Op Sa Fx
მოგესალმებით, მეგობრებო! ტაბულური მონაცემები ხშირად გვხვდება ტექსტურ დოკუმენტებში, რათა უფრო მკაფიოდ აჩვენოს ზოგიერთი ინდიკატორი. და იქ განთავსებული ინფორმაციის საერთო აღქმა დამოკიდებულია ცხრილის სწორ ფორმატირებაზე. დღეს ჩვენ გავარკვევთ, თუ როგორ უნდა დავხატოთ ცხრილი Word-ში მისი სვეტებისა და რიგების ზომის მიხედვით.
ცხრილის შექმნამდე უნდა გადაწყვიტოთ სტრიქონების და სვეტების რაოდენობა. შემდეგი, აირჩიეთ შესაბამისი გვერდის ორიენტაცია. ფართო მაგიდისთვის სასურველია აირჩიოს ლანდშაფტი, ვიწრო მაგიდისთვის პორტრეტი.
ჩადეთ ცხრილი უჯრედების მოცემული რაოდენობით, თქვენთვის მოსახერხებელი ნებისმიერი გზით. ცხრილების ჩასმის მეთოდების შესახებ.
მაგიდის ზუსტი ზომის დაყენება
შემდეგი ნაბიჯი საშუალებას მოგვცემს დავაყენოთ მაგიდის მკაცრი გარე ზომები.
თქვენ უნდა დააჭიროთ ცხრილის შიგნით, რათა გააქტიუროთ მასთან მუშაობის შესაძლებლობა. თუ ცხრილის ჩასმისას არ მიუთითეთ რაიმე დამატებითი პარამეტრი, მაშინ ის დაიჭიმება მთელი ხელმისაწვდომი ტექსტის არეალის სიგანეზე (ჰორიზონტალური სახაზავი თეთრი მასშტაბის არეში) და მისი სვეტები ავტომატურად გასწორდება. სიგანეში.
ზუსტი ზომების მითითებისთვის, გადადით ხელსაწყოს არხზე.
ფანჯარაში, რომელიც იხსნება, ჩანართზე მაგიდამონიშნეთ ყუთი (მითითებულია ისრით) და ჩაწერეთ ცხრილის სასურველი სიგანე. დააწკაპუნეთ OK.
თუ ვერ შეცვლით სვეტების სიგანეს სასურველ ზომამდე და ერთის სიგანის შეცვლისას იცვლება მეორის სიგანე, მაშინ მონიშნული ველის მოხსნა აღმოფხვრის ამ უხერხულობას.
ახლა მაგიდის გარე ზომები შეზღუდული იქნება. თქვენ შეძლებთ მხოლოდ ცხრილის შიგნით არსებული სვეტების სიგანეზე ზემოქმედებას.
ხაზის სიმაღლის დაყენება
იმისათვის, რომ მთელ ცხრილზე მწკრივების სიმაღლე ერთნაირი იყოს, აირჩიეთ იგი. შემდეგი, ხელსაწყოთა ზოლში აირჩიეთ ცხრილებთან მუშაობა – განლაგება – თვისებები.
დიალოგურ ფანჯარაში გადადით ჩანართზე ხაზიჩანიშნეთ სიმაღლის ჩამრთველ ველში და მიუთითეთ მწკრივის საჭირო სიმაღლე და რეჟიმი (მონიშნული წითელი ჩარჩოთი). Მინიმალური- დააყენებს მინიმალურ მნიშვნელობას ყველა მწკრივისთვის. მაქსიმალური სიმაღლე შემოიფარგლება მხოლოდ უჯრედების შინაარსით. ამრიგად, ცხრილის რიგების სიმაღლე განსხვავდება, რადგან ეს დამოკიდებულია ინფორმაციის შინაარსზე. თუ გსურთ მკაცრად შეზღუდოთ მწკრივის სიმაღლე, დააყენეთ რეჟიმი ზუსტად.
ერთი ხაზის ზომების დასაყენებლად, უბრალოდ დააწკაპუნეთ მასზე, რათა გახსნათ კონტექსტური მენიუ. საიდანაც უნდა აირჩიოთ გუნდი ცხრილის თვისებებიმითითებული ხაზის პარამეტრების დასაყენებლად.
სვეტების სიგანის დაყენება
სვეტის ზომის დასადგენად, დააწკაპუნეთ მაუსის მარჯვენა ღილაკით მასში არსებულ ნებისმიერ უჯრედზე და გამოიძახეთ ცხრილის თვისებები. გადადით ჩანართზე სვეტიდააყენეთ საჭირო სიგანის ზომა და დააჭირეთ ღილაკს შემდეგი სვეტიან წინა სვეტი,გადადით ცხრილის სხვა სვეტების ზომის მითითებაზე. შემდეგ დააჭირეთ OK.
ახლა თქვენი მაგიდა მკაცრად შეესაბამება მითითებულ ზომებს.
P.S.ბლოგის მკითხველის, სერგეი იაკოვლევიჩ გრებენიუკის თხოვნით, მე გავაკეთე ჭადრაკის დაფა Microsoft Word-ში მაგიდის გამოყენებით და გამშვები ფიგურები ავტოფორმების გამოყენებით. ეს აუცილებელი იყო სხვადასხვა გამშვები პოზიციების გამოსახულების შესაქმნელად. აქ არის Word დოკუმენტის ბმული https://yadi.sk/i/O2SmHvyF3Pvujrუყურეთ ვიდეოს იმის სანახავად, თუ როგორ შეგიძლიათ მოაწყოთ ნაწილები და გადაიღოთ პოზიციის სკრინშოტი გამოყენებით , რომელიც მოყვება Windows ოპერაციული სისტემის 7 და უფრო მაღალ ვერსიას.
Word-ის შესაძლებლობები წარმოუდგენლად ძლიერია. ზოგჯერ მე თვითონ მიკვირს, რაც არ ხდება.
ძვირფასო მკითხველო! თქვენ ნახეთ სტატია ბოლომდე.
მიიღეთ პასუხი თქვენს კითხვაზე?დაწერეთ რამდენიმე სიტყვა კომენტარებში.
თუ პასუხი ვერ იპოვე, მიუთითეთ რას ეძებდით.
დავუშვათ, რომ თქვენ გაქვთ მონაცემები თანამშრომლების შესახებ: ტრანზაქციების რაოდენობა და შემოსავალი. თქვენ უნდა აჩვენოთ მონაცემები ვიზუალურად, როგორიცაა ტორტი დიაგრამა.
ამ შემთხვევაში, წრე ნიშნავს ყველა ტრანზაქციის ჯამს ან მთელი შემოსავლის ჯამს, ანუ 100%
ტორტი დიაგრამის აგებისას Excel ავტომატურად გამოთვლის წილს და წარმოგიდგენთ მას ლამაზი და ვიზუალური სურათის სახით.
ინსტრუქციები, თუ როგორ უნდა გააკეთოთ ტორტი სქემა Excel 2007 ან 2010 წლებში
- ტრანზაქციის მონაცემებზე დაფუძნებული წრე დიაგრამის შესაქმნელად, თქვენ უნდა აირჩიოთ მნიშვნელობების საჭირო დიაპაზონი B3:C8(სვეტი სრული სახელწოდებით და სვეტი ტრანზაქციებით) როგორც სურათზე. არ დაგავიწყდეთ მაგიდის სათაურის აღება.
- შემდეგი, გადადით განყოფილებაში ჩასმა | დიაგრამები
- დიაგრამების განყოფილებაში აირჩიეთ ტორტი სქემა
- ჩამოსაშლელი სიიდან უნდა აირჩიოთ სასურველი ტორტი დიაგრამის ტიპი.
სულ ეს არის - ტორტის სქემა მზად არის.
ღვეზელ დიაგრამაზე მნიშვნელობების საჩვენებლად, დააწკაპუნეთ მარჯვენა ღილაკით სადმე თავად წრეზე და აირჩიეთ " დაამატეთ მონაცემთა ხელმოწერები”
თუ თქვენ გჭირდებათ სხვა სვეტისთვის ტორტიანი დიაგრამის გაკეთება, ჩვენს მაგალითში ეს არის შემოსავალი, მაშინ თქვენ ასევე ჯერ უნდა აირჩიოთ ჩვენთვის საინტერესო სვეტები. ამისათვის თქვენ უნდა აირჩიოთ ეს დიაპაზონები კლავიშის დაჭერით Ctrlკლავიატურაზე
საჭიროების შემთხვევაში, ჩვენ ასევე ვათავსებთ მონაცემთა ხელმოწერებს.
ინტერნეტში უამრავი მაგალითი და გაკვეთილია ბლოკის ან მაგიდის კუთხეების დამრგვალებისთვის, მაგრამ, როგორც წესი, ეს გაკვეთილები ეფუძნება სურათების გამოყენებას ან დამატებითი ბლოკების გამოყენებას.
დღევანდელ გაკვეთილზე მე გაჩვენებთ, თუ როგორ შეგიძლიათ მრგვალი მაგიდის კუთხეები მხოლოდ CSS-ის გამოყენებით.
პირდაპირი მარკირება (მეორე ცხრილი განსხვავდება ზედა რიგის უჯრედების განლაგებით):
Curabitur a ultrices urna | Phasellus mollis |
ეგეთ ვენენატისი ეს tortor et est. | 0 |
Fusce sollicitudin metus quis libero auctor vestibulum. | 0 |
ნულა გრავიდა. | ურნა აუგუ. | Nunc iaculis bibendum. | |
ვესტიბულური დრო | Laoreet eros semper ut. | ||
Vivamus quis nisi lacus. | Cras id felis eu purus tempor dictum in at lorem. | facilisis iaculis magna diam id quam. ელეიფენდი. | Pellentesque cursus, nunc ut facilisis hendrerit |
1. მოარგეთ კუთხეები პირდაპირ მაგიდასთან (მაგიდის ტეგი).
BCcontentTables( საზღვარი: 1px მყარი #CCCCCC; სიგანე:100%; moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Google Chrome */ -khtml-border-radius : 10px; /* KHTML */ -o-border-radius: 10px; /* Opera */ -ms-border-radius: 10px; /* IE8 */ border-radius: 10px; /* CSS3 */ overflow: დამალული ; ზღვარი: 0.7em ავტო;)
2. წაშალეთ ნებისმიერი ფონი პირველი ხაზიდან.
Tr.bCTable_Header (ფონი: არცერთი;)
3. ფსევდოკლასი:first-child და კომბინატორის გამოყენებით აირჩიეთ ცხრილის პირველი უჯრედი. დამრგვალეთ პირველი უჯრედის ზედა მარცხენა კუთხე. პირველი რიგის ფონი შედგება ამ რიგის უჯრედების ფონისგან.
Tr.bCTable_Header:first-child > td:first-child( border-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(ფერი:თეთრი; შრიფტის ზომა:110%; ფონის ფერი:#00843C;)
4. ფსევდოკლასი:last-child და კომბინატორის გამოყენებით > აირჩიეთ პირველი სტრიქონის ბოლო უჯრედი. ამისათვის ჩვენ ვამრგვალებთ ზედა მარჯვენა კუთხეში.
Tr.bCTable_Header:first-child > td:last-child( border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -ms- border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -khtml-border-radius: 0 10px 0 0; )
5. ბოლო ხაზის ქვედა კუთხეების დამრგვალება. არ დაგავიწყდეთ ბოლო ხაზის ფონის ამოღება; მწკრივის ფონი დაყენებულია ბოლო რიგის უჯრედების ფონით.
BCcontentTables tr:last-child( border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-0dius 10px; -o-border-radius:0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; ფონი:არცერთი; )
6. შემდეგ, 3-4 წერტილების ანალოგიით, ბოლო სტრიქონში ვამრგვალებთ პირველი და გარე უჯრედების კუთხეებს.
BCcontentTables tr:last-child td(background-color:#F1F1F2;) .bContentTables tr:last-child td:first-child( border-radius:0 0 0 10px; -webkit-border-radius:0 0 ;0 -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:last-child (border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; -moz-border-radius:0 0 10px 0; -ms-border- რადიუსი: 0 0 10 პიქსელი 0; -o-საზღვრის-რადიუსი:0 0 10პx 0; -khtml-საზღვრის რადიუსი: 0 0 10პx 0; )
ბრაუზერის მხარდაჭერა
შეიძლება სასარგებლო იყოს წაკითხვა:
- სოციალურ მედიაზე დამოკიდებულება 21-ე საუკუნის ეპიდემიაა;
- ფულის გამომუშავების პროგრამა VipIp autosurfing ფულისთვის, მიმოხილვა, მიმოხილვები;
- საგანმანათლებლო პროგრამა მობილური აპარატურის შესახებ: GPUs თამაშები adreno 200-ისთვის;
- Rich Birds-ის მიმოხილვები;
- შენახვის მედიის ტიპები;
- Yandex Webmaster: გამოყენების ინსტრუქცია;
- ცხოვრება ცივილიზაციის სარგებლობის გარეშე!;
- რა ჰქვია აპს სახეებით Instagram-ისთვის?;