html, css, javascript გამოყენება - ვებ დიზაინის სწავლა - სასწავლო კურსი

HTML, CSS, JavaScript (გამოყენება) სრული კურსი

ვებ დიზაინის კურსს სწავლობენ ისინი, ვისაც სურს დაეუფლოს საიტების აწყობას, დიზაინის შექმნას ვებ - პროგრამირების გარეშე. კურსი მოიცავს შემდეგ თემებს: HTML, CSS და JAVA Scrip-ის გამოყენებას.

ისწავლება HTML, HTML 5, CSS, CSS 3, JAVAScript -ის გამოყენება:
კურსში საკმაოდ განვიხილავთ HTML4-ს, HTML5 და CSS, CSS3 სიახლეებს კონკრეტულ მაგალითებზე. გავარჩევთ საიტის მაკეტის აწყობას და მის ადაპტირებას თანამედროვე ბროუზერებთან, როგორიცაა მობილური ტელეფონი, პლანშეტი და სხვ. კურსი მოიცავს შემდეგ თემებს:

HTML 4:
✧ რა არის ვებ სერვერი, ვებ-საიტი, ვებ გვერდი და რითი განსხვავდებიან ისინი;
✧ HTML დოკუმენტის სტრუქტურა, აწყობის წესები სპეციფიკაცია;
✧ დოკუმენტის HEAD ნაწილი; დოკუმენტის BODY ნაწილი;
✧ რა არის ტეგი და მისი ტიპები;
✧ ელემენტები და ატრიბუტები;
✧ HTML დოკუმენტის გაფორმების წესები;
✧ ტექსტის ფორმატირების ძირითადი ელემენტები;
✧ ბლოკის ტიპის და ტექსტის ტიპის ელემენტები;
✧ კომენტარების გამოყენება;
✧ HTML დოკუმენტის შექმნა;
✧ აბზაცებად დაყოფა; სტრიქონის გადატანა; სათაურები; პორიზონტალური ხაზები; სპეციალური სიმბოლოები; აუცილებელი ტეგები;
✧ ჰიპერკავშირების შექმნა;
✧ მარკირებული და ნუმერირებული სიები; ინფორმაციის სტრუქტურირება საიტზე სიების დახმარებით;
✧ ფონური სურათები; ილუსტრაციის ჩასმა HTML - ში; სურათის ზომების ცვლა და ალტერნატიული ტექსტი; სურათის ჩარჩოები; JPG PNG GIF ფორმატები;
✧ ცხრილები და მათთან მუშაობა;
✧ საიტის მაკეტირება ცხრილების გამოყენებით;
✧ ფორმების ჩასმა ვებ გვერდზე;
✧ მუსიკის და FLASH ანიმაციის ჩასმა; პრაქტიკაში გამოყენებადი ტეგების განხილვა.

HTML 5:
✧ HTML5 -ის მნიშვნელოვანი თავისებურებები, რომლის გათვალისწინებაც აუცილებელია ამ ტექნოლოგიის გამოყენებისას;
✧ როგორ ჩავსვათ ვიდეო და აუდიო გამართულად საიტში. ჩასმის ნიუანსები, რომელთა გათვალისწინების გარეშეც ზოგიერთი მომხმარებელი უბრალოდ ვერ დაათვალიერებს მათ;
✧ როგორ გამოვიყენოთ სემანტიკური ტეგები, რომელთაც საძიებელი სისტემა აქცევს ყურადღებას;
✧ ფორმებთან მუშაობის ახალი შესაძლებლობები;
✧ კონკრეტულ მაგალითზე განვიხილავთ, თუ როგორ არის რეალიზებული „Drag and Drop“ HTML5-ში;
✧ როგორ გავიგოთ ჩვენი საიტის დამთვალიერებლების ადგილმდებარეობის კოორდინატები;
✧ როგორ ვხატოთ ვებ გვერდზე ახალი ელემენტის (Canvas) გამოყენებით;
✧ ტეგები HTML5-ში.

CSS 2:
✧ CSS-ის ანუ სტილების კასკადური ცხრილების გამოყენება დოკუმენტში;
✧ CSS-ის ძირითადი ამოცანები;
✧ საიტზე სტილის დამატების გზები და მისი გრამატიკა;
✧ ID, CLASS და კონტექსტური სელექტორების შექმნა; ფსევდო კლასები და ფსევდო ელემენტები;დაჯგუფების პრინციპები;
✧ HTML დოკუმენტთან სტილების და კლასების გამოყენება;
✧ ჩარჩოების და ინტერვალების ფორმატირება;
✧ ელემენტების პოზიციის გასწორება დოკუმენტში;
✧ ფორმატირების მოდელი; შრიფტები და მათი პარამეტრების ცვლა;
✧ ელემენტის მოდელის მართვა;
✧ ვებ გვერდის მაკეტირების მაგალითები სტილების გამოყენებით.

CSS 3:
✧ CSS3-ის თავისებურებები, რომელთა ცოდნაც აუცილებელია, სანამ მათ გამოვიყენებთ, რომელთა გაუთვალისწინებლობის შემთხვევაში არ მოხდება საიტის ნორმალურად გამოსახვა სხვადასხვა ბროუზერში დათვალიერებისას; ✧ როგორ გამოვიყენოთ ახალი სელექტორები; ✧ ტექსტთან მუშაობის ახალი შესაძლებლობები; ✧ ფონთან მუშაობის ახალი შესაძლებლობები; ✧ გამჭვირვალე ფერის მიღება CSS3-ით; ✧ საკუთარი შრიფტის გამოყენება; ✧ ჩრდილების შექმნა ტექსტისთვის და ბლოკებისთვის; ✧ სხვადასხვა ტიპის გრადიენტების შექმნა; ✧ ელემენტების ტრანსფორმაცია: მოტრიალება, დახრა, მასშტაბირება და სხვ; ✧ CSS3 ანიმაციის შექმნა რამოდენიმე ხშირად გამოყენებად მაგალითზე; ✧ ნავიგაციის მენიუს შექმნა.

Java Script-ის გამოყენება:
✧ Java Script -ის ანუ ვებ სცენარების გამოყენება ((საათი, კალენდარი, მენიუ, კურსორის ეფექტები და სხვ).

განთავსება:
✧ საიტის სერვერზე განთავსება;
✧ ჰოსტინგის შეკითხვები.