პროგრამული პაკეტი Dreamweaver, როგორიცაა FrontPage, განკუთვნილია სხვადასხვა საიტების, მათ შორის საგამომცემლო საიტები, რომელთა ამოცანები არის ელექტრონული პუბლიკაციების გავრცელება. ეს განკუთვნილია მცირე და ძალიან დიდი საიტების შესაქმნელად. პირველ შემთხვევაში, ერთადერთი ვებმასტერის სპეციალისტი ჩართულია განვითარებაში. ამ უკანასკნელ შემთხვევაში, მთელი გუნდი მუშაობს პროექტზე, მათ შორის პროექტის ადმინისტრატორს, ვებ დიზაინერს, HTML Vestist, ვებ პროგრამისტი, კორექტორი, საფოსტო მენეჯერები. ბევრმა ექსპერტმა ამტკიცებს, რომ პროფესიული ვებ-დიზაინერები თავიანთ საქმიანობაში ყველაზე ხშირად იყენებენ Adobe Photoshop- ს, რათა მოამზადონ გრაფიკა და მაკრომედიას Dreamweaver ინდივიდუალური ვებ-გვერდის დიზაინისთვის.

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

6.2.1. Dreamweaver პაკეტი ინტერფეისი

Dreamweaver 4.0 პაკეტის ინტერფეისი ნაჩვენებია ნახატზე. 6.9. გარდა Header String, Menu Strings, Toolbars და სტანდარტული პროგრამის სამუშაო ფანჯარაში, ჩვენ აღვნიშნავთ რამდენიმე პალიტრების არსებობას, რომელიც, როგორც რედაქტორებში, პროგრამის სამუშაო ფანჯარაში მოთავსებულია. სხვათა შორის, ღია სამი პალიტრების სახელები "ობიექტები" (ობიექტი), "თვისებები" და "Launcher) შეესაბამება პირველი სამი ბრძანების განყოფილებას" ფანჯრის "მენიუს სექციაში.

ეს პაკეტი ინტეგრირებულია MacRomedia Software Product Group- ში გამოყენებული ტექნოლოგიების თვალსაზრისით, რომელიც დაპყრობს ვებ-დიზაინის ფონდის ბაზარზე უფრო ძლიერი პოზიციებს. ამ ჯგუფის სხვა პროგრამები: მაკრომედიის დირექტორი და ფლეშ მხარეები განიხილება ამ თავის შემდეგ პუნქტებში. საერთო ჯამში, ისინი უზრუნველყოფენ ვებ დიზაინის ძირითად მიმართულებებს და თითოეულ ინდივიდუალურად სპეციალიზირებულია ერთ კონკრეტულ მიმართულებით.

პირველი, ჩვენ ფოკუსირება ობიექტების პალიტრა (ობიექტები), გამოჩენა, რომელიც წარმოდგენილია ფიგურაში. 6.10. პალიტრის გამოჩენა დამოკიდებულია სიის ფანჯარაში შერჩეული ობიექტის მიხედვით, I.E., პალიტრა შეიძლება მოუწოდა ადაპტაციას. ნაგულისხმევად, "ძირითადი" პოზიცია მითითებულია სიაში. ფიგურაში 6.10 ღია სიაში, ამ კონკრეტულ ვარიანტს არჩეულია. ეს პალიტრა 18 სხვადასხვა ინსტრუმენტების გამოყენებით საშუალებას გაძლევთ შეიტანოთ სხვადასხვა ნივთები გვერდზე, კერძოდ (პალიტრაში ღილაკების ადგილმდებარეობის მიხედვით): გრაფიკა (სურათი), ანიმაციური ღილაკი (Rollover Image), რომლის ცვლილებებიც შეიცვლება მას შემდეგ, რაც მაუსის კურსორის მაგიდაზე (ცხრილი), მაგიდა, რომელიც წინასწარ შევიდა სხვა პროგრამული პაკეტში (Tabular Data), მმართველი (ჰორიზონტალური წესი), ნავიგაციის პანელი (ნავიგაციის ბარი) ღილაკების გადაადგილება საიტი, ახალი გამოსახულების ფენა (დახაზეთ ფენა), რბილი გადაცემის (ხაზის შესვენება) ტექსტში, ბმული ელექტრონული მისამართი (ელ.ფოსტა ბმული), მიმდინარე თარიღი (შვრია), Flash- (Flash) და Shockwave- (Shockwave) ანიმაცია, გენერატორის workpiece და ფეიერვერკი ობიექტი, Java აპლები და ActiveX ელემენტები, ობიექტების რეპროდუცირება გამოყენებით დამატებითი მოდულები (Plag-INS), და გარე HTML ფაილი (SSI).

"შრიფტის ელემენტები" პალიტრა საშუალებას გაძლევთ დაამატოთ ერთ-ერთი 12 სხვადასხვა სპეციალური სიმბოლოების ვებ გვერდებზე: ახალი სტრიქონი, საავტორო უფლებები (კოპირება), რეგისტრირებული სასაქონლო ნიშნის, მონეტარული ნიშნები, მათ შორის ფუნტი სტერლინგი, იენი, ევრო და შეთავაზებები, ტირე და სხვა ნიშნები (ნახაზი 6.11).

