თქვენ არ უნდა გამოიყენოთ მხოლოდ WYSIWYG
Dreamweaver არის დიდი WYSIWYG რედაქტორი , მაგრამ თუ თქვენ არ ხართ დაინტერესებული წერილობით ვებ გვერდებზე "რა ხედავთ არის ის, რაც თქვენ მიიღებთ" გარემოს, შეგიძლიათ კვლავ გამოიყენოთ Dreamweaver რადგან ეს ასევე დიდი ტექსტური რედაქტორია. მაგრამ არსებობს ბევრი ფუნქციები, რომლებიც გადაიჩეხო მიერ გზამკვლევი ფარგლებში Dreamweaver კოდი რედაქტორი, რადგან პირველადი აქცენტი არის "დიზაინი ხედი" ან WYSIWYG რედაქტორი ნაწილი პროდუქტი.
როგორ მივიღოთ Dreamweaver კოდექსის ნახვა
თუ თქვენ არასდროს იყენებთ Dreamweaver- ს HTML რედაქტორისთვის, სანამ არ შეინიშნება სამი ღილაკი გვერდის ზედა ნაწილში: "კოდი", "გაყოფილი" და "დიზაინი". Dreamweaver იწყება ნაგულისხმევი "დიზაინის ხედში" ან WYSIWYG რეჟიმში. მაგრამ ადვილია გადასასვლელად და რედაქტირება HTML კოდი. დააჭირეთ ღილაკს "კოდი". ან, გადადით მენიუში და შეარჩიეთ "კოდი".
თუ თქვენ უბრალოდ სწავლობენ HTML- ს დაწერს ან გინდა რომ გაიგოთ, თუ როგორ შეცვლით თქვენი ცვლილებები თქვენს დოკუმენტზე, შეგიძლიათ კოდის ხედვა და დიზაინი ხილვა ერთდროულად. ამ მეთოდის სილამაზე ისაა, რომ თქვენ შეგიძლიათ ორივე ფანჯრის რედაქტირება. ასე რომ თქვენ შეგიძლიათ დაწეროთ კოდი თქვენს სურათზე HTML- ში და შემდეგ გამოიყენოთ დიზაინის ხედი სხვა გვერდზე გადატანა გვერდზე გადაადგილებით.
ერთდროულად რომ იხილოთ:
- დააჭირეთ ღილაკს "გაყოფილი" ღილაკს ("კოდექსსა" და "დიზაინს" შორის)
- მენიუში აირჩიეთ "კოდი და დიზაინი"
მას შემდეგ, რაც თქვენ კომფორტული გამოყენებით Dreamweaver შეცვალონ თქვენი HTML კოდი, თქვენ შეგიძლიათ შეცვალოთ თქვენი პრეფერენციები გახსნას Dreamweaver კოდის ხედი ნაგულისხმევია. უმარტივესი გზაა სამუშაო კოდის შენახვა როგორც სამუშაო ადგილი. Dreamweaver გაიხსნება ბოლო სამუშაო სივრცეში, რომელსაც იყენებდით. თუ ეს არ არის, უბრალოდ გადადით ფანჯრის მენიუში და აირჩიეთ სასურველი სამუშაო ადგილი.
კოდის ნახვა პარამეტრები
Dreamweaver იმდენად მოქნილია, რომ მას აქვს ამდენი გზა, რომ ისარგებლოს და მას იმუშაოს გზა გსურთ გინდათ. პარამეტრების ფანჯარაში არის კოდის შეღებვა, კოდის ფორმატირება, კოდი მინიშნებები და კოდის გადაწერა პარამეტრები შეგიძლიათ შეცვალოთ. მაგრამ თქვენ ასევე შეგიძლიათ შეცვალოთ გარკვეული სპეციალური პარამეტრები კოდის სანახავად.
ერთხელ თქვენ კოდის ხედი, არის "View Options" ღილაკი პანელი. თქვენ ასევე შეგიძლიათ იხილოთ პარამეტრები View მენიუში შესვლისას და აირჩიეთ "კოდის ნახვა პარამეტრები". ვარიანტებია:
- Word Wrap - ამოიწურა HTML კოდი, ასე რომ თქვენ შეგიძლიათ ნახოთ იგი ჰორიზონტალურად სკროლის გარეშე. გაითვალისწინეთ, რომ ეს ვარიანტი არ შეიცავს თქვენს ვადებში გადაზიდვის დაბრუნებას, ის მხოლოდ კოდს აჩვენებს ისე, რომ წაიკითხოს ადვილი.
- ხაზის ნომრები - კოდის ხაზის გასწვრივ ხაზის ნომრები. ეს გვიჩვენებს ხაზი გადატანა სიმბოლო ხაზები, რომ გადაიტანოთ უმეტეს ხედი ფანჯარა.
- დამალული პერსონაჟი - აჩვენებს სპეციალურ სიმბოლოებს ნაცვლად თეთრეულის ნაცვლად, რომელიც აჩვენებს ვებგვერდზე. როგორიცაა dot შეცვლის სივრცეში, ორმაგი Chevron ცვლის თითოეულ tab და ფრჩხილის ან პუნქტის მარკერის შეცვლის თითოეული ხაზი შესვენების.
- მონიშნეთ არასწორი კოდი - ხაზგასმულია HTML, რომელიც არასწორია ყვითელი. თუ აირჩევთ ყვითელ შაბლონს, ქონების ინსპექტორი მოგცემთ მინიშნებებს, თუ როგორ უნდა დააფიქსიროს იგი.
- სინტაქსი საღებარი - გამოდის ან გამორთეთ თქვენი კოდის ფერი კოდირება. თქვენ შეცვლით ფერის კოდირების ფერთა კოდით შეღავათების პარამეტრებში.
- ავტო Indent - ხდის თქვენი კოდი indent ავტომატურად შემდეგ ვაგონი დაბრუნების თუ კოდი ზემოთ იგი indented. თქვენ შეგიძლიათ შეცვალოთ განზომილების ზომის შეცვლა ტაბლეტის ზომის კორექტირების სექციაში.
რედაქტირება HTML კოდექსის Dreamweaver კოდექსის ნახვა
ადვილია HTML კოდის რედაქტირება Dreamweaver- ის კოდით. უბრალოდ დაიწყეთ HTML- ის აკრეფა. მაგრამ Dreamweaver მოგაწვდით რამდენიმე ექსტრასს, რომელიც ვრცელდება ძირითად HTML რედაქტორის მიღმა. HTML ტეგის წერის დაწყებისას თქვენ აკრეფით <. თუ ამ ხასიათის პაუზის შემდეგ, Dreamweaver- ს გაჩვენებთ HTML ტეგების სიას. ეს ეწოდება კოდი მინიშნებებს. ვიწრო შერჩევა, დაიწყეთ აკრეფის ასოები - Dreamweaver იქნება ვიწრო ქვემოთ ჩამოთვლილ სიაში, რომელიც შეესაბამება რა აკრეფს.
თუ ახალია HTML, შეგიძლიათ გადახვიდეთ HTML ტეგების სიაში და აირჩიოთ სხვადასხვა პირობა იმისთვის, რომ ნახოთ თუ რას აკეთებს. Dreamweaver გააგრძელებს მოგახსენებთ ატრიბუტებს, როდესაც თქვენ აკრეფილი ხართ. მაგალითად, თუ აკრიფოთ " tag.
მაგრამ კოდი მინიშნებები არ მთავრდება tags. თქვენ შეგიძლიათ გამოიყენოთ კოდი მინიშნებები:
თუ კოდი მინიშნებები არ გამოჩნდება, შეგიძლიათ მოხვდეთ Ctrl-spacebar (Windows) ან Cmd-spacebar (Macintosh), რათა მიიღოთ ისინი. ყველაზე გავრცელებული მიზეზი, რის გამოც კოდი მინიშნება შესაძლოა არ გამოჩნდეს, თუ თქვენი ფანჯრის დასრულებამდე სხვა ფანჯარა გადავიდა. იმის გამო, რომ Dreamweaver არის გასაღები off აკრეფის ხასიათი <, თუ თქვენ დატოვონ ფანჯარა და დაბრუნების, თქვენ უნდა ხელახლა დაიწყოს კოდი მინიშნებები.
თქვენ შეგიძლიათ გამორთოთ კოდი მინიშნება მენიუში გაქცევის გასაღების გასაღები.
ერთხელ თქვენ აკრეფილი თქვენი გახსნის HTML tag, თქვენ უნდა დახუროს იგი. Dreamweaver აკეთებს ამას ბუნებრივი გზა. თუ აკრიფოთ "Close Tags ვარიანტი, რომელიც საუკეთესოდ შეესაბამება თქვენს მოთხოვნებს.
თუ თქვენ არ ხართ საკმაოდ მზადაა გადავიდეს HTML- ში თქვენი გვერდების რედაქტირებისთვის, მაგრამ გინდათ რომ დაინახოთ კოდი, როგორც წერია, უნდა სცადოთ კოდი ინსპექტორი. ეს ხსნის HTML კოდი ცალკე ფანჯარაში. იგი მუშაობს როგორც კოდის ხედი და, ფაქტობრივად, ძირითადად მოხსნადი კოდის ხედი ფანჯარა მიმდინარე დოკუმენტი. კოდის ინსპექტორის გახსნისას, გადადით ფანჯრის მენიუში და აირჩიეთ "კოდექსის ინსპექტორი" ან მოათავსეთ F10 ღილაკი თქვენს კლავიატურაზე.
Dreamweaver იქნება HTML კოდის ფორმატის ფორმატში, თუმცა ის გსურთ. მაგალითად, თუ თქვენ იყენებთ 3 ფართს ინდედს, მაგრამ არასოდეს არ შედის IMG ტეგებში, შეგიძლიათ მიუთითოთ, რომ ფორმატირების ინფორმაცია კოდის გადაწერათა ვარიანტში. მერე ბრძანებები მენიუში და აირჩიეთ "გამოიყენე წყარო ფორმატირება". ეს არის დიდი გზა მისაღებად კოდი დაწერილი ვინმე შევიდა ფორმატში ნაცნობი თქვენ.
ფუნქცია, რომ ბევრი HTML coders არ იციან ან არ იყენებენ არის უნარი კოლაფსის HTML კოდი. ეს არ წაშლის დოკუმენტებს, მაგრამ მხოლოდ მათ წაშლა ისე, რომ ისინი არ განიცდიან თქვენს მუშაობას. თქვენი კოდის დაშლა:
- აირჩიეთ კოდი, რომლის დამალვაც გსურთ
- რედაქტირების მენიუში აირჩიეთ "კოპირება შერჩევა" "კოდი კოლაფსის" ქვე-მენიუდან
ადვილი გზაა კოდის შერჩევა და შემდეგ დააჭირეთ კოპირების კოლაფსურ ხატულაებს. ასევე შეგიძლიათ მარჯვენა ღილაკით შერჩეული კოდი და აირჩიეთ "Collapse Selection".
თუ გსურთ ყველაფრის დამალვა, გარდა იმ შემთხვევისა, თუ რა არის ხაზგასმული, აირჩიეთ "ჩამოშლა შერჩევა" ნებისმიერი მეთოდით.
გაფართოების კოდის გაფართოება, უბრალოდ დააჭირეთ ორჯერ. ეს ხსნის კოდს და ირჩევს მას. ამის შემდეგ შეგიძლიათ გადააადგილოთ ეს შერჩევა ან წაშალოთ ან დაამატეთ დამატებითი ტეგები.
თქვენ შეგიძლიათ გამოიყენოთ დაშლის და გაფართოების ფუნქცია ყველა დროის გვერდებზე, სადაც არ გსურთ შეცვალოთ გარე შაბლონი. თქვენ უბრალოდ აირჩიეთ კონტენტის არეალი, რომელიც გსურთ შეცვალოთ და დაიშალოს გარეთ. შემდეგ დაწერე თქვენი HTML. თქვენ შეგიძლიათ იხილოთ გვერდი დიზაინის ხედში ან გადახედოთ მას ბრაუზერში. ჩამონგრებული კოდი არ არის ამოღებული დოკუმენტიდან, უბრალოდ ხედიდან ჩანს. თქვენ ასევე შეგიძლიათ გამოიყენოთ ის, როდესაც თქვენ მუშაობთ მთელი რიგი ნივთები. როდესაც თქვენ დასრულდა ერთი, დაიშალოს იგი. თქვენ იცით, რომ თქვენ კეთდება, როდესაც კოდი არ არის ნაჩვენები.