მონაცემთა ცხრილებში ჩამოთვლილია სხვადასხვა ინფორმაცია სვეტებსა და მწკრივებში მარტივი მოსმენით. მონაცემები, როგორც წესი, ნაწილობრივ რიცხვითია ტექსტური იარლიყებით. მაგალითად, მოცემულია მონაცემთა ცხრილი, რომელიც აჩვენებს, თუ რამდენ კალორიას იღებს ადამიანი ყოველდღე. მონაცემთა ცხრილის გაკეთება შესაძლებელია HTML ან უფრო რთული CSS ბრაუზერის ენაზე. საბოლოო ცხრილი ჰგავს ცხრილში ან ქაღალდზე შექმნილი მონაცემთა ცხრილს. განსხვავება მხოლოდ ფონის კოდირებაშია, რომელიც არ ჩანს, თუ არ გამოიყურება კოდის კოდი. დაშიფვრა შეიძლება შეიქმნას HTML რედაქტორების, ტექსტის ან სხვა გზით. უამრავი საიტია ინტერნეტში, რომლებიც გთავაზობთ მონაცემების შეყვანის, რამდენიმე ატრიბუტის დაყენების და მაგიდის კოდირების თქვენთვის შესაქმნელად. მონაცემთა ონლაინ ცხრილები, როგორც წესი, გამოიყენება როგორც ვებ – გვერდის ნაწილი. მონაცემთა ცხრილები ხშირად გამოიყენება კატეგორიების მქონე ნივთების სიების შესაქმნელად, მაგალითად, გასაყიდი ნივთებისთვის. ზოგი ვებ გვერდი იყენებს მათ ინფორმაციის მისაღებად სტატისტიკის დასადგენად. მიუხედავად იმისა, რომ მონაცემთა ცხრილები შეიძლება გამოყენებულ იქნას ხაზგარეშე ბეჭდვისთვის ან რეპორტებისთვის, მათი გამოყენება უმჯობესია ცხრილების პროგრამა, როგორიცაა Microsoft Office Excel, რომელიც გთავაზობთ მუშაობის კიდევ ბევრ ფუნქციას მონაცემებით. ეს სახელმძღვანელო გვიჩვენებს, თუ როგორ უნდა შექმნათ HTML მონაცემთა ცხრილი Notepad– ით.
გახსენით HTML რედაქტორი ან უბრალოდ ჩასაწერი ტექსტური დოკუმენტი HTML კოდის შესასვლელად. ჩასაწერი წიგნი კარგად მუშაობს, თუ HTML კოდირებაში ხართ შეჩვეული. HTML რედაქტორები უფრო სწრაფად ასრულებენ განმეორებად დავალებებს, მაგრამ ზოგიერთ მათგანს, როგორიცაა Frontpage, ემატება ზედმეტი, არასაჭირო კოდირება, რომელსაც შეუძლია შეანელოთ ვებ გვერდები. საუკეთესო რამ არის კოდის შედგენა HTML რედაქტორის გამოყენებით, შემდეგ დაბრუნდეთ და ხელით შესწორეთ კოდი მის გასასუფთავებლად.
გადაწყვიტეთ ცხრილის ატრიბუტები საზღვრის, სიგანე, ფონის ფერი და შრიფტის ფერები. თქვენ უნდა გაითვალისწინოთ ვებ – გვერდის განლაგება, სიგანე, ფერები და სხვა ატრიბუტები, რათა მაგიდა ადვილად იკითხებოდეს. თქვენ ასევე უნდა გადაწყვიტოთ რამდენი სტრიქონი და სვეტია საჭირო მონაცემებისთვის. დაიწყეთ ცხრილის ატრიბუტების განსაზღვრა. (ჩვენს მაგალითში ნაჩვენებია კალორიების რაოდენობა, რომელიც მიირთმევენ ლანჩსა და ვახშამზე ყოველ სამუშაო დღეს. ჩვენ გვჭირდება სამი სვეტი (დღე, სადილი და ვახშამი) და შვიდი რიგი (ორი ეტიკეტისთვის და ერთი თითოეული სამუშაო დღისთვის).
დაამატეთ საზღვარი მაგიდისა და მონაცემთა უჯრედების გარშემო. საზღვრები მონაცემებს უჯრედებში ჰყოფს ადვილად ნახვისთვის. იგი იზომება პიქსელებში და შეიძლება მიეცეს 0 მნიშვნელობა, რომ არ გამოიყენოს ისინი. ერთი ან ორი პიქსელიანი საზღვარი საერთოდ კარგად არის. საზღვრის ნიშანი არის
bgcolor = border = "CHOSEN_BORDER_WIDTH"
საზღვრის ფერი შეიძლება შეიცვალოს თეგით
bordercolor = "CHOSEN_COLOR"
რომელიც იყენებს ძირითადი ფერების ტერმინებს, როგორიცაა წითელი ან შავი ან ექვსნიშნა თექვსმეტობითი ფერის კოდები. თექვსმეტობით მეტი ფერები გვთავაზობს. ჩვენს მაგალითში გამოიყენება border = "2" და bordercolor = "შავი".
განსაზღვრეთ მთელი ცხრილის სიგანე. ის იზომება პიქსელებში ან ეკრანის ზომის პროცენტებში. პიქსელები საბოლოოა და პროცენტული მაჩვენებლები საშუალებას აძლევს მაგიდას დაარეგულიროს ეკრანის სხვადასხვა ზომები. შეეცადეთ განიხილოთ სიგანე, მონაცემების სიგანეზე დაყრდნობით, რიგებში. თუ მოგვიანებით შეიტყვეთ, რომ მაგიდა ძალიან თხელი ან ფართოა, ის შეიძლება შეიცვალოს. ჩვენი მაგალითი იყენებს width = "175".
მონაცემთა უჯრედების ფონის ფერის დაყენება. იგი განსხვავდება გვერდის ფონის ფერისაგან, რომელსაც შეუძლია კარგი კონტრასტი შექმნას. ტეგი არის
bgcolor = "CHOSEN_COLOR"
ისევე, როგორც საზღვრის ფერი. ჩვენს მაგალითში გამოიყენება bgcolor = "თეთრი".
უჯრედებში დააყენეთ ტექსტის შრიფტის ფერი. დარწმუნდით, რომ ფერი კარგად ეწინააღმდეგება ფონს, ასე რომ ადვილად იკითხება. სიბნელეზე სინათლე ან სინათლეზე სინათლე ყოველთვის საუკეთესოდ მუშაობს. ტეგი არის
font = "CHOSEN_COLOR"
ჩვენი მაგალითია font = "შავი", რომელიც კარგად უპირისპირდება თეთრ ფონს.
დაწერეთ ცხრილის სრული თეგები მარცხენა და მარჯვენა ისრის შორის, ინტერვალით ატრიბუტების ატრიბუტებს შორის და დაწყებული მაგიდის ეტიკით. თეგების რიგითობას მნიშვნელობა არ აქვს, სანამ "მაგიდა" წინ არის.
განსაზღვრეთ სვეტის სიგანე. თითოეული სვეტის სიგანე დამოკიდებულია მთელი ცხრილის სიგანეზე. ავიღოთ ცხრილის სიგანე და გავყოთ უჯრედების რაოდენობაზე თანაბრად ზომის სვეტების მისაღებად. საჭიროების შემთხვევაში, შეცვალეთ სვეტის სიგანე, მაგრამ საერთო ჯამში არ შეიძლება აღემატებოდეს ცხრილის სიგანეს. როდესაც ერთი უჯრედის სიგანე შეიცვლება, საჭიროა სხვა უჯრედების შეცვლა, რომ მაგიდის სიგანე იყოს. (ჩვენს მაგალითს აქვს 175 სიგანე და სამი სვეტი თითო რიგში, ასე რომ, თანაბარი გაყოფა დაახლოებით 59). რეალური დაყოფა 70, 60, 40).
დაიწყეთ თქვენი მონაცემების დამატება. პირველი, დაიწყეთ ახალი ხაზი და დაამატეთ ცხრილის რიგი კოდთან ერთად
შეიყვანეთ თქვენი მონაცემები უჯრედისთვის; გამოიყენეთ ეს კოდი ცარიელი უჯრედების წარმოსადგენად:
დახურეთ უჯრედი თეგით. Bordercolor ნიშანი გამოიყენება, თუ სასურველია, უჯრედის საზღვრის ფერი. თუ ის გამოტოვებულია, გამოიყენება ნაგულისხმევი ცხრილი bordercolor. ჩვენი მაგალითის პირველი უჯრედის კოდია:
გაიმეორეთ ცხრილის მონაცემთა უჯრედების შექმნა, თითოეული ახალი ხაზით, სანამ მწკრივში ყველა უჯრედი არ დასრულდება. შემდეგ დაასრულეთ მწკრივი თეგით. დაიწყეთ შემდეგი რიგი იგივე პროცესით, დაწყებული
დახურეთ ცხრილი კოდით ტეგი. ჩვენი საბოლოო ცხრილის კოდი, თუ მონაცემთა ორი რიგის შემდეგ დასრულდა, ქვემოთ მოცემულია.
რაც დაგჭირდებათ
- HTML რედაქტორი ან ჩასაწერი წიგნი
- მონაცემები