გახადეთ საკუთარი თავი მორგებული, მინიმალისტური საწყისი გვერდი!: 10 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:15

გიწევდათ უმეტესწილად დისტანციურ სამუშაოზე გადასვლა მას შემდეგ, რაც COVID-19 გახდა რაღაც? იგივე!

სახლიდან მუშაობა ჩვენი კომპიუტერებით და ინტერნეტით ხშირად ნიშნავს იმას, რომ ჩვენ გვჭირდება თვალყური ადევნოს უამრავ ვებსაიტს სამუშაოსთვის, სკოლისთვის ან თუნდაც … გასართობად!

სანიშნეები ყოველთვის არ ასრულებენ ამოცანას, მაშ, როგორ გვექნება ჩვენთვის მორგებული საწყისი გვერდი, რომელიც მორგებულია მხოლოდ თქვენთვის, ყველა საჭირო ბმულით და ეს იხსნება თქვენს ვებ ბრაუზერში ყოველ ჯერზე, როცა დაგჭირდებათ?

აი რა დაგჭირდებათ:

• კომპიუტერი (ჩვენ გვაქვს Windows, მაგრამ ნებისმიერი თანამედროვე კომპიუტერი ამას გააკეთებს).
• კავშირი ინტერნეტთან.
• ახალი ინსტალაცია ტექსტური რედაქტორი Notepad ++.

როდესაც მზად იქნებით, მოდით დავიწყოთ ჩვენი საწყისი საწყისი შაბლონის გამოყენებით … ან საკუთარი ნულიდან შევქმნათ!

ნაბიჯი 1: შექმენით საწყისი გვერდი ან გადმოწერეთ ჩვენი მორგებული შაბლონი

ამ ეტაპზე თქვენ გაქვთ ორი ვარიანტი:

1. ჩამოტვირთეთ ჩვენი მორგებული შაბლონი (ინსტრუქცია მიჰყევით ცოტა მოგვიანებით ამ ნაბიჯს) ან,
2. მიჰყევით ამ მთავარ სახელმძღვანელოს; ის მიგიყვანს მარტივი საწყისი გვერდის სამშენებლო ბლოკებში ეტაპობრივად - და ეს არის სახელმძღვანელო, რომელსაც ჩვენ მივყვებით ამ პერსონალური საწყისი გვერდის შესაქმნელად!

რატომ გირჩევთ გაკვეთილს … გაკვეთილში? ჩვენი მუშაობა, როგორც MakerSpace ფასილიტატორი, არ არის მხოლოდ იმის ჩვენება, თუ როგორ უნდა გავაკეთოთ საქმეები: ის ასევე დაგაკავშირებთ თქვენ შემქმნელის კულტურასთან და იქ არსებულ რესურსებთან. ეს სახელმძღვანელო არის ერთ -ერთი ადგილი, სადაც ბევრი დამწყები დიზაინერი იწყებს მუშაობას, ამიტომ აზრი ჰქონდა გაგიზიაროთ იგი!

თუ დრო გაქვთ, გააგრძელეთ ვარიანტი #2, მაგრამ თუ არა, ყოველთვის შეგიძლიათ მიმართოთ მთავარ საწყის სახელმძღვანელოს მოგვიანებით! ამ გაკვეთილისთვის, ჩვენ ვივარაუდოთ, რომ თქვენ ჩამოტვირთავთ ჩვენს მორგებულ შაბლონს! გადმოსატვირთად:

1. გახსენით ჩვენი DIY_startpage საცავი Github– ზე.
2. დააწკაპუნეთ დიდ მწვანე ღილაკზე, ჩამოსაშლელი მენიუს გასახსნელად.
3. დააწკაპუნეთ Download ZIP– ზე პროექტის ყველა ფაილის გადმოსაწერად.
4. ამოიღეთ ყველა ფაილი ZIP ფაილიდან, რომელიც თქვენ გადმოწერეთ თქვენს მიერ არჩეულ ადგილას.

GitHub არის ვებსაიტი, სადაც პროგრამისტები და დიზაინერები მთელს მსოფლიოში უზიარებენ თავიანთ კოდს და შემოქმედებას სხვებს: ის ასევე გაძლევთ საშუალებას ითანამშრომლოთ სხვებთან ერთად ყველა სახის პროექტში. დედააზრი ის არის, რომ ეს არის შესანიშნავი ინსტრუმენტი, რომელიც ყველა შემქმნელმა უნდა იცოდეს!