"ფორმები" პალიტრა (ფორმები) ნაჩვენებია ნახატზე. 6.12, ემსახურება ფორმების შექმნას ( იხილეთ § 2.8) და შეიცავს შემდეგ ღილაკებს: ფაქტობრივად ფორმები (ფორმები), ტექსტის ველი (ტექსტური ველი), ღილაკი, გადამრთველები ჩამრთველები და რადიო Batton, სია / მენიუ (სია / მენიუ), ფაილის გადაცემის ველი (ImageField)), ფარული ველი (დამალული ველი ) და ჰიპერბმულის მაჩვენებელი სხვა საიტზე (გადასვლა მენიუ).

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

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

"ჰედერი" პალიტრა (ხელმძღვანელი) საშუალებას გაძლევთ დაამატოთ შესაბამისი tags html დოკუმენტისა და პარამეტრების ღირებულებების სათაურის ნაწილი, მათ შორის: მეტა-საინფორმაციო ტეგები და საკვანძო სიტყვები, საიტის აღწერა, განახლების პარამეტრები, ძირითადი ბმული (ნაგულისხმები ბმულები ), კავშირების კავშირები.

"უხილავი ობიექტები" პალიტრა (invisisles) ნაჩვენებია ნახატში. 6.14, საშუალებას გაძლევთ განათავსოთ სანიშნე გვერდზე (აგრეთვე იხ § 4.2.და § 4.3.), სქოლიოები და კომენტარები ( იხილეთ § 2.5) და ჯავის სკრიპტები ( იხილეთ § 2.9).

ბოლო პალიტრა, რომელიც კომპლექსური ადაპტაციური პალიტრა "ობიექტების" ნაწილია, ეწოდება "სპეციალური" (სპეციალური). მასში, როგორც ნაჩვენებია ნახატზე. 6.16, არსებობს სამი პიქტოგრამები ან ღილაკები, კერძოდ: აპლეტები, დანამატები და ActiveX ელემენტები.

საიდუმლო არ არის, რომ სახელმძღვანელოს წერილობით კოდს შორის კონკურენციასა და Adobe Dreamweaver- ის სერვისების გამოყენება ბოლო მოიგერია. ეს მოსახერხებელი ყველა გრძნობს რედაქტორი ამარტივებს ცხოვრების ნებისმიერი ვებმასტერის, გადარჩენის მისი დრო და ძალა. ის ფაქტი, რომ ჩვეულებრივი ნოუთბუქში ნახევარი საათის განმავლობაში დაწერილია, ამ რედაქტში შეიძლება გაკეთდეს ფაქტიურად ხუთი წუთის განმავლობაში. უფრო მეტიც, რაც მთავარია, ამ შემთხვევაში, ასე შეურაცხყოფილი შეცდომები კოდში, რომელიც თქვენ უნდა მოძებნოთ და სწორად გამოირიცხოს. PHP- ზე გვერდებზე ან პროგრამირების საერთო განლაგება, Dreamweaver ყოველთვის მოვა სამაშველოში. და, რა თქმა უნდა, არ უნდა ეჭვი, რომ მასთან მუშაობის პროცესი არ იქნება მხოლოდ უფრო მოსახერხებელი, არამედ მარტივი. სინამდვილეში, Dreamweaver გახდის მომხმარებლის ნაწილი, გაათავისუფლოს იგი საჭიროება ცოდნა ერთი ან სხვა სფეროში ვებ ტექნოლოგიები. რა შეიძლება იყოს უფრო ადვილი? პროგრამა ყველასთვის გასაგებია და კვირის განმავლობაში სიტყვასიტყვით შეიძლება. ეს სტატია ხელს შეუწყობს ახალბედა მომხმარებლებს Adobe Dreamweaver- თან მუშაობის საფუძვლებში. უახლესი ხელმისაწვდომი მაგალითის შესახებ ამ მომენტში ვერსია 9.0. დაუყოვნებლივ უნდა აღინიშნოს, რომ ინგლისურ ენაზე დეტალური ინფორმაცია რედაქტორში აშენდა, მისი გამოყენების ყველა ასპექტზე. რა თქმა უნდა, ეს მუხლი მათ არ შეუძლიათ მათზე. მაგრამ მინიშნება აქვს ერთი დიდი ნაკლი - ინფორმაციის გადაჭარბებული სიმრავლე. საფუძვლების გასაგებად, თქვენ უნდა გაატაროთ დიდი რიცხვი დრო. ჩვენ შევეცდებით ამ ხარვეზის გამოსწორებას.

ინტერფეფექტზე

