სასწრაფოდ გჭირდებათ ვებსაიტის შექმნა მხოლოდ HTML-ის გამოყენებით და ინტერნეტში განთავსება? მაშინ არ გაგიჭირდებათ მზა კოდის კოპირება და ჩემი ინსტრუქციების შესრულება.
მართალია, რთულია სრულფასოვანი რესურსის შექმნა ერთი პროგრამირების ენის გამოყენებით, მაგრამ სავიზიტო ბარათის ვებსაიტი რამდენიმე გვერდიანი სავსებით შესაძლებელია.
თუ ვინმეს ეს აქვს თავისი მიზანი და არ აქვს სურვილი ისწავლოს სხვა ენები, მაშინ ეს სტატია მათთვისაა.
მოკლედ, თვითნაწერ ვერსიაში, CMS-ის გამოყენების გარეშე, არაფერი მარტივი არ არსებობს.
და მათთვის, ვისაც რაიმე უფრო მაგარი სჭირდება, სტატიის ბოლოს არის სტატიების ბმულები ბლოკის შაბლონის კოდით CSS-ის გამოყენებით და საიტის დინამიური კოდის გამოყენებით PHP.
ჩვენ შევქმნით ვებსაიტს სუფთა html-ით სწორედ ამ გვერდზე, ასე ვთქვათ - ვებსაიტს ვებსაიტში, სრულად ფუნქციონალური და კონტენტით შევსებისთვის მზად.
მოდით გავყოთ მთელი პროცესი სამ ნაწილად.
1. შექმენით საიტის დირექტორია თქვენს კომპიუტერში.
2. ვებსაიტის შექმნა.
3. საიტის გადატანა ჩვენი კომპიუტერიდან ჰოსტინგზე, ანუ ინტერნეტში.
თქვენს კომპიუტერში ვებსაიტის დირექტორიას შექმნა
პირველი პუნქტი ყველაზე მარტივია. როგორ შევქმნათ დირექტორია ძალიან ნათლად არის ნაჩვენები სტატიაში (ამ გვერდის ყველა ბმული იხსნება ცალკე ფანჯარაში, რათა არ დაიკარგოს).
დაწვრილებით გაჩვენებთ რა და რომელ საქაღალდეში ჩავდოთ მთავარი გვერდის კოდის შემდეგ, რომ უკვე გქონდეთ დირექტორიაში გასასვლელი.
შემდეგ გადავიდეთ მეორე პუნქტზე, ყველაზე კრეატიულზე.
ვებსაიტის შაბლონის შექმნა
შაბლონის შესაქმნელად დაგჭირდებათ რედაქტორი, რომელშიც დაგჭირდებათ ქვემოთ მოცემული კოდის ჩასმა.
ეს შეიძლება იყოს მარტივი Windows Notepad ან ნებისმიერი სხვა ტექსტური რედაქტორი.
შაბლონის საფუძვლად ავიღოთ მრავალშრიანი HTML ცხრილი. ადრე, CSS-ის მოსვლამდე, ყველა ვებსაიტი იწერებოდა ცხრილებში, მაგრამ ახლა ბლოკის განლაგება უფრო პოპულარული გახდა.
მაგრამ დღემდე, მაგიდის სტრუქტურა არ არის მოძველებული და წარმატებით გამოიყენება.
მაგალითად, საინვესტიციო CMS H-სკრიპტი რთული ფუნქციონირებით, მთლიანად შექმნილია ცხრილების საფუძველზე.
ასე რომ, აქ არის ვებგვერდი მინიმალური დიზაინით.
როგორ შევქმნათ ცხრილები მომავალში, დეტალურად არის ნაჩვენები სტატიაში.
|
<!--შექმენით კონტეინერის ცხრილი, რომელსაც ვაზუსტებთ შემდეგში
დეკორი:
border="1" - ჩარჩო კონტეინერის გარშემო. რაოდენობის გაზრდით, შეგიძლიათ გაზარდოთ ჩარჩოს სისქე.
align="center" - მოათავსეთ კონტეინერი ეკრანის ცენტრში.
rules="rows" - ამოიღეთ ორმაგი საზღვარი.
style="width:60%;" - დაამატეთ სტილის თვისებები, რაც ქმნის
კონტეინერი და მთელი საიტი არის "რეზინის".
ამ გზით სრულფასოვანი ადაპტური დიზაინის დამზადება შეუძლებელია.-->