Ნაწილი 3 როგორ შევქმნათ ფონის ვიდეო

01 წლის 05

ვიდეოს დამატება Adobe Muse

ფონური ვიდეო ადვილია დაამატოთ Muse in მადლობა უფასო ვიჯეტის.

Adobe Muse- ის მართლაც საინტერესო ასპექტი ის არის, რომ ის საშუალებას გაძლევთ შექმნათ ვებ გვერდები პუბლიკაციების გამოსაყენებლად მსგავსი სამუშაოების გამოყენებით. თქვენ არ გჭირდებათ ღრმა გაგება კოდი, რომელიც აშენებს საიტი ან გვერდი მაგრამ ცოდნა HTML5, CSS და JavaScript არ დააზარალებს.

მიუხედავად იმისა, რომ ტრადიციული ვებ-ვიდეო, როგორც წესი, დაემატა HTML5 ვიდეო API- ის გამოყენებას, Adobe Muse ახორციელებს იგივეს, რასაც ის "ვიჯეტები" უწოდებს. ვიჯეტები ქმნიან HTML 5 სპეციფიკურ ამოცანებს, მაგრამ გამოიყენეთ უბრალო ენა ინტერფეისი მუზეში და კოდს ჩაწერეთ გვერდი, როდესაც გვერდი გამოქვეყნდება.

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

02 05

როგორ მოვამზადოთ გვერდი Background Video in Adobe Muse CC- ში

ჩვენ ვიწყებთ ახალი საიტის შექმნას და გვერდზე განზომილების შექმნას.

ვიჯეტის დამონტაჟით შეგიძლიათ შექმნათ გვერდი, რომელიც გამოიყენებს ვიდეოს.

სანამ დაიწყებთ, შექმენით საქაღალდე თქვენი საიტებისთვის. შიგნით ფოლდერის შექმნა სხვა საქაღალდეში - მე " მედია " გამოიყენე და გადაგიადგილეთ ვიდეო და ვიდეო ვერსიები ამ საქაღალდეში.

როდესაც იწყებთ მუზა აირჩიეთ ფაილი> ახალი საიტი . როდესაც განლაგება დიალოგური ფანჯარა ხსნის Desktop როგორც საწყისი განლაგება და შეცვალოს გვერდი სიგანე და გვერდი სიმაღლე ღირებულებების 1200 და 900 . დააჭირეთ OK .

სამაგისტრო გვერდი გახსენით სამაგისტრო გვერდის გახსნის მიზნით. როდესაც Master Page იხსნება გადატანა Header და Footer გიდები გვერდის ზედა და ქვედა ნაწილში. ნამდვილად არ გვჭირდება Header და Footer ამ მაგალითზე.

05 of 03

როგორ გამოვიყენოთ Fullscreen Background Video ვიჯეტის Adobe Muse CC

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

ვიჯეტის გამოყენება მარტივია. პირველი, რაც უნდა გააკეთოთ, გეგმის ხედვა უნდა დაბრუნდეს View> გეგმის რეჟიმის შერჩევით. როდესაც გეგმა ნახვა იწყებს ორმაგად დააჭირეთ მთავარ გვერდზე გახსნას იგი.

გახსენით ბიბლიოთეკა პანელი - თუ იგი არ არის ღია ინტერფეისის მარჯვენა მხარეს აირჩიეთ ფანჯარა> ბიბლიოთეკა - და გადაათრიეთ [MR] სრული ეკრანის ფონის ვიდეო საქაღალდე. გადაათრიეთ ვიჯეტის ფოლდერში გვერდი.

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

ერთი სხვა ხრიკი: ყველა ამ ვიჯეტის არ არის დაწეროთ HTML 5 კოდი თქვენთვის. ამის შესახებ შეგიძლიათ თქვათ, რადგან ვიჯელეში ხედავთ <> . ამ შემთხვევაში, თქვენ შეგიძლიათ განათავსოთ ვიჯეტის გამორთვა ვებ გვერდზე on pasteboard და ის მაინც იმუშავებს. ამგვარად, ეს არ ჩაერევა ნებისმიერ კონტენტზე, რომელიც განთავსდება გვერდზე.

04 of 05

როგორ დაამატოთ ვიდეო და შეამოწმოთ გვერდი Adobe Muse CC- ში

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

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

პროექტის შესამოწმებლად აირჩიეთ ფაილი> Preview გვერდი ბრაუზერში ან იმიტომ, რომ ეს არის ერთი გვერდი, ფაილი> Preview Site In Browser . თქვენი ბრაუზერის გახსნა და ვიდეო - ჩემს შემთხვევაში ტროპიკული წვიმა - დაიწყება თამაში.

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

05 05

როგორ დაამატოთ ვიდეო Poster ჩარჩო Adobe Muse CC

ყოველთვის დაამატოთ ვებ ჩარჩო ნებისმიერი ვიდეო პროექტისთვის.

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

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

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

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

ამ ეტაპზე შეგიძლიათ შეინახოთ პროექტი ან გამოაქვეყნოთ იგი.

საბოლოო ნაწილი ამ სერიის გიჩვენებთ თუ როგორ უნდა დაწერა HTML5 კოდი, რომელიც გადაწერს ვიდეო შევიდა ვებ გვერდზე ფონზე.