პროგრამის გამოჩენა საკმაოდ მარტივია. იმავდროულად, სამუშაო ადგილი ორგანიზებულია უკიდურესად გააზრებული, რაც უზრუნველყოფს ეფექტურ გამოყენებას. Adobe Dreamweaver ინტერფეისი შედგება რამდენიმე ელემენტისგან, რომელიც შეიძლება ხუთი ჯგუფად იყოფა. პირველ რიგში შედის მთავარი მენიუ, რომელიც პროგრამის ფანჯრის ზედა ნაწილშია. მასში შედის მრავალჯერადი სანიშნეები: "ფაილი", "რედაქტირება", "ნახვა", "ჩასმა", "რედაქტირება", "ტექსტი", "გუნდი", "ვებსაიტი", "ფანჯარა" და "დახმარება". ყველაზე მნიშვნელოვანი მომხმარებლისთვის არის "ფაილი" და "რედაქტირება" სანიშნეების, რადგან ისინი არ არიან დუბლირებული ნებისმიერი სხვა მენიუები და ხშირად გამოიყენება. ეს სანიშნეები ტიპიურია ყველა პროგრამისთვის, ამიტომ ჩვენ არ შეწყვეტენ მათ. დარჩენილი სანიშნეები მთავარ მენიუში არ არის ძალიან მნიშვნელოვანი, რადგან იგი ნაწილობრივ ან მთლიანად დუბლირებულია ინტერფეისის სხვა ელემენტებით ან უბრალოდ იშვიათად გამოიყენება. შემდეგი ჯგუფი არის "ჩასმა" მენიუ, რომელიც არსებითად Dreamweaveaver Toolbar. ეს შეიძლება გადანაწილდეს პროგრამის ფანჯარაში, მაგრამ უმჯობესია დატოვონ იგი მთავარ მენიუში. ეს ინტერფეისის ელემენტი შეიძლება შემცირდეს სამუშაო ადგილის გაზრდის მიზნით. არსებობს რამდენიმე სანიშნეები, რომლებიც გამოყოფილია მონაცემების ტიპზე "ჩასმა" პანელზე. "გაზიარებული" tab მდებარეობს ყველაზე ხშირად გამოყენებული ელემენტები: ჰიპერბმულები, სურათები, მაგიდები და ა.შ. ეს tab გამოიყენება ყველაზე ხშირად. სხვა სანიშნეებს შორის "განლაგების" პანელში (მუშაობა, მაგიდები და ჩარჩოები), "ფორმები", "მონაცემები", "Spry", "ტექსტი" და "ფავორიტები". "ტექსტი" tab ნაწილობრივ დუბლირებული სხვა ელემენტები ინტერფეისი, და რჩეულები tab საშუალებას აძლევს მომხმარებელს, რათა საკუთარი მენიუ.

სანიშნეების ჯგუფი "CSS სტილის" ჯგუფს ძალიან სასარგებლოა, რომელშიც შეგიძლიათ შეიქმნას ახალი სტილის შექმნა და ძველი რედაქტირება

პანელების სხვადასხვა ჯგუფების ფანჯარა მდებარეობს პროგრამის უფლებასთან (საერთო ჯგუფები შეიძლება იყოს ოთხი). ეს არ შეიძლება გადაეცეს სხვა ადგილას, მაგრამ შეიძლება დაიმალოს ან დაიხუროს. თითოეული სანიშნეების ჯგუფი ამ პანელზე შეიძლება შემოიფარგლონ ან დაიხუროს. ვითარდება პანელში, პანელი კმაყოფილია რთული და მნიშვნელოვნად ამცირებს სამუშაო ადგილის ზომას. ინტერფეისის ეს ნაწილი არის დამხმარე ბუნება და საშუალებას გაძლევთ განახორციელოს გარკვეული ქმედებები დამატებითი ფანჯრების გახსნის გარეშე. მაგალითად, "CSS სტილის" სანიშნეების ჯგუფი ძალიან სასარგებლოა, რომელშიც შეგიძლიათ შექმნათ ახალი სტილის შექმნა და ძველი, ასევე სტილის სხვადასხვა თვისებების კონტროლი. კიდევ ერთი ჯგუფი Tag ინსპექტორი სანიშნეების საშუალებას გაძლევთ მართოთ tag მიძღვნილი მომენტში: ნახეთ მისი თვისებები და დაამატოთ ახალი ან შეცვლის ძველი პარამეტრების. ორი სხვა ფაილი "ფაილი" და "ჟურნალი" ბევრად ნაკლებია. პირველი განკუთვნილია ადგილობრივი კონტროლის კონტროლი ქსელის რესურსები და სხვა ოპერაციები და მეორე ასრულებს ოპერაციების შესვლის როლს. თუ სასურველია, მომხმარებელს შეუძლია გააუქმოს ქმედებები კონკრეტულ პუნქტში დაბრუნების გზით. სამწუხაროდ, ქმედებების გაუქმება შეუძლებელია.

სამუშაო ადგილის მიხედვით არის კიდევ ერთი ჯგუფი - "თვისებები". იგი აჩვენებს ყველა პარამეტრს დიზაინის ელემენტებისთვის. ეს პანელი შეიძლება შემცირდეს ან დახურული, გარდა ამისა, პანელის თავისუფალი ფართობის ორმაგი დაჭერით, შეიძლება შემცირდეს (დამატებითი პარამეტრები დაიმალება). "თვისებები" ინტერფეისის სხვა ელემენტების ფუნქციებს დუბლიკატი და ძალიან მნიშვნელოვანია, რადგან ისინი საშუალებას მოგცემთ შექმნან სხვადასხვა ელემენტების საიტი. ამ პანელის შინაარსი განსხვავდება შერჩეულ შინაარსზე. თითქმის ყველა შემთხვევაში, შეგიძლიათ განსაზღვროთ განლაგება (სამი პოზიცია არასამთავრობო ტექსტური მონაცემების ტიპები და ოთხი ტექსტი). თუ თქვენ აირჩიეთ ტექსტი "თვისებები" პანელში, შეგიძლიათ დააყენოთ CSS სტილი (ასევე ახალი სიტყვასიტყვით შექმნას ფრენა), აირჩიეთ ტექსტის ფორმატი, კონვერტაციის ტექსტი სიაში, ისევე როგორც მიძღვნილი ბმული ადგილი. გრაფიკისთვის, პარამეტრების ზომა, indent, hyperlinks, საზღვრები და ა.შ. ხელმისაწვდომია. მაგიდებით მუშაობისას შესაძლებელია სხვადასხვა პარამეტრები სვეტების რაოდენობა და უჯრედები, საზღვრები, შინაგანები და ფერები. ეს პანელი გამოიყენება და საიტის სხვა ელემენტებთან მუშაობისას.

Dreamweaver ინტერფეისის კომპონენტების ბოლო ჯგუფი მოიცავს სამუშაო ადგილს. მას ასევე აქვს სანიშნე სტრუქტურა. პროგრამაში, თქვენ შეგიძლიათ გახსნათ რამდენიმე დოკუმენტი ერთდროულად, რომელთა შორის შეგიძლიათ თავისუფალ წესრიგში გადაადგილება. სამუშაო ადგილი ასევე მოიცავს რამდენიმე ინსტრუმენტს. პანელი "დოკუმენტი" საშუალებას გაძლევთ გადავიდეთ რამდენიმე რეჟიმს შორის: კოდირება და დიზაინი. გარდა ამისა, ეს საშუალებას გაძლევთ მართოთ ბრაუზერის დოკუმენტის ნახვა, თუ ეს შესაძლებელია. თუ გსურთ, ეს პანელი შეიძლება გადავიდეს პროგრამის დესკტოპის პროგრამაზე. ქვედა პანელი საშუალებას გაძლევთ კურსორის რეჟიმების შეცვლა, კონტროლის სკალირება. გარდა ამისა, იგი შეიცავს ინფორმაციას დოკუმენტის შესახებ (ზომა, ნებართვა და ა.შ.) და tag იერარქიის ხე. ეს უკანასკნელი არის ყველა უმაღლესი ტეგების სია. ამ სიაში შეგიძლიათ გადაადგილება დონეზე მდე სხეულის tag.

მუშაობა დოკუმენტთან.

"კოდექსის" რეჟიმში, "ნოუთბადში" მუშაობის მსგავსი დოკუმენტის პირდაპირი რედაქტირება ხელმისაწვდომია.

უპირველეს ყოვლისა, აუცილებელია მისი ძირითადი პარამეტრების განსაზღვრა გვერდზე. ეს კეთდება მენიუში "რედაქტირება -\u003e გვერდი თვისებები" ("ცხელი" გასაღები Ctrl + J) ან კონტექსტური მენიუდან. ფანჯარაში, რომელიც გამოჩნდება, შეგიძლიათ დააყენოთ ნაგულისხმევი შრიფტი ტექსტისა და ბმულებისათვის, მისცეს სახელი გვერდზე, განსაზღვრავს მის კოდირებას, ასევე განსაზღვრავს ფონზე გამოსახულების ნიმუშს (ტრასირება). საიტის სახელი, სხვათა შორის, შეიძლება ასევე შეიქმნას "დოკუმენტი" პანელში. თქვენ შეგიძლიათ დააყენოთ დანარჩენი გვერდი პარამეტრების ხელით ან "TAG ინსპექტორი" მეშვეობით სხეულის ტეგის შერჩევით. ხშირად, ვებ-სამაგისტრო დასაწყისი მოითხოვს მხოლოდ ფონდისა და ბგკოლორის პარამეტრებს (სურათს ფონზე და ფონის ფონზე). Meta tags- ის შესაქმნელად, თქვენ უნდა წავიდეთ "კოდს" რეჟიმში "დოკუმენტში" პანელზე შესაბამისი ჩანართზე დაჭერით. ამ რეჟიმში, პირდაპირი რედაქტირება დოკუმენტი, რომელიც "ნოუთბადში" მუშაობს. თუმცა, Dreamweaver ასევე აქვს თავისი უპირატესობები. ყველა რიგის კოდექსის კოდექსში არის დათვლილი, და tags თავად ასოცირდება ყველა პროგრამის პანელები, როგორც პროექტის რეჟიმში (ეს არის დიზაინი). დამოკიდებულია ტიპის tags, ისინი ხაზს უსვამენ სხვადასხვა ფერის, რითაც არღვევს ერთფეროვანი ცალი კოდექსის, ხელშეწყობა მისი იდენტიფიკაციის. გარდა ამისა, როდესაც რედაქტირება კოდი, პატარა მენიუ სიაში, როგორც ჩანს, კურსორი. შესაძლო პარამეტრები. სიიდან ქულები შეიძლება შეირჩეს კლავიატურაზე ან მაუსით, რის შემდეგაც ისინი ავტომატურად შეიცვალა კოდით, რაც მნიშვნელოვნად აჩქარებს დოკუმენტის განლაგებას. მაგალითად, სურათის ჩასმა დოკუმენტში, საკმარისია, რომ "კუთხის" ფრჩხილის გახსნას, შეარჩიეთ img tag, რომელიც გამოჩნდება (გამარტივება ძებნა შეგიძლიათ ბეჭდვა წერილი "I" - პროგრამა ავტომატურად ფილტრები ყველა სხვა Tags ამ წერილში), მაშინ განათავსეთ სივრცეში აირჩიეთ SRC პარამეტრი მენიუ გამოჩნდა, შემდეგ დააჭირეთ ღილაკს Browse ღილაკს, რომელიც, როგორც ჩანს, ფანჯარა სასურველ სურათს ეძებს. თუმცა, სურათები ბევრად უფრო ადვილია და სწრაფად "ჩასმა" მენიუდან. ეს ეხება მაგიდასთან. დოკუმენტში დასაბუთებისას ფანჯარა გამოჩნდება სვეტებისა და უჯრედების, ინტერვალით, სფეროების, სიგანის, ინტერვალით, სიგანის და ა.შ. "პანელი. გარდა ამისა, საკანში პარამეტრების შეიძლება შეიცვალოს, აირჩიოს მათ სამუშაო ადგილი (კოდექსის რეჟიმში, საკმარისია იმისათვის, რომ კურსორი სასურველ ტეგში). არანაკლებ სასარგებლოა ცხრილის, სვეტების და უჯრედების ზომის შეცვლის ფუნქცია. ამის გაკეთება, გამართავს კურსორი საზღვარზე და შემდეგ გადაიტანეთ იგი სასურველ მხარეს. სხვათა შორის, დოკუმენტის ნებისმიერი ელემენტის ამოღების მიზნით, საკმარისია ის, რომ ხაზი გაუსვა მას და დააჭირეთ ღილაკს წაშლა კლავიატურაზე. და იმისათვის, რომ გადავიდეს ნებისმიერი პუნქტი (მაგალითად, ტექსტის ჩასმა მაგიდაზე), ასევე აუცილებელია კურსორის გამოყოფა და გადაიტანოთ და გადაიტანოთ.

Არანაკლები ეფექტური ინსტრუმენტი Adobe Dreamweaver არის კონტექსტური მენიუ. იგი დუბლირებულია ძირითადი ბრძანებები და ელემენტები ინტერფეისი, რომელიც, შესაბამისად დეველოპერები, მოითხოვს სწრაფი წვდომა. აქ შეგიძლიათ დააყენოთ შერჩეული ნივთის თვისებები, მათ შორის CSS პარამეტრები, განლაგება და ფორმატირება. გარდა ამისა, კონტექსტური მენიუში, შეგიძლიათ აკონტროლოთ tags, დაამატოთ კომენტარები (ისინი აღნიშნავს დეველოპერი) და კიდევ წასვლა გვერდზე პარამეტრები. სხვათა შორის, სწრაფად შეცვალოს წყარო პუნქტის კოდი, უბრალოდ გახსენით კონტექსტური მენიუ და აირჩიეთ სწრაფი Tag რედაქტორი. მაგრამ სხვადასხვა ელემენტების ჩასმა, ჩასმა პანელი და მთავარი მენიუში ჩანართის სახელი შეუცვლელია. INSERT- ის ყველა ელემენტი კლასიფიცირებულია და დაყოფილია ჯგუფებად. თუ სასურველი ნივთი ჯერ კიდევ არ არის დაკარგული სიაში, შეგიძლიათ გამოიყენოთ "tag ..." ფუნქცია ("ცხელი" გასაღები Ctrl + E). ფანჯარაში, რომელიც, როგორც ჩანს, ხელმისაწვდომი tags, გატეხილი ჯგუფების. და არა მხოლოდ HTML tags, არამედ ASP, PHP და ა.შ.

არანაკლებ ხელსაყრელი ტექსტის ფორმატი. სხვადასხვა Toolbars- ისა და მენიუს მეშვეობით, შეგიძლიათ შეცვალოთ ტექსტის განლაგება, დაამატეთ ინტენსიური ან რეგულარული სიები, კომპლექტი ზომები, შრიფტი და ფერი და ა.შ., რაც მნიშვნელოვანია, ყველა პარამეტრის ასოცირებული გარე სახეობები ტექსტები უკავშირდება CSS- ს. შეცვლის შრიფტის პარამეტრები, მომხმარებელი ქმნის ახალს styles CSS. (პროგრამა ავტომატურად შედის მათ დოკუმენტში). ეს, ერთი მხრივ, მოსახერხებელია, როგორც ეს ათავისუფლებს მას, რომ მსგავსი ქმედებები მსგავსი ქმედებები მსგავსი ტექსტით, მეორეზე - არა ძალიან, რადგან მომხმარებელს შეუძლია დაბნეული შეიქმნას შექმნილი სტილის. თუმცა, რა თქმა უნდა, CSS ბევრად უფრო მოსახერხებელია მისი tags (როგორიცაა შრიფტი), რადგან ისინი საშუალებას გაძლევთ შეინახოთ ვებ ოსტატი დრო და შეამციროს საბოლოო ზომა დოკუმენტი.

მორცხვი

რა თქმა უნდა, ყველა ზემოთ მოყვანილი რედაქტორი ფუნქციები ძალიან სასარგებლოა, მაგრამ ისინი პირველ რიგში არიან HTML- ის გვერდებზე, ანუ, რათა შეიქმნას მარტივი საიტები. მაგრამ Adobe Dreamweaver საშუალებას გაძლევთ ფუნქციონირება და სხვა სახის დოკუმენტები. პროგრამა მხარს უჭერს სამოქმედო სკრიპტს, ჯავის სკრიპტს, XML, ASP.NET, JSP, PHP, Script, და კიდევ ტექსტური დოკუმენტიც კი. მართალია, ამ უკანასკნელის დანიშვნა არ არის სრულიად ნათელი (ამ თვალსაზრისით, Dreamweaver- მა მკაფიოდ დაკარგავს "ნოუთბუქის" რესურსების მოხმარებისა და დატვირთვის სიჩქარით). ბუნებრივია, Tag Auto Attibutation და ვიზუალური მაყურებელი რეჟიმი ხელმისაწვდომი იქნება მხოლოდ დოკუმენტების HTML მხარდაჭერით. მაგრამ ნებისმიერ დოკუმენტში, კოდექსის განათება შენახული იქნება.

პროგრამის მნიშვნელოვანი უპირატესობა წინასწარ მოსავლის ფორმალურია. ახალი დოკუმენტის შექმნისას, შაბლონების კომპლექტი ხელმისაწვდომია. Ეს შეიცავს სხვადასხვა გვერდები სტანდარტული ჩარჩოები სხვადასხვა სტილის ფურცლებზე და დიზაინის ფორმატისთვისაც კი. პროგრამის ავტორებმა შექმნეს რამდენიმე ათეული სხვადასხვა თარგები, რომლებიც შეიძლება სასარგებლო იყოს სხვადასხვა სიტუაციებში, მაგალითად, წარმოადგინონ პრეზენტაციები შეზღუდული რესურსებით და დროით. მზა რესურსების გამოყენებისას, საიტის მართვის ფანჯარა გამოჩნდება, სადაც შეგიძლიათ დაამატოთ ახალი საიტი, რედაქტირება, ჩარჩო და იმპორტი და ექსპორტი არსებული. საიტის შექმნისას, პარამეტრების ფორმა გამოჩნდება, სადაც რამდენიმე ნაბიჯით აუცილებელია რამდენიმე პარამეტრის დაყენება: სახელი და მისამართი, კავშირი პარამეტრები დისტანციური სერვერი და ა.შ. ეს პროცედურა არის კიდევ ერთი სასარგებლო ნაწილი (მაგრამ პატარა მოთხოვნით ჩვეულებრივი მომხმარებლების მიერ) ადგილობრივი და დისტანციური მართვა საიტები. ასეთი ოპერაციებისათვის, ცალკე სანიშნე ხაზს უსვამს მთავარ მენიუში - "ვებგვერდს". მას შეუძლია მოუწოდა საიტის მართვის ფანჯარაში, შეამოწმეთ ბმულები, შეასრულოს რიგი სხვა ოპერაციები. ყველაზე საინტერესოა ჩვეულებრივი მომხმარებლისთვის ამ მენიუში "ანგარიშები" ფუნქცია. ეს საშუალებას გაძლევთ სკანირების საიტი სხვადასხვა ხარვეზები. ტესტის შედეგები გამოჩნდება ცალკე პანელი მრავალჯერადი სანიშნეებით. ერთ-ერთ მათგანს შეგიძლიათ შეამოწმოთ შეიძინა ბმულებისხვა - კოდის შეცდომა. მაგალითად, ჩემ მიერ მიღებული ერთ-ერთ გვერდებზე, დაკარგული Alt Attributes- ის მასა და ზოგიერთი არ არის სრულიად სწორი ნივთები. გარდა ამისა, "ანგარიშების" გამოყენებით თქვენ შეგიძლიათ შეამოწმოთ კოდი ბრაუზერებთან თავსებადობისთვის. თუმცა, თუ მთელი კოდი დაწერილი იყო Dreamweaver- თან, მაშინ პრობლემა არ იქნება ნაპოვნი, მიუხედავად იმისა, რომ იშვიათ შემთხვევებში, რედაქტორის მიერ დაწერილი კოდი არ ჰგავს ბრაუზერებს, როგორც მე არ მინდა. ყველა შემოწმების შედეგი შეიძლება იყოს შენახული ცალკე ფაილი.

ასე რომ, როგორც ჩვენ ვხედავთ, Adobe Dreamweaver არის ძლიერი ინსტრუმენტი შექმნის, შეცვლის და მართვის საიტები, რომელიც სასარგებლო იქნება, როგორც ახალბედა ვებ ოსტატი და გამოცდილი მომხმარებელიპროგრამირების Java, PHP და ა.შ. Dreamweaver, თქვენ შეგიძლიათ შეასრულოს დიდი რაოდენობით ოპერაციების, რომელიც არსებობს რამდენიმე პროგრამების ერთდროულად ამ რედაქტორის გარეშე.

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

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

მსგავსი დოკუმენტები

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

თეზისი, დამატებულია 03/25/2013


სამუშაოების შესაძლებლობა S. ტექსტური რედაქტორები მხოლოდ მცირე ვებ გვერდის შესაქმნელად. ვებ-დიზაინის თეორია და მისი ამბავი. რედაქტორი Dreamweaver, მისი თვისებები. ძირითადი მოთხოვნები ვებ გვერდზე. Dreamweaver გაჩენის ფონზე.

კურსის მუშაობა, დამატებულია 12.06.2009


თეორიული მიმოხილვა ვებ-გვერდის "კონფლიქტების ორგანიზაციაში" შექმნის შესახებ. საინფორმაციო რესურსებისა და მომსახურების ანალიზი. კონფლიქტების კვლევის მეთოდების მახასიათებლები ორგანიზაციებში. Macromedia Dreamweaver პროგრამული პაკეტი ვებ-გვერდის შესაქმნელად.

თეზისი, დამატებულია 06/22/2015


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

მეთოდი, დამატებულია 07/06/2011


ზოგადი მახასიათებლები ჰიპერტექსტის მარკირების ენა ჰიპერტექსტის მარკირების ენა. HTML დოკუმენტის სტრუქტურა. ძირითადი HTML შესაძლებლობების მიმოხილვა. საშუალებები თანამედროვე დიზაინი Ვებ გვერდები. HTML- ის პრაქტიკული გამოყენების ანალიზი (სასწავლო პროგრამების მაგალითზე).

კურსდამთავრებული, დასძინა 24.11.2012


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

თეზისი, დამატებულია 07/07/2010


ვიზუალური HTML რედაქტორის Dreamweaver- ის განხილვა. საიტის სტრუქტურის განსაზღვრა "სწრაფი სტუდია". გვერდის შინაარსი "სახლი", "პორტფოლიო", "კონტაქტები". ტექსტის ფორმატირება tags და მეთოდები მისი დიზაინის გამოყენებით CSS დაკავშირებული მაგიდები.

კურსს, დამატებულია 08/18/2013


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

კურსის მუშაობა, დამატებულია 02/03/2011

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

ოპერაციული სისტემის ფარგლებში სპეციალური თვისებების მხარდაჭერა

Dreamweaver მხარს უჭერს სპეციალური თვისებები windows სისტემები და მაკინტოშ. მაგალითად, ოპერაციულ ოთახში macintosh სისტემა თქვენ შეგიძლიათ დააყენოთ ვიზუალური პარამეტრების უნივერსალური წვდომის პარამეტრების დიალოგური ფანჯარა ("Apple"\u003e სისტემის პარამეტრები). მითითებული პარამეტრები აისახება Dreamweaver სამუშაო გარემოს.

მხარდაჭერილია მაღალი კონტრასტული კონფიგურაცია Windows- ში. ეს პარამეტრი შეიძლება ჩართული იყოს Windows Control Panel- ში. Dreamweaver კომპონენტებისათვის, ამ პარამეტრს აქვს შემდეგი ეფექტი.

დიალოგური ყუთები და პანელები იყენებენ Სისტემის პარამეტრები ყვავილები. მაგალითად, თუ ფერადი "თეთრი შავი", მაშინ ტექსტის თეთრი ფერი და შავი ფერის ფონზე გამოყენებული იქნება ყველა Dreamweaver დიალოგური ყუთებისა და პანელებისთვის.

"კოდექსის" თვალსაზრისით გამოიყენება ტექსტის სისტემის ფერი და ფანჯრის ტექსტის ფერი. მაგალითად, თუ თქვენ დააყენებთ სისტემის ფერს თეთრ ლურჯზე, შემდეგ კი შეცვალეთ ტექსტის ფერები რედაქტირების მენიუში\u003e "პარამეტრები"\u003e "ფერადი კოდის დიზაინი", მაშინ Dreamweaver არ იყენებს ამ პარამეტრებს და აჩვენებს ტექსტის კოდს თეთრი სიმბოლოები შავი ფონზე.

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

სამუშაო ადგილის ოპტიმიზაცია სპეციალური თვისებების გვერდებზე

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

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

1. აირჩიეთ "რედაქტირება"\u003e "პარამეტრები" (Windows) ან Dreamweaver\u003e პარამეტრები (Macintosh).
2. "კატეგორიის" სიაში მარცხნივ, აირჩიეთ "სპეციალური თვისებები", აირჩიეთ ობიექტი, მითითებული შემდეგი შემდეგი პარამეტრების და დააჭირეთ OK. ჩასმა ატრიბუტები აირჩიეთ ობიექტები, რომლისთვისაც გსურთ სპეციალური თვისებების გააქტიურება დიალოგური ყუთების გააქტიურება. მაგალითად, ფორმების ობიექტები, ჩარჩოები, მულტიმედია და სურათები. აქტიური პანელის გახსნისას საშუალებას გაძლევთ გადავარჩინოთ პანელზე ფოკუსირების პოზიცია ეკრანისგან ეკრანის მოსმენით. (თუ ეს პარამეტრი არ არის შერჩეული, პანელის გახსნისას, ყურადღება გამახვილებულია "დიზაინში" ან "კოდექსში" ხედში.) შენობა სურათების გარეთ ეკრანზე აირჩიეთ ეს ვარიანტი ეკრანის მკითხველის ეკრანზე.

   Შენიშვნა.სპეციალური თვისებები ატრიბუტები არიან "ჩასმა მაგიდაზე" დიალოგურ ფანჯარაში ახალი მაგიდის ჩასმისას.

სპეციალური თვისებები შეამოწმეთ ფუნქცია Dreamweaver

დაწყებული Dreamweaver CS5, ფუნქცია შემოწმების სპეციალური თვისებები Dreamweaver არის მოძველებული.

Dreamweaver ნავიგაცია გამოყენებით კლავიატურა

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

Შენიშვნა. გამოიყენეთ tab გასაღები და arrow გასაღებები შეიძლება გამოყენებულ იქნას მხოლოდ Windows ოპერაციული სისტემა.

ნავიგაცია პანელები

1. დოკუმენტის ფანჯარაში, დააჭირეთ ღილაკს "CTRL" და "F6" გასაღებები პანელზე ფოკუსირება.

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

2. ამავდროულად, დააჭირეთ "Ctrl" და "F6" გასაღებები, სანამ ყურადღება გამახვილდება საჭირო პანელზე. (გადაადგილება შორის პანელები საპირისპირო ბრძანება ამავდროულად, დააჭირეთ "Ctrl", "Shift" და "F6" გასაღებები.)
3. თუ თქვენ გჭირდებათ დახურული პანელი, გამოიყენეთ კლავიშთა კომბინაცია windows მენიუ ამ პანელის ჩვენება და შემდეგ ერთდროულად დააჭირეთ "კონტროლი" და "F6".

   თუ სასურველი პანელი ღიაა, მაგრამ არ არის განლაგებული, გადაადგილება ფოკუსირება პანელის სათაურის და დააჭირეთ სივრცეში გასაღები. გააფართოვოს იგი, დააჭირეთ "სივრცე" გასაღები.

4. გამოიყენეთ tab გასაღები პანელის კონტროლის გასწვრივ.
5. Arrow გასაღებები გამოიყენება შემდეგ შემთხვევებში.
   • თუ კონტროლს აქვს პარამეტრები, გამოიყენეთ ისრიანი ღილაკები, რათა გადავიდეს პარამეტრებს შორის ვარიანტები და შეარჩიონ ღირებულება, "სივრცე" გასაღები.
   • თუ პანელზე ჩანართები არსებობს, სხვა პანელების გახსნის, აქცენტი აქცენტი ღია ჩანართი და გამოყენებით "მარცხენა" ან "arrow უფლება" გასაღები, გახსენით სასურველი tab. ჩანართის გახსნის შემდეგ, შესაძლებელია მისი საკონტროლო ელემენტების გადატანა ჩანართის გასაღების გამოყენებით.

ნავიგაცია ინსპექტორი თვისებები

1. თვისებების ინსპექტორის ჩვენება, დააჭირეთ "Ctrl" + "F3" გასაღებები.
2. დააჭირეთ ღილაკს კლავიატურა "CTRL" + "F6" (მხოლოდ Windows) სანამ ყურადღება გამახვილდება თვისებების ინსპექტორისთვის.
3. გამოიყენეთ tab გასაღები გადაადგილება თვისებები ინსპექტირების კონტროლი.
4. ისრის ღილაკები გამოიყენება პარამეტრებს შორის.
5. დააჭირეთ "Ctrl" + "Up arrow" arrow (Windows) ან "ბრძანება" + "arrow" (Macintosh) გახსნას, თუ თქვენ უნდა გახსნათ ან დახუროთ გაფართოებული ქონების ინსპექტორი სექცია, ან hover arrow განლაგების ქვედა მარჯვენა კუთხე და დააჭირეთ "სივრცე" გასაღები.

ქვემოთ მოყვანილი ფიგურა გვიჩვენებს Adobe Dreamweaver ინტერფეისი. -ში სხვადასხვა ვერსიები პროგრამები შეიძლება იყოს გარკვეული განსხვავებები.

1. Mockup აირჩიეთ ღილაკი
2. გაფართოების შერჩევის ღილაკი
3. სამუშაო ღილაკი ნახვა
4. ინტერფეისის შერჩევის ღილაკი(ინვალიდის ეტლი არის 11 ვარიანტის არჩევანი). ფიგურა - კლასიკური ინტერფეისი
5. მენიუ ხაზი (10 მენიუ Drop-down ბრძანების სიები)
6. ჩანართების რიგი (კატეგორიები) - 9 ჩანართები სხვადასხვა სახეობები სამუშაო
7. პანელი. Toolbar ცვლილებები დამოკიდებულია შერჩეული tab (ფიგურა - პანელი ტექსტის tab). ჩამოსასხმელი ჩანართების (P.6) და Toolbars (გვ 7) ერთად ფორმა "შეფუთვა პანელი"
8. ხაზი ღია დოკუმენტები
9. კოდექსის პანელი
10. კოდის ხაზების ნუმერაცია
11. კოდექსის სექცია (რედაქტირების ფანჯარაში დაყოფილია კოდი და დიზაინი)
12. სტატუსის ბარი (Tags გამოიყენება, გვერდი იტვირთება სიჩქარე გამოყენებული კოდირება).
13. პანელის ჯგუფი "შედეგები" (ძიება, საცნობარო წიგნი, შეამოწმეთ ბმულები, ანგარიშები და ა.შ.)
14. დოკის პანელები - ეს შეიძლება შეიცავდეს პანელების ფაილებს, აქტივებს, კოდის ფრაგმენტებს, მონაცემთა ბაზებს, სტილს, საკვანძო ინსპექტორს და ა.შ. Panel Dock ხსნის / ამოიღებს პროგრამის ფანჯარაში ფანჯრის მენიუში - დამალვა პანელები / შოუ პანელები.
15. დიზაინის სექცია (როდესაც გაყოფილი რედაქტირების ფანჯარაში კოდი და დიზაინი)

სამუშაო სივრცის (ღილაკი 4) შეცვლით, პროგრამის ინტერფეისი შეიძლება განსხვავდებოდეს იმაზე, თუ რა არის ნაჩვენები ზემოთ ("კლასიკური" ინტერფეისის ვერსია).

რედაქტირება ფანჯარა (დოკუმენტის ფანჯარა)

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


პრეზენტაცია "ინტერაქტიული კოდი"ხელმისაწვდომია მხოლოდ მაშინ, როდესაც "ინტერაქტიული ხედვის" დოკუმენტის დათვალიერება და რეალურ კოდს აჩვენებს. "ინტერაქტიული კოდი" ხედვა არ უჭერს მხარს რედაქტირებას.

Toolbars :

სტანდარტული Toolbar (შექმნა, გახსნა, შენახვა, პასტა და ა.შ.)

კომპონენტები

Მონაცემთა ბაზა

სერვერის ქცევა

რედაქტორი Tag სწრაფი Tag - გამოიყენება, როდესაც თქვენ უნდა სწრაფად შეამოწმოთ, ჩასმა ან შეცვლა hTML tags"დიზაინის" პრეზენტაციის გარეშე.

აპლიკაციის პანელი აპლიკაციის ფანჯრის ზედა ნაწილში არის სამუშაო სივრცის შეცვლა, მენიუ (Windows მხოლოდ) და სხვა კონტროლი.

Tag Selector მოთავსებულია სტატუსის ბარი. გვიჩვენებს tag იერარქია.