როგორ გამოვიყენოთ Adobe Dreamweaver
Adobe Dreamweaver არის ისეთი ძლიერი ინსტრუმენტი ვებ დიზაინერებისთვის, რადგან მას აქვს ბევრი რამ, რისი გაკეთებაც შეგიძლიათ. რა თქმა უნდა, ყველა ის, რისი გაკეთებაც შეგიძლიათ, სწავლას რთულს ხდის. შეიტყვეთ ბევრი რამ, რისი გაკეთებაც Dreamweaver-ს შეუძლია, მათ შორის ცვლილებების უახლეს ვერსიაში, CS5. და არ დაგავიწყდეთ შეამოწმოთ რა არის აკლია Dreamweaver CS5-ს.
საიტის განსაზღვრა
- ახალი ვებსაიტის დაწყება
- შექმენით ვებგვერდი
- დააყენეთ საიტის მხოლოდ ის ნაწილები, რომლებიც გჭირდებათ, როცა დაგჭირდებათ *ახალი CS5-ში
- დააყენეთ დისტანციური, QA და სატესტო სერვერები უფრო სრულყოფილი სამუშაო პროცესებისთვის *სიახლე CS5-ში
- შექმენით და გამოაქვეყნეთ ახალი დირექტორიები
- შეცვალეთ დოქტიპი
- ჩართეთ მეტა მონაცემები თქვენს გვერდებზე
თქვენი საიტის განთავსება პირდაპირ ეთერში
- განსაზღვრეთ დისტანციური საიტი
- FTP ფაილები ვებ სერვერზე
- გამოიყენეთ ვერსიის კონტროლის სისტემა ფაილების შესვლისა და გასასვლელად
- დაუკავშირდით Subversion-ს უფრო გაფართოებული ვერსიის კონტროლისთვის *სიახლე CS5-ში
- დატოვეთ შენიშვნები თანაგუნდელებისთვის
ვებ გვერდების შექმნა
- დაწერეთ გვერდი WYSIWYG რეჟიმში
- დაწერეთ გვერდი HTML-ში
- შექმენით ახალი გვერდი შაბლონიდან
- შექმენით ახალი გვერდი ნულიდან
- შექმენით შაბლონი
- შეინახეთ ფაილები თქვენი საიტის დირექტორიაში
- განსაზღვრეთ გვერდის თვისებები
CSS
- გამოიყენეთ CSS სტილის ფურცლები
- ინლაინ სტილის დამატება
- შექმენით გარე სტილის ფურცელი
- მიამაგრეთ გარე სტილის ფურცელი
- შექმენით კლასის, ID-ის, ტეგის და რთული CSS სელექტორები
- CSS არსებული წესების რედაქტირება
- შექმენით CSS დასაბეჭდი გვერდებისთვის
- სტილის თვისებების ჩართვა და გამორთვა *ახალი CS5-ში
- შეამოწმეთ CSS ყუთის მოდელი ვიზუალურად *ახალი CS5-ში
ტექსტი
- ტექსტის შეცვლა
- გამოიყენეთ სხვადასხვა შრიფტები
- ჩადეთ ხაზის წყვეტა
- გამოიყენეთ სპეციალური სიმბოლოები
- ჩართეთ დღევანდელი თარიღი
- დაწერეთ კომენტარები
- მიმართეთ HTML ტეგები ტექსტზე
- დაამატეთ HTML ატრიბუტები ტეგებს
ბმულები
- დააკავშირეთ ტექსტი და სურათები
- შეამოწმეთ საიტის ბმულები
- ბმულის ნაგულისხმევი ფერების შეცვლა (ბმული, მონახულებული, მაუსი, აქტიური)
- შექმენით ინსტრუმენტების რჩევები ბმულებზე
- შექმენით mailto ბმულები
- შექმენით ვებ გვერდის წამყვანები
სურათები
- დაამატეთ გრაფიკა გვერდზე
- სურათების რედაქტირება
- სურათების ზომის შეცვლა
- დაამატეთ ალტერნატიული ტექსტი სურათებს
- დაამატეთ ხელმისაწვდომობის დამატებითი პარამეტრები სურათებს
- სურათებისა და ტექსტის გასწორება
- შექმენით გადახვევის სურათი
- გამოყენება გამოსახულების რუქები
- გამოიყენეთ მოკვლევის სურათები
- გამოიყენეთ გამოსახულების ჩანაცვლება
- Fireworks HTML-ის ჩასმა
- ჩადეთ Photoshop ფაილები
განლაგება
- გამოიყენეთ ჩართული უფასო შაბლონები *CSS დამწყებ ახალი განლაგება CS5-ში
- ჩადეთ divs განლაგებისთვის
- შეცვალეთ divs CSS სტილის პანელში
- ჩადეთ აბსოლუტურად განლაგებული ელემენტები
- აბსოლუტურად განლაგებული ელემენტების ფორმატირება ქონების ინსპექტორში
- გამოიყენეთ სახაზავები, ბადეები და გიდები
სიები
- დაამატეთ ბურთულები და დანომრილი სიები
- სიის პუნქტებისა და ნომრების მორგება
მაგიდები
- შექმენით ცხრილი
- დაამატეთ სათაურის რიგები და სვეტები
- გამოყენება გამჭვირვალე სურათები ცხრილის უჯრედების გახსნა
- შექმენით ფიქსირებული სიგანე და მოქნილი სიგანის სვეტები
- ცხრილების საზღვრების სტილის შეცვლა
- ჩასვით ცხრილი ცხრილის შიგნით
- ცხრილის მონაცემების იმპორტი
ფორმები
- გამოიყენეთ mailto ფორმა
- ფორმის მოქმედებების განსაზღვრა
- დაამატეთ ტექსტი, რადიო, ჩამრთველი, ფაილი, სურათი, აირჩიეთ ველები და დამალული ფორმის ველები
- გახადეთ თქვენი ფორმები ხელმისაწვდომი ველების ნაკრებისა და ლეიბლის ველებით
- შექმენით პირადი გაგზავნის ღილაკები
- ფორმების გადამოწმება JavaScript-ით (Spry)
მონაცემთა ბაზები და PHP სკრიპტირება
- მიამაგრეთ თქვენი საიტი მონაცემთა ბაზას
- დააყენეთ PHP/mySQL საიტი
- გამოიყენეთ Spry ელემენტები მონაცემთა ბაზასთან დასაკავშირებლად
- ჩადეთ მონაცემთა ობიექტები თქვენს გვერდებზე
- შეამოწმეთ და განაახლეთ Spry მონაცემთა წყარო ან ეკრანი
- შეცვალეთ რთული დინამიური საიტები დიზაინის ხედში
- აღმოაჩინეთ ყველა დინამიურად დაკავშირებული ფაილი PHP CMS საიტების ასაწყობად (WordPress, Joomla და Drupal) *სიახლე CS5-ში
- მორგებული კლასის მინიშნება PHP კოდისთვის, მათ შორის მესამე მხარის ჩარჩოები, როგორიცაა Zend Framework *ახალი CS5-ში
ჩარჩოები
- შექმენით კარკასული ვებსაიტი
- Noframes-ის შინაარსის რედაქტირება
- თქვენი ჩარჩოების ფორმატირება და სტილი
- დააყენეთ ნაგულისხმევი ბმული სამიზნეები ჩარჩოებს შორის
დაამატეთ ინტერაქტიულობა
- შექმენით ფოტოალბომი (აღარ არის CS5-ში)
- დაამატეთ ხმა ვებ გვერდებზე
- შექმენით ჩამოსაშლელი მენიუ
- გამოიყენეთ Dreamweaver-ის ქცევები ამომხტარი ფანჯრების გასახსნელად, გადახტომის მენიუს შესაქმნელად, ხმის დასაკრავად, სურათების გადასანაცვლებლად და სხვა
- დაამატეთ RSS არხები საიტზე
- ჩასვით Flash ტექსტი გადაბრუნების სახით
- ჩასვით CSS ტექსტი გადაბრუნების სახით
- ჩადეთ სხვა დანამატები
- დაამატეთ Spry მენიუს ზოლი, ჩანართი პანელები, აკორდეონი, ხელსაწყოს წვერი და დასაკეცი პანელი
- გამოიყენეთ ვიჯეტის ბრაუზერი თქვენი საიტისთვის ახალი ვიჯეტების მოსაძებნად JavaScript-ის ცოდნის გარეშე
შეამოწმეთ თქვენი გვერდები
- შეამოწმეთ თქვენი გვერდები Live View-ში JavaScript-ისა და ინტერაქტიულობის გამო ცვლილებების სანახავად *სიახლე CS5-ში
- დაადასტურეთ თქვენი HTML
- გადახედეთ თქვენს გვერდებს რამდენიმე ბრაუზერში
- გამოიყენეთ BrowserLab თქვენი გვერდების გადახედვისთვის სხვა ოპერაციულ სისტემებში *სიახლე CS5-ში
- გამოიყენეთ Device Central, რათა შეამოწმოთ როგორ გამოიყურება გვერდები მობილურ მოწყობილობებზე
- შეამოწმეთ ბრაუზერის თავსებადობა
- შეცვალეთ პარამეტრები ისე, რომ შეესაბამებოდეს თქვენს საიტს იმუშაოს
- შეამოწმეთ საიტის შიდა ბმულები
- შეამოწმეთ თქვენი საიტის ხელმისაწვდომობა (აღარ არის CS5-ში)
- გადაიყვანეთ ა Word დოკუმენტი HTML-ზე
Dreamweaver-ის მორგება
- გაფართოებების დამატება
- გაფართოებების გამორთვა
- შეცვალეთ Dreamweaver მალსახმობებით
გაზარდეთ თქვენი ეფექტურობა
- გამოიყენეთ ჩაშენებული კლავიატურის მალსახმობები
- გამოიყენეთ კოდის ფრაგმენტები
- შაბლონების შექმნა და გამოყენება
- შექმენით ახალი გვერდები მორგებული შაბლონებიდან
- განაახლეთ შაბლონები
- ჩართეთ ერთი ფაილი მეორეში Dreamweaver ბიბლიოთეკაში
- ბიბლიოთეკის ელემენტების განახლება
- ჩართეთ ერთი ფაილი მეორეში SSI-ის გამოყენებით
- გამოიყენეთ ძებნა და ჩანაცვლება