ახლა დაიწყეთ თქვენი არჩეული ბრაუზერი: მე ნამდვილად მომწონს Firefox, მაგრამ ჩვენი შაბლონი უნდა მუშაობდეს თითქმის ნებისმიერ უახლეს ვებ ბრაუზერზე, ასე რომ თავისუფლად გამოიყენეთ Edge, Chrome ან Safari!

დაბოლოს, გახსენით "DIY_startpage.html" ფაილი თქვენს ბრაუზერში და Notepad ++ - ში და დავიწყოთ მისი მორგება!

ნაბიჯი 2: ჩამოთვალეთ თქვენი რჩეული

საწყისი გვერდის ქონა მშვენიერია. სასარგებლო საწყისი გვერდის ქონა კიდევ უკეთესი და ახლა, ჩვენი გამოიყურება ცოტა ცარიელი!

რა არის ის, რასაც რეგულარულად ამოწმებთ და უნდა აკონტროლოთ? რა ვებკომიქსებს კითხულობთ დილით? რომელი საინფორმაციო ვებგვერდის შემოწმება მოგწონთ? ეს არის ის, რაც უნდა დაეშვას თქვენს საწყის გვერდზე.

ამ გაკვეთილისთვის მე მხოლოდ ჩემს რჩეულებს გამოვიყენებ. გაფუჭების გაფრთხილება, ბევრი ბმული ბიბლიოთეკიდან! ასევე ზოგიერთი ჩემი საყვარელი შემქმნელი შთაგონების მიზნით და ზოგიერთი ჩემი საყვარელი გასართობი. თქვენ შეგიძლიათ იპოვოთ ყველა ეს ელემენტი ქვემოთ მოცემული ბმულით, როგორც მაგალითი!

სიახლეები და კითხვა

• ციფრული გაზეთები
• ციფრული წიგნები
• ციფრული ჟურნალები

სწავლა

• W3C სკოლები
• უდემი
• მანგოს ენები

მუსიკა

• მოუსმინეთ ადგილობრივებს
• სიმღერა ფეთქებადი
• ჯამენდოს მუსიკალური რადიოები

შემქმნელი კულტურა

• ბირთვი 77
• ლუმკლასტერი
• მელაპროპიზმები

მე შევარჩიე ჩემი სამი ფავორიტი თითოეული კატეგორიისთვის, მაგრამ თქვენ უნდა შეგეძლოთ ამის მეტი ან ნაკლები უპრობლემოდ - თქვენი საწყისი გვერდის განლაგება ავტომატურად მოერგება რიცხვს ან რესურსს!

მას შემდეგ რაც ჩამოთვლით თქვენს ყველა ფავორიტს, მოდით განვსაზღვროთ ისინი ერთი წუთით და ვიმუშაოთ იმაზე, რომ ჩვენი ზოგადი საწყისი გვერდის შაბლონი იყოს თქვენთვის.

ნაბიჯი 3: შეცვალეთ თქვენი შრიფტი

დაიწყეთ Notepad ++, დააწკაპუნეთ ფაილზე> გახსენით თქვენი "DIY_startpage.html" ფაილის გასახსნელად. რასაც თქვენ უყურებთ, ძალიან განსხვავდება თქვენი ბრაუზერის გვერდისგან, არა? ეს არის თქვენი გვერდის კოდი და ბრაუზერები განმარტავენ ამ კოდს, რათა ის უფრო თვალისმომჭრელი გამოიყურებოდეს და აკეთებს ყველაფერს, რაც ჩვენ გვჭირდება.

ჩვენი საწყისი გვერდის პროექტის კოდი დაწერილია ორ ენაზე: HTML და CSS. HTML ჩვეულებრივ პასუხისმგებელია გვერდის შინაარსზე, ხოლო CSS პასუხისმგებელია გვერდის გარეგნობაზე.

მოძებნეთ ეს პირველი განყოფილება თქვენი საწყისი გვერდის მორგებისთვის:

html {

გასწორება-ელემენტები: ცენტრი; ფერი: #313131; ჩვენება: flex; font: 22px "კურიერი ახალი", კურიერი, ერთ სივრცე; სიმაღლე: 100%; გამართლება-შინაარსი: ცენტრი; ზღვარი: 0; }

ჩვენი საწყისი გვერდის ეს ნაწილი ყურადღებას ამახვილებს ჩვენს გვერდზე არსებული ნივთების ზოგად სახეზე. Ხაზი:

font: 22px "კურიერი ახალი", კურიერი, ერთ სივრცე;

კონკრეტულად ეხება შრიფტს, რომელსაც ჩვენ ვიყენებთ საწყის გვერდზე და აქვს ორი პარამეტრი, რომელიც განსაზღვრავს როგორი იქნება თქვენი გვერდის ტექსტი: ზომა და შრიფტის ოჯახი.

• ზომა - ეს არის ის "22px". ეკრანზე თქვენი ტექსტის ზომა განისაზღვრება "px" - ით, პიქსელებისთვის მოკლე.
• შრიფტის ოჯახი - ეს არის სადაც ჩვენ ჩამოვთვლით შრიფტებს, რომელთა გამოყენებაც გვსურს. როგორც წესი, კარგი იდეაა ჩამოთვალოთ რამოდენიმე, იმ შრიფტიდან, რომლის გამოყენებაც ყველაზე მეტად გსურთ. ეს შრიფტები ეყრდნობა თქვენს მიერ გამოყენებულ ბრაუზერს, ასე რომ, თუ ყველაზე კონკრეტული არ არის ხელმისაწვდომი, ბრაუზერი შეეცდება შემდეგს და ასე შემდეგ.

W3schools– ის CSS Web Safe Fonts გვერდს აქვს შრიფტების კომბინაციების დიდი სია, რომლებიც მშვენივრად გამოიყურება, დაიცავს სტილს, რომელსაც ეძებთ და იმუშავებს თანამედროვე ბრაუზერებზე.

მაგალითად, შეგიძლიათ შეცვალოთ:

"კურიერი ახალი", კურიერი, კოსმოსური;

თან:

"Palatino Linotype", "Book Antiqua", Palatino, serif;

ან:

"Comic Sans MS", cursive, sans-serif;

შეინახეთ ფაილი და განაახლეთ გვერდი თქვენს ბრაუზერში, რომ ნახოთ ცვლილებები! არ მოგწონს? Არაა პრობლემა! ითამაშეთ CSS ვებ უსაფრთხო ფონტებით, სანამ არ იპოვით თქვენთვის სასურველ კომბინაციას.

ნაბიჯი 4: შეცვალეთ თქვენი სათაურის ციტატა

მოძებნეთ ეს სექცია თქვენს HTML ფაილში:

ეს არის თქვენი საწყისი გვერდი! ისიამოვნეთ

შეარჩიეთ ციტატა, რომელიც მოგწონთ და შეცვალეთ კოდი! საკუთარი თავისთვის, მე ავირჩიე

კიდევ ერთხელ გადახედეთ დარღვევას

თქვენი საწყისი გვერდის განლაგება უნდა შეესაბამებოდეს თქვენს ციტატას, როგორც კი თქვენს ბრაუზერში გადატვირთავთ გვერდს: Firefox– ში, ეს ნიშნავს კლავიატურაზე CTRL+R დაჭერას, ან გადატვირთვის ხატის დაჭერას. შეარჩიეთ ციტატა, რომელიც მოგწონთ ახლა (ან შეარჩიეთ რამე მოგვიანებით!) და მოდით დავიწყოთ მუშაობა თქვენი საწყისი გვერდის სექციების მორგებით!

ნაბიჯი 5: შეცვალეთ თქვენი სექციები

ახლა, როდესაც თქვენ იპოვნეთ თქვენთვის სასურველი შრიფტების კომბინაცია და გაქვთ შესანიშნავი ციტატა, რომელიც შთაგაგონებთ, გავაგრძელოთ და მოვახდინოთ თქვენი სექციების მორგება.

თუ თქვენ გადმოწერეთ ჩვენი საწყისი გვერდი Github– დან, თქვენ გაქვთ 6 სექცია პერსონალურად მოსაწყობად: ორიგინალ სახელმძღვანელოს აქვს მხოლოდ 4, მაგრამ რადგან ჩვენი ცხოვრების სულ უფრო და უფრო მეტი ასპექტი გადმოვიდა ონლაინში ბოლო დროს, მე წინ წავედი და ყოველი შემთხვევისთვის დავამატე.

იპოვეთ პირველი ნაწილი და ჩაწერეთ ის, რაც ჩვენ გვჭირდება. შეგახსენებთ, რომ ჩემი პირველი განყოფილებაა "ახალი ამბები და კითხვა":

თქვენი ფაილი ჯერ კიდევ გახსნილია Notepad ++ - ში, იპოვეთ კოდის შემდეგი ხაზი:

ნაწილი 1

და შეცვალეთ იგი თქვენი სიის იმ კატეგორიით, რომელიც თქვენი აზრით ყველაზე მეტად გამოიყენებთ.

ვინაიდან ჩვენ ბევრს შევეჩვიეთ დოკუმენტების კითხვას მარცხნიდან ზევით, ეს არის ის, სადაც თქვენი თვალები შეიძლება ბუნებრივად წავიდეს - ასე რომ ისარგებლეთ ამით და შეინარჩუნეთ ჩვენი ყველაზე მნიშვნელოვანი წასვლა იქ! მაგრამ თუ თქვენ ხართ კულტურისგან განსხვავებული კითხვის მიმართულებით, ან თუ უბრალოდ სხვანაირად მუშაობთ, მოერგეთ ამას თქვენთვის. ყოველივე ამის შემდეგ, ეს არის თქვენი საწყისი გვერდი: თქვენ იცით რა არის საუკეთესო თქვენთვის!

ერთი განყოფილების სათაური ქვემოთ, ხუთი დარჩა! მოძებნეთ კოდის ხაზი, რომელიც ამბობს:

ნაწილი 2

შეცვალეთ იგი, შემდეგ მოძებნეთ განყოფილების სათაურები და შეცვალეთ ისინი სანამ არ მიაღწევთ თქვენი სიის ბოლოს. თუ თქვენ არ იყენებთ ყველა განყოფილებას, უბრალოდ დატოვეთ ისინი! ჩვენ ასევე გავაკეთებთ პატარა გაწმენდას ამ გაკვეთილის ბოლოს.

სექციების მორგების დასრულების შემდეგ, უბრალოდ შეინახეთ ცვლილებები Notepad ++ - ში და გადატვირთეთ გვერდი თქვენს ბრაუზერში. ყველა განყოფილების სათაური უნდა გამოჩნდეს იქ, სადაც თქვენ განათავსეთ: ახლა ჩვენ შეგვიძლია პერსონალურად დავაკონფიგურიროთ ბმულები თითოეულ განყოფილებაში!

ნაბიჯი 6: შეცვალეთ თქვენი ბმულები

თითოეულ განყოფილებაში ბმულების მორგება უფრო მეტად არის ჩართული, მაგრამ რა თქმა უნდა, არც ისე რთულია!

ამჯერად ჩვენ არ ვცვლით მხოლოდ ბმულების სახელს, ჩვენ ასევე ვცვლით იმას, რისი გაკეთებაც შეგიძლიათ მათთან ერთად! თითოეულ პუნქტში თითოეული პუნქტი გახდება დაწკაპუნებადი, ბმული სხვა ვებსაიტზე. ბონუსი, თქვენ ასევე შეგიძლიათ გადაწყვიტოთ გსურთ ის გაიხსნას ახალ ფანჯარაში თუ არა!

პირველი, მოძებნეთ ხაზი, რომელიც ასე გამოიყურება:

link_one_name

შეარჩიეთ ის "link_one_name" ბიტი და შეცვალეთ იგი თქვენივე ტექსტით. მაგალითად, პირველი ნაწილის პირველი ბმული, რომელიც დაფუძნებულია ჩემს სიაზე X საფეხურიდან არის "ციფრული გაზეთები", ასე რომ ჩვენ ვიღებთ:

ციფრული გაზეთები

შემდეგი, მოდით ვიმუშაოთ ბმულის მორგებაზე! შეცვალეთ "link.one" ბიტი თქვენი პირველი ბმულით. ჩემთვის ეს იქნება ჩვენი ციფრული გაზეთების ბმული, ასე გამოიყურება:

ციფრული გაზეთები

შეინახეთ თქვენი სამუშაო ტექსტის რედაქტორში და განაახლეთ გვერდი თქვენს ბრაუზერში

თქვენ ახლა უნდა შეგეძლოთ დააწკაპუნოთ თქვენზე მორგებულ პირველ ბმულზე. თუ არ დასჭირდა, კარგია! დაიწყეთ ხელახლა ან გადახედეთ თქვენს ნაბიჯებს სანამ ბმული არ გაიხსნება, როდესაც დააწკაპუნებთ მასზე.

მას შემდეგ რაც პირველი ბმული გააქტიურდება … კარგი, ყველაფერი რაც თქვენ გჭირდებათ რომ გააკეთოთ არის გაიმეოროთ ეს ნაბიჯები თითოეული ბმულისთვის თითოეულ განყოფილებაში, სანამ არ დააკონფიგურირებთ ყველა სახელსა და ბმულს თქვენს საწყის გვერდზე! მხოლოდ ერთი დაჭერაა: შანსია, როდესაც დააწკაპუნებ ბმულზე, შენი საწყისი გვერდი უბრალოდ გაქრება, რადგან ახალი ბმული იხსნება იმავე ჩანართში ან ფანჯარაში.

ეს არ არის ძალიან მოსახერხებელი … მაშ, როგორ უნდა შეიცვალოს ბმულების გახსნის გზა? მოდით გამოვიყენოთ ჩვენი პირველი ბმული მაგალითისთვის! თქვენ ალბათ გახსოვთ, რომ აქ ჩვენ ვეუბნებით თქვენს ბრაუზერს გახსნას ბმული, როდესაც დააწკაპუნებთ მასზე:

ციფრული გაზეთები

მაგრამ გამოიცანით რა - ეს არის ის ადგილი, სადაც ჩვენ ვწყვეტთ როგორ მოხდება ბმულის გახსნა! შეცვალეთ იგი:

ციფრული გაზეთები

ახლა შეინახეთ თქვენი სამუშაო და განაახლეთ გვერდი თქვენს ბრაუზერში: ბმული ახლა გაიხსნება ახალ ჩანართზე, როდესაც დააწკაპუნებთ მასზე! ამ გზით თქვენ შეგიძლიათ შეინახოთ თქვენი საწყისი გვერდი იმ დროს, როცა დაგჭირდებათ.

ნაბიჯი 7: დაამატეთ სურათი თქვენს საწყის გვერდზე

ახლა, როდესაც ჩვენი ყველა ბმული შეიქმნა, დროა დაამშვენოთ ჩვენი საწყისი გვერდი! ამ შაბლონს აქვს ადგილი პერსონალური სურათისთვის ეკრანის მარჯვენა მხარეს. ახლა ისევ Notepad ++– ში, მოძებნეთ ეს ხაზი:

ყველა გზა შაბლონის ბოლოს. შეარჩიეთ თქვენთვის სასურველი სურათი, გადაიტანეთ იგი იმავე საქაღალდეში, როგორც თქვენი საწყისი გვერდი და შეცვალეთ "library_picture.jpg" თქვენი სურათის ფაილის სახელით. მაგალითად, თუ ჩემი ფაილის სახელია "your_picture.jpg" ხაზი ხდება:

შეინახეთ ცვლილებები და კიდევ ერთხელ გადატვირთეთ საწყისი გვერდი თქვენს ბრაუზერში.

ვინაიდან თქვენი საწყისი გვერდის კოდი და თქვენი სურათის ფაილები ერთ საქაღალდეშია, გვერდი განახლებისას სურათი ავტომატურად უნდა ჩატვირთოს. თუ ეს ასე არ არის, შეამოწმეთ თქვენი ფაილის სახელი - ეს არის ის, სადაც მე ჩვეულებრივ არასწორად ვხვდები!

სმარტფონის ფონი შესანიშნავია ამ პროექტისთვის. ზოგადად, ნებისმიერი ვერტიკალური სურათი (ან როგორც ლამაზი ხალხი ამბობს "პორტრეტზე ორიენტირების სურათი" 16: 9 თანაფარდობით) ამ საკითხისათვის! მაგრამ ჩვენი საწყისი გვერდის განლაგება ადაპტირდება, რაც არ უნდა გადააგდოთ მას.

თუ თქვენი სურათი გამოჩნდება, გილოცავთ, თქვენ საკმაოდ დასრულებული ხართ!

ნაბიჯი 8: ცოტათი გაწმენდა

თუ თქვენ გაქვთ დამატებითი სექციები, რომლებსაც არ იყენებთ იმ მომენტში, მოგერიდებათ წაშლა! მაგალითად, ვთქვათ, რომ თქვენ არ იყენებთ მე -6 ნაწილს. იპოვეთ:

• ნაწილი 6
• პუნქტი 1
• პუნქტი 2
• პუნქტი 3

შეარჩიეთ და წაშალეთ ეს ხაზები, შეინახეთ ფაილი და განაახლოთ ფაილი თქვენს ბრაუზერში, რომ დარწმუნდეთ რომ ყველაფერი გაქრა.

ეს, როგორც წესი, ის ნაბიჯია, სადაც ყველაფერს ვარღვევ, რადგან მე ძალიან სწრაფად მივდივარ, ასე რომ, თუ რამე მოულოდნელად არ მუშაობს, დაიმახსოვრე: ღრმად ჩაისუნთქე და გააუქმე ის, რაც ახლახან გააკეთე კლავიატურის CTRL+Z კომბინაციით!

ნაბიჯი 9: გახადეთ ის რეალური საწყისი გვერდი

ახლა, როდესაც საწყისი გვერდი ხსნის ჩვენთვის აუცილებელ ყველა ბმულს და გამოიყურება ისე, როგორც ჩვენ გვინდა, დროა გავხსნათ ის, როდესაც ბრაუზერს დაიწყებთ!

იმ მომენტში, მე მომწონს ყველაფრის მოშორება ჩემი კომპიუტერის დესკტოპისგან, ჩემი საწყისი გვერდის საქაღალდის გათიშვით და ჩასვით Windows- ის დოკუმენტების საქაღალდეში. ასე რომ, თუ თქვენ დაასრულეთ მუშაობა თქვენს საწყის გვერდზე, გააკეთეთ ეს!

შემდეგი: სავარაუდოდ თქვენი ბრაუზერი იხსნება თქვენი საყვარელი საძიებო სისტემით, ან შესაძლოა ცარიელი გვერდიც კი.

ქვემოთ შეგიძლიათ იხილოთ ინსტრუქციები Firefox– ის და სხვა ბრაუზერების პერსონალიზაციისათვის:

• Firefox– ის მითითებები
• Google Chrome ინსტრუქციები
• Safari ინსტრუქციები
• Microsoft Edge ინსტრუქცია

როგორც კი დაასრულებთ ბრაუზერის მითითებების შესრულებას, დახურეთ ყველაფერი და გახსენით იგი. თუ თქვენი საწყისი გვერდი გამოჩნდება თქვენი ბრაუზერის გაშვებისას, თქვენ შეძელით!

თუ ამას არ დასჭირდა, კვლავ გადახედეთ ბრაუზერის მითითებებს და დარწმუნდით, რომ არაფერი გამოგრჩათ. უარესი უარესამდე მიდის, შემდეგ გადატვირთეთ კომპიუტერი მთელი თქვენი სამუშაოს შენახვის შემდეგ. 10 -დან 9 -ჯერ, ეს წყვეტს ყველაფერს!

ნაბიჯი 10: ყველაფერი შესრულებულია! და გსურთ იცოდეთ მეტი?

გილოცავთ დაწყებული გვერდის დასრულებას! შეიძლება არ ჩანდეს ბევრი, მაგრამ თქვენ უბრალოდ ისწავლეთ ვებ – გვერდის ერთ – ერთი ყველაზე მნიშვნელოვანი სამშენებლო ბლოკის კოდი ისე, როგორც მე… დაახლოებით 20 წლის წინ!

თუ მოგეწონათ და გინდათ მეტი გაიგოთ საწყისი გვერდების შესახებ, ეს არის კურდღლის ღრმა ხვრელი! აქ არის მცირე შერჩევა, რომელიც დაგეხმარებათ თქვენი საწყისი გვერდის მოგზაურობაში:

• სცადეთ ძირითადი საწყისი სახელმძღვანელო? კარგი ამბავია, საიდან მოდის! გადახედეთ სხვა სახელმძღვანელოებს / stpg / მეტი შთაგონების და მოწინავე მახასიათებლებისთვის!
• შეამოწმეთ ჯონსონის საგრაფოს ბიბლიოთეკის კატალოგი HTML და CSS წიგნებისთვის - და თქვენი ბიბლიოთეკის ბარათით ან ელექტრონული ბარათით თქვენ ასევე გაქვთ წვდომა ელექტრონულ წიგნებზე!
• თქვენი ბიბლიოთეკის ბარათი ასევე გაძლევთ წვდომას უდემიზე და მას აქვს ძალიან სრულყოფილი კლასები HTML, CSS და ვებ დიზაინზეც.

თუ თქვენ ძალიან ამაყობთ თქვენი შემოქმედებით, რატომ არ იღებთ ეკრანის ანაბეჭდს და არ გვიზიარებთ მას Twitter– ზე ან Instagram– ზე #jocomakes ჰეშტაგით? ჩვენ ყოველთვის სიამოვნებით ვნახავთ რას მოიტანს ჩვენი მფარველი!