Dreamweaver საშუალებას იძლევა ადვილად შექმნათ ჩამოსაშლელი მენიუები თქვენს საიტზე. მაგრამ ისევე როგორც ყველა HTML ფორმა, ისინი შეიძლება ცოტა სახიფათოა. ამ ტერმინალს გაატარებთ ნაბიჯებით Dreamweaver- ში ჩამოსაშლელი მენიუს შესაქმნელად.
Dreamweaver აირჩიე მენიუები
Dreamweaver 8 ასევე უზრუნველყოფს ოსტატი შექმნას ნახტომი მენიუ ნავიგაცია თქვენს საიტზე. განსხვავებით ძირითადი ჩამოსაშლელი მენიუები, ეს მენიუ რეალურად რაღაც, როდესაც თქვენ დასრულდა. თქვენ არ უნდა დაწეროთ რაიმე JavaScript ან CGIs, რომ მიიღოთ თქვენი ჩამოსაშლელი ფორმა მუშაობა. ამ ტერმინალს ასევე განმარტავს, თუ როგორ გამოიყენოთ Dreamweaver 8 ოსტატი, რათა შექმნას ნახტომი მენიუ.
20 of 01
პირველი შექმნა ფორმა
მნიშვნელოვანი შენიშვნა შესახებ HTML ფორმები და Dreamweaver:
გარდა სპეციალური ოსტატები, როგორიცაა ნახტომი მენიუ, Dreamweaver არ დაგეხმარებათ მიიღოს HTML ფორმები "მუშაობა". ამისათვის საჭიროა CGI ან JavaScript. იხილეთ ჩემი სამეურვეო HTML ფორმების შექმნა დამატებითი ინფორმაციისთვის.
როდესაც თქვენ დასძენს ჩამოსაშლელი მენიუ თქვენს საიტზე, პირველი რაც გჭირდებათ ფორმა არის გარს იგი. In Dreamweaver, წასვლა ჩასმა მენიუ და დააჭირეთ ფორმა, შემდეგ აირჩიოს "ფორმა".
20 of 02
ფორმა მონიტორები დიზაინი ნახვა
Dreamweaver გვიჩვენებს თქვენი ფორმის ადგილმდებარეობის ვიზუალურად დიზაინის ხედში, ასე რომ თქვენ იცით, სად უნდა განათავსოთ თქვენი ფორმა ელემენტები. ეს მნიშვნელოვანია, რადგან ჩამოსაშლელი მენიუ tags არ არის სწორი (და არ იმუშავებს) გარეთ ფორმა ელემენტს. როგორც სურათში ხედავთ, ფორმა არის წითელი წერტილის ხაზი დიზაინით.
20 of 03
აირჩიეთ სია / მენიუ
Drop-down მენიუები უწოდებენ "სიას" ან "მენიუს" ელემენტებს Dreamweaver- ში. ასე რომ დაამატოთ ერთი თქვენი ფორმა, თქვენ უნდა წასვლა ფორმა მენიუს Insert მენიუში და აირჩიეთ "სია / მენიუ". დარწმუნდით, რომ თქვენი კურსორი იყო თქვენი ფორმა ყუთში წითელი წერტილით.
20 of 04
სპეციალური პარამეტრები ფანჯარა
In Dreamweaver პარამეტრები არის ეკრანზე ხელმისაწვდომობა. მე აირჩიოს Dreamweaver აჩვენებს ჩემთვის ყველა ხელმისაწვდომობის ატრიბუტები. ეს ეკრანი შედეგია. ფორმები არის ადგილი, სადაც ბევრ საიტებზე ჩამორჩება ხელმისაწვდომობა და შევსების ამ ხუთი ვარიანტი თქვენი ჩამოსაშლელი მენიუები მაშინვე უფრო ხელმისაწვდომი.
20 of 05
ფორმა ხელმისაწვდომობა
ხელმისაწვდომობის პარამეტრებია:
ლეიბლი
ეს არის ველში სახელი. ეს გამოჩნდება, როგორც ტექსტი თქვენი ფორმის ელემენტის გვერდით.
დაწერეთ ის, რაც გსურთ თქვენი მენიუს ჩამოსათვლელად. ეს შეიძლება იყოს კითხვა ან მოკლე ფრაზა, რომ ჩამოსაშლელი მენიუ პასუხობს.
სტილი
HTML შეიცავს ეტიკეტების ტეგს, რათა დაამტკიცოთ თქვენი ფორმა ეტიკეტების ბრაუზერი. თქვენი არჩევანი არის ჩამოსაშლელი მენიუ და ლეიბლის ტექსტი ტეგით, გამოიყენოთ "ამისთვის" ატრიბუტის ეტიკეტზე, რომლითაც იდენტიფიცირება, თუ რომელი სახელის იგნორირებას იძლევა, ან არ გამოიყენოთ ეტიკეტის ტეგი.
მირჩევნია გამოიყენოს ატრიბუტი, როგორც მაშინ, თუ მე უნდა გადავიდეთ ეტიკეტების რატომღაც იგი კვლავ უნდა დაერთოს სწორი ფორმა სფეროში.
პოზიცია
თქვენ შეგიძლიათ განათავსოთ თქვენი ეტიკეტი Drop-down მენიუში ან მის შემდეგ.
წვდომის გასაღები
ეს არის გასაღები, რომელიც შეიძლება გამოყენებულ იქნას Alt ან Option Key- ი, რომ პირდაპირ მიიღოთ ფორმა სფეროში. ეს ქმნის თქვენი ფორმების ძალიან მარტივი გამოყენება გარეშე მაუსის. როგორ შევქმნათ Access Key HTML- ში
Tab ინდექსი
ეს არის ბრძანება, რომელშიც ფორმის ველი უნდა იყოს ხელმისაწვდომი ვებ-გვერდის მეშვეობით კლავიატურაზე კლავიატურის გამოყენებისას. გაცნობა Tabindex
ხელმისაწვდომობის პარამეტრების განახლებისას დააჭირეთ OK.
20 of 06
აირჩიეთ მენიუ
მას შემდეგ, რაც თქვენ გაქვთ თქვენი ჩამოსაშლელი მენიუ ჩვენების დიზაინის თვალსაზრისით, თქვენ უნდა დაამატოთ სხვადასხვა ელემენტები მას. პირველი აირჩიეთ მწკრივი მენიუდან დაჭერით. Dreamweaver დააყენებს კიდევ ერთ წერტილს ხაზს მხოლოდ მწკრივზე მენიუში, რათა აჩვენოთ, რომ ის შეარჩია.
20-დან 20-მდე
მენიუ თვისებები
თვისებების მენიუ შეიცვლება იმ მენიუს სიაში / მენიუს თვისებებზე. თქვენს მენიუში შეგიძლიათ მიანიჭოთ ID (სადაც ის ამბობს "აირჩიეთ"), გადაწყვიტეთ, თუ გინდა, რომ იყოს lis ან მენიუ, მის სტილის კლასს მიეცით სტილის ფურცელი და დაამატეთ ფასეულობები ჩამოსაშლელად.
რა არის განსხვავება სიასა და მენიუს შორის?
Dreamweaver მოუწოდებს მენიუს ჩამოსაშლელ მენიუში ნებისმიერი წვეთი ქვემოთ, რომელიც მხოლოდ საშუალებას იძლევა ერთი არჩევანი. "სია" საშუალებას იძლევა მრავალრიცხოვანი არჩევანი ჩამოსაშლელად და შეიძლება ერთზე მეტი ერთეულზე მაღალი იყოს.
თუ გსურთ ჩამოსაშლელი მენიუ იყოს მრავალრიცხოვანი ხაზები, შეცვალეთ იგი "სია" ტიპის და დატოვონ "selections" ყუთში unchecked.
20 of 08
ახალი სიის დამატება
თქვენს მენიუს ახალი ელემენტების დამატება, დააჭირეთ ღილაკს "სია ღირებულებების ..." ღილაკს. ეს გაიხსნება ზემოთ ფანჯარაში. ჩაწერეთ თქვენი საქონლის ლეიბლი პირველ ყუთში. ეს არის ის, რაც გამოჩნდება გვერდზე. თუ დატოვებთ მნიშვნელობას ცარიელია, რაც ასევე ფორმით იგზავნება.
20 of 09
დაამატეთ მეტი და გადატვირთეთ
დაწკაპეთ პლუს ხატულა დაამატოთ მეტი ელემენტი. თუ გსურთ ხელახლა შეუკვეთოთ ისინი სიაში ყუთში, გამოიყენეთ ქვემოთ და ქვემოთ ისრები მარჯვნივ.
20 of 10
მიეცით ყველა ელემენტი ღირებულებებს
როგორც ვთქვი მე -8 საფეხურიდან, თუ დატოვებთ ღირებულებას ცარიელი, ეტიკეტი გადაეგზავნება ფორმას. მაგრამ თქვენ შეგიძლიათ მიანიჭოთ ყველა თქვენი ღირებულების ღირებულებები - თქვენი ფორმის ალტერნატიული ინფორმაციის გაგზავნა. თქვენ ბევრ რამეს გამოვიყენებთ, როგორც ნახტომი მენიუები.
20-დან 11-მდე
აირჩიეთ ნაგულისხმები
ვებ-გვერდები ნაგულისხმევად გამოჩნდებიან რომელი წვეთი ქვემოთ ჩამოთვლილია, როგორც ნაგულისხმები პუნქტი. მაგრამ თუ გსურთ სხვა შერჩეული შერჩევა, მონიშნეთ ის "თავდაპირველად შერჩეული" ყუთში თვისებების მენიუში.
20-დან 12-მდე
იხილეთ თქვენი სია დიზაინში
მას შემდეგ, რაც თქვენ კეთდება რედაქტირების თვისებები, Dreamweaver გამოჩნდება თქვენი ჩამოსაშლელი სია შერჩეული default ღირებულება.
20-დან 13-მდე
იხილეთ თქვენი სია კოდის ნახვაში
თუ კოდის ხედზე გადახვალთ, ხედავთ, რომ Dreamweaver- ს დასძენს თქვენი ჩამოსაშლელი მენიუ ძალიან სუფთა კოდით. მხოლოდ დამატებითი ატრიბუტები არის ის, რომ ჩვენ დამატებული ხელმისაწვდომობის პარამეტრები. კოდი არის ყველა indented და ძალიან ადვილად წასაკითხი და გაგება. ეს კი ავირჩიოთ შერჩეულ = "შერჩეულ" ატრიბუტს, რადგან მე ვუთხარი "Dreamweaver" - ს, რომ მე სწორად ვწერ XHTML.
20-დან 14-მდე
შენახვა და ნახვა ბრაუზერში
თუ თქვენ შეინახეთ დოკუმენტი და იხილოთ ის ვებ ბრაუზერში, ხედავთ, რომ თქვენი ჩამოსაშლელი მენიუ გამოიყურება ისევე როგორც თქვენ მოელოდა.
20-დან 15-მდე
მაგრამ ეს არაფერს აკეთებს
ჩვენ შევქმენით მენიუ კარგად გამოიყურება, მაგრამ არაფერს აკეთებს. იმისათვის, რომ მიიღოთ ის რაღაც, თქვენ უნდა შეიქმნას ფორმის სამოქმედო ფორმა თავად, რომელიც სრულიად სხვა ტუტორიუმი.
საბედნიეროდ, Dreamweaver აქვს ჩამონტაჟებული ჩამოსაშლელი მენიუ ფორმა, რომელიც შეგიძლიათ გამოიყენოთ დაუყოვნებლივ თქვენს საიტზე გარეშე სჭირდება გაეცნონ ფორმების, CGIs, ან სკრიფტინგის. მას "მენიუ" უწოდა.
Dreamweaver Jump მენიუ ადგენს ჩამოსაშლელ მენიუში სახელებითა და მისამართებით. შემდეგ შეგიძლიათ აირჩიოთ პუნქტი მენიუში და ვებ გვერდი გადავა ამ ადგილას, ისევე, როგორც თქვენ დააკლიკეთ ბმულს.
გადადით მენიუს ჩასართავად და აირჩიეთ ფორმა და შემდეგ ხტომა მენიუში.
20-დან 16-მდე
გადადით მენიუს ფანჯარაში
სტანდარტის ჩამოსაშლელი მენიუდან განსხვავებით Jump მენიუ იხსნება ახალ ფანჯარაში, რათა დაასახელოთ თქვენი მენიუს ნივთები და დაამატეთ დეტალები, თუ როგორ უნდა იმუშაოს ფორმა.
პირველი პუნქტისთვის, შეცვალეთ ტექსტი "untitled1", რაც გსურთ წაიკითხოთ და დაამატოთ URL რომ ეს ბმული უნდა წავიდეს.
20-დან 17-მდე
დამატება აირჩიე მენიუში
დაამატეთ დამატება ელემენტს, რათა დაამატო ახალი ელემენტი თქვენი ნახტომი მენიუში. დაამატეთ რაც შეიძლება მეტი ელემენტი.
20-დან 18-მდე
გადასვლა მენიუ პარამეტრები
ერთხელ თქვენ დაემატა ყველა ბმული, თქვენ უნდა აირჩიოთ თქვენი პარამეტრები:
გახსენით URL- ები
თუ თქვენ გაქვთ frameset, შეგიძლიათ გახსნათ ბმულები სხვადასხვა ჩარჩოში. ან შეგიძლიათ შეცვალოთ ძირითადი ფანჯრის ვარიანტი სპეციალური სამიზნეში, რომ URL გაიხსნება ახალ ფანჯარაში ან სხვაგან.
მენიუს სახელი
მიეცით თქვენს მენიუში უნიკალური ID- ს გვერდი. ეს აუცილებელია ისე, რომ სკრიპტი სწორად იმუშავებს. იგი ასევე გაძლევთ საშუალებას მიიღოს სხვადასხვა ნახტომი მენიუები ერთ სახით - უბრალოდ მისცეს მათ ყველა სხვადასხვა სახელები.
ჩასმა ღილაკი მენიუდან
მე მიყვარს ეს, რადგან ზოგჯერ სკრიპტი არ მუშაობს მენიუში. ეს უფრო ხელმისაწვდომია.
აირჩიეთ პირველი პუნქტი URL ცვლილების შემდეგ
აირჩიეთ ეს, თუ თქვენ გაქვთ სწრაფი, როგორც "აირჩიეთ ერთი" პირველი მენიუ. ეს დააზღვევს გვერდს.
20-დან 19-მდე
გადასვლა მენიუ დიზაინი ნახვა
ისევე, როგორც თქვენი პირველი მენიუ, Dreamweaver ადგენს თქვენი ნახტომი მენიუში დიზაინით სანახავად default item ჩანს. თქვენ შეგიძლიათ შემდეგ შეცვალონ ჩამოსაშლელი მენიუ, როგორც თქვენ, სხვა.
თუ შეასწოროთ ის, დარწმუნდით, რომ არ შეცვალოთ ნებისმიერი პირადობის მოწმობა, წინააღმდეგ შემთხვევაში სკრიპტი არ იმუშავებს.
20-დან 20-მდე
გადასვლა მენიუში ბრაუზერში
ფაილების შენახვა და F12- ის დარტყმა გამოჩნდება თქვენს სასურველ ბრაუზერში. აქ თქვენ შეგიძლიათ აირჩიოთ ვარიანტი, დააჭირეთ "გადასვლა" და ნახტომი მენიუ მუშაობს!