ფოტო ლაბორატორია. როგორ ჩადება სლაიდი პრეზენტაცია PowerPoint Slider გამოყენებით HTML5 ტილო

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

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

შექმნის slide დიზაინი

პირველი თქვენ უნდა გადაწყვიტოს პროპორციები slide და მისი დიზაინი. ეს გამოსავალინაკლებია, დამოკიდებულია იმაზე, რომ წარმოდგენილია ინფორმაცია და მისი დისპლეის ადგილმდებარეობა. შესაბამისად, Widescreen მონიტორებისთვის და პროექტორებისათვის, ეს არის 16: 9-ის თანაფარდობის გამოყენებით და მარტივი - 4: 3.

სლაიდების შევსება

შემდეგი ნაბიჯი არის სლაიდების მასალის დამატება. განვიხილოთ 3 ვარიანტი: ფოტოები, მედია და ტექსტი.

  1. დაამატოთ გამოსახულება, წასვლა tab "ჩასმა"შემდეგ დააჭირეთ ღილაკს "სურათები" და აირჩიეთ სასურველი ტიპი: "სურათები", "სურათები ინტერნეტიდან", "Screenshot" ან "Ფოტოალბომი".

    მას შემდეგ, რაც ფოტოების დამატება, ის შეიძლება გადაადგილდეს სლაიდების მიხედვით, შეცვალეთ ზომა და როტაცია, რაც საკმაოდ მარტივია.

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

  3. როგორც მედია ფაილები, რომლებიც შეიძლება ჩაიწეროს სლაიდში, შეიტანეთ ვიდეო, ხმები და ეკრანის ჩაწერა. თქვენ შეგიძლიათ ჩაწეროთ ვიდეო ორივე კომპიუტერიდან და ინტერნეტით, და ხმის ასევე შეიძლება შერჩეული მზად ან ჩაწეროთ ახალი. აბზაცი "Screen Entry" ამბობს თავად. ყველა მათგანი შეგიძლიათ იხილოთ ღილაკზე დაჭერით "მულტიმედია".
  4. ყველა ობიექტი, რომელიც გჭირდებათ, შეიძლება გამოჩნდეს მონაცვლეობით ანიმაციის გამოყენებით. ამისათვის წასვლა შესაბამისი სექციაში. მაშინ თქვენ უნდა ხაზი გავუსვა ობიექტი თქვენ დაინტერესებული, რის შემდეგაც დაჭერით "დამატება ანიმაცია", აირჩიე ვარიანტი გსურთ. შემდეგი, თქვენ უნდა დააკონფიგურიროთ რეჟიმის გამოჩენა ამ ობიექტის - დაწკაპეთ ან დრო. ეს ყველაფერი დამოკიდებულია მხოლოდ თქვენს მოთხოვნებზე. აღსანიშნავია, რომ რამდენიმე ანიმაციური ობიექტის თანდასწრებით, თქვენ შეგიძლიათ შეცვალოთ მათი გარეგნობა. ამისათვის გამოიყენეთ ისრები წარწერით "შეცვალეთ ანიმაციის შეკვეთა".

დამატება დამატებითი სლაიდები და გადასვლები

განვიხილოთ დამატებითი სლაიდების დამატება და მათ შორის გადასვლები.


გადარჩენა slide როგორც გრაფიკული ფაილი

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


დასკვნა

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

მიმოხილვა სლაიდების ჩვენება პროგრამების შექმნა

სლაიდების ჩვენება პრეზენტაციებისთვის

საიტის შექმნისას, ხშირად აუცილებელია საქონლის ან მომსახურების პრეზენტაციისთვის. ეს ჩვეულებრივ გამოიყენებს sliders საფუძველზე უფასო ბიბლიოთეკა. jQuery. . ინტერნეტში შეგიძლიათ ნახოთ ასობით მრავალფეროვანი პროექტები (plugins), მაგრამ ყოველთვის მინდა რაღაც ორიგინალური და მარტივი ინსტალაცია. ერთ-ერთი ყველაზე წარმატებული, ჩემი აზრით, არის მოდული jQuery.-Slide შოუ Skitter.შექმნილია პორტუგალიის ვებ დიზაინერი Thiago S.F.

ეს სლაიდერი არის ყველაზე შესაფერისი პრეზენტაციები ონლაინ მაღაზია, თუმცა თუ სასურველი, ის შეიძლება გამოყენებულ იქნას დიზაინის საიტი Cap. -ში Skitter. თქვენ შეგიძლიათ აირჩიოთ ოთხი თემის რეგისტრაცია და 20-ზე მეტი ლამაზი გადასვლები სლაიდებს შორის (ანიმაციური ეფექტები, როდესაც ერთი სლაიდიდან მეორეზე გადადის). გარდამავალი ტიპის შეიძლება დამონტაჟდეს საერთო ყველა სლაიდები, მათ შორის შემთხვევითი შერჩევა, ან მითითებული თითოეული ცვლილება სურათები.

სამუშაოს აქტიური მაგალითი Skitter. ინსტალაციის თემა "სუფთა" და არჩევანი შესახვევი "შემთხვევითი" (შემთხვევითი) ნაჩვენებია ფიგურაში:

სლაიდერის ინსტალაცია Skitter.

როგორც ყოველთვის, როდესაც ინსტალაციის plugins jQuery. პირველი შექმნა ახალი საქაღალდე საიტზე, მოვუწოდებთ მას ბუნებრივად skitter.. მაშინ თქვენ უნდა ჩამოტვირთოთ არქივი და ამოიღეთ იგი შექმნილი საქაღალდეში. ჩვენ სამი წყობილი საქაღალდე მივიღებთ: სკრიპტები js., სტილის CSS. და საქაღალდე სურათები დამხმარე სურათებით.

შემდეგი, სათაური გვერდზე შიგნით tag ... ჩაწერეთ შემდეგი ხაზები, სადაც გზაზე სკრიპტები და CSS ფაილი, პატარა javaScript. სლაიდების ინიციალიზაცია (პირველი მაგალითია) და მარტივი CSS წესი, სლაიდერის ზომები (ემთხვევა სლაიდების ზომას):






შემდეგი, Post სურათების მომავალი სლაიდების ჩვენება მიერ წარწერების საიტი გვერდზე სახით unordered სია შიგნით tag

...
. ბუნებრივია, ყველა სურათს უნდა ჰქონდეს იგივე ზომა:




  • ავტომობილი






  • დიდი სატანკო






  • საველე სამზარეულო






  • პატარა სატანკო





და ბოლოს, თქვენ უნდა მიუთითოთ ზემოთ მოთავსებული ჩვენი სურათების სიგანე და სიმაღლე:
სიგანე: 500, Slider / გამოსახულების სიგანე
სიმაღლე: 250, / სლაიდერის / გამოსახულების სიმაღლე.

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

სლაიდების პარამეტრების შექმნა Skitter.

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

საუკეთესო აპლიკაციებისთვის, არსებობს საკმარისი პარამეტრები, რომლებიც განისაზღვრება რუსულ კომენტარებთან ჩვენი ინიციალიზაციის სკრიპტში. ე.წ. მოწინავე მომხმარებლებს, შეგიძლიათ განიცდიან ექსპერიმენტებს იმ პარამეტრებში, რომლებიც ფაილი არიან skitter.styles.css. (მან ასევე კომენტარი გააკეთა რუსულ ენაზე) და სცენარში jquery.skitter.js.ეს უკანასკნელი უნდა გაიხსნას რედაქტორის ან Notepad- ში და ზედა ნაწილში ნახავთ პარამეტრების ჩამონათვალს. ისინი ორმოცდაათზე მეტია (!), რა არ საუბრობენ მოდულის შემქმნელის მიერ გაკეთებულ სერიოზულ სამუშაოს და ვერ გაიხარებს. მე არ თარგმნა მათ. პირველი, ისინი საკმაოდ მარტივია, მეორე, თქვენ ყოველთვის შეგიძლიათ გამოიყენოთ ლექსიკონი (მაგალითად, Google), და მესამე, დეტალური აღწერა მაგალითები შეიცავს დეველოპერის ვებ-გვერდის შესაბამის გვერდზე.

მაგალითად, მე მოგცემთ მხოლოდ დანერგვას შორის ტრანსმისიების სიას Skitter.:
cube, cubeRandom, ბლოკი, cubeStop, cubeHide, cubeSize, ჰორიზონტალური, showBars, showBarsRandom, მილის, ქრებოდა, fadeFour, პარალელური, ბრმა, blindHeight, blindWidth, directionTop, directionBottom, directionRight, directionLeft, cubeStopRandom, cubeSpread, cubeJelly, glassCube, glassBlock, Circles, Circlesinside, Circlesrotate, Cubeshow, Upbars, Downbars, Hidebars, Swapbars, SwapBarsback, Swapblocks, Cut, შემთხვევითი, Randomsmart.

სლაიდები არის ონლაინ სერვისი, რათა შეიქმნას პრეზენტაციები და დემონსტრირება. შექმნილი ფაილი შეიძლება ექსპორტირებული HTML Markup და Embed ნებისმიერ საიტზე. ასევე პროექტები შეიძლება დაიყოს სოციალური ქსელები, და გააგზავნეთ მათ სრული ეკრანზე ელ. დასაშვებია სლაიდების გაზიარება და რეალურ დროში პრეზენტაციის მაუწყებლობა. -ში უფასო ვერსია Არ შედის cSS რედაქტორი და შრიფტები.

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

სლაიდების შექმნისას შეგიძლიათ აირჩიოთ 12 მრავალფეროვანი შრიფტი და გამოიყენოთ გამოსახულების ბიბლიოთეკა, სადაც ყველა გადმოწერილი ნახატები მდებარეობს. ისინი შეიძლება დალაგებული tags. დამატებითი მედია ფაილების ჩამოტვირთვისთვის, მას საშუალებას აძლევს გამოიყენოთ ალბომები Facebook- ზე, Instagram, Picasa, Flickr, Google ძიების შედეგები ან ჩამოტვირთოთ მათ საკუთარი კომპიუტერიდან. დეველოპერებმა უზრუნველყვეს ვარიანტი სწრაფი ჩამოტვირთვა კლიპები: YouTube და SoundCloud და აუდიო ფაილების შერჩევა თემატური კატეგორიის შესახებ. გარდა ამისა, სერვისს აქვს სპიკერისთვის ნოტაცია. რეგისტრაციის შემდეგ გადახდილი გამოწერა დასრულებული პრეზენტაცია შეიძლება ექსპორტირებული იყოს pDF ფორმატში, Zip ან სინქრონიზებული dropbox ან sync. სლაიდების პორტალი მუშაობს Google Analytics- თან.

ძირითადი მახასიათებლები






ამ გვერდზე მოხარული ვართ, რომ ეს სლაიდები წარმოგიდგინოთ უნიკალური პრეზენტაციების შექმნისთვის განათლების, მარკეტინგის, ბიზნესის და ა.შ. ეს ვერსია ხელმისაწვდომია კონფერენციისთვის. თარგი მოიცავს 23 უნიკალური სლაიდს. უფასო Google Font ღია Sans გამოიყენება. სლაიდები შეიცავს მრავალფეროვანი possille ინსტრუმენტები და ინსტრუმენტები. აქ თქვენ შეგიძლიათ იპოვოთ ყველა საჭირო ინსტრუმენტი ბიზნესის ან მარკეტინგის პრეზენტაციის შექმნისთვის, როგორიცაა ფასების ცხრილები, გრაფიკები და სქემები, ბიოგრაფიები, დიაგრამები და ა.შ. ტექსტის სხვადასხვა კომბინაციები გრაფიკული ელემენტების მიმართ, საშუალებას გაძლევთ თქვენი პრეზენტაციების დივერსიფიკაცია. ნებისმიერი ინსტრუმენტი ან დეტალები შეიძლება შეიცვალოს ორი დაწკაპუნებით. თქვენ თავისუფლად შეგიძლიათ შეცვალოთ სასურველი ფერი, აირჩიოთ გრადიენტი ან oter გრაფიკული ეფექტები. პრეზენტაცია მთლიანად რედაქტირებულია. თარგი აღჭურვილია ბადურის მზადყოფნით, შეიძლება დაიბეჭდოს და აჩვენოს რაიმე რეზოლუციებს. ნებისმიერ შემთხვევაში, პრეზენტაციის ხარისხი შესანიშნავი დარჩება. ასპექტის რაციონი 16 × 9 ხელმისაწვდომია. აღსანიშნავია, რომ ნიმუშში ყველა ფოტო არ არის ჩართული, არ შედის. პრეზენტაციის სლაიდები სრულდება ანგარიშების და ანალიზისათვის. მისი უნივერსალური დიზაინისა და ფუნქციების ფართო სპექტრის გამო, თარგი კარგად არის გამოყენებული მარკეტინგისა და ბიზნესში ან განათლებაში. პრეზენტაციებით, განათლების პროცესი უფრო ადვილი და საინტერესო ხდება. რა შეშფოთებულია მარკეტინგის, თარგი შეიძლება გახდეს შეუცვლელი გარდა მათი მუშაობა. თარგი გარანტირებულია სათაურის მკაფიო ხედვა. უფრო მეტიც, ეს თარგი აბსოლუტურად უფასოა. თქვენ შეგიძლიათ მიიღოთ ეს უფასო და გააკეთოთ პროექტები. ნიმუშს შეუძლია ხელი შეუწყოს თქვენს მუშაობას. თუ თქვენ გაქვთ რაიმე შეკითხვა, ჩვენი მხარდაჭერის გუნდი მოხარული იქნება, რათა დაგეხმაროთ და უპასუხოს ყველა თქვენს შეკითხვას. დაგვიკავშირდით.

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

თუ გსურთ უნივერსალური ინსტალაცია სლირდება ან კარუსელი ჩემი საიტი შეგიძლიათ წასვლა

სლაიდერები საიტზე

1. საპასუხო ჰორიზონტალური პოსტები სლაიდერი

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

2. სლაიდერი glide.js

ეს სლაიდერი განკუთვნილია ნებისმიერი საიტისთვის. იგი იყენებს glide.js ღია წყარო. სლაიდერის ფერები ადვილად შეიძლება შეიცვალოს.

ადაპტური სლაიდერები საიტის შინაარსისთვის. ამ სლაიდერის შედეგია 3D გამოსახულების ეფექტი, ისევე როგორც შემთხვევითი წესით გამოჩენა სხვადასხვა ანიმაციები.

4. Slider გამოყენებით HTML5 ტილო

ძალიან ლამაზი და შთამბეჭდავი სლაიდერი ინტერაქტიული ნაწილაკებით. იგი შესრულებულია HTML5 ტილოების გამოყენებით,

5. Slider "Morphing images"

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

6. წრიული სლაიდერი

სლაიდერი სახით წრეში გამოსახულების გადატრიალების ეფექტით.

7. სლაიდერი ბუნდოვანი ფონით

ადაპტური სლაიდერი უკანა ფონზე გადართვა და დაბლოკვა.

8. ადაპტური მოდის სლაიდერი

უბრალო, მსუბუქი და ადაპტური სლაიდერი.

9. Slicebox - JQuery 3D გამოსახულება სლაიდერი (განახლებულია)

განახლებულია Slicebox ვერსია სლაიდერი და ახალი ფუნქციები.

JQuery მოდული შექმნა მოქნილი გამოსახულების ქსელის, რომელიც გადართოთ სურათები გამოყენებით სხვადასხვა ანიმაცია და დრო.

სლაიდები ადგილზე მეორე ნაწილი.

11. FlexSlider

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

12. Photorama

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

P.S.განათავსეთ სლაიდერი რამდენჯერმე და მჯერა, რომ ის არის ერთ-ერთი საუკეთესო

13. უფასო და ადაპტური 3D გალერეა-სლაიდერი მინიატურებით.

ექსპერიმენტული გალერეა-სლაიდერი 3dpanellayout ერთად ქსელის და საინტერესო ანიმაციური ეფექტები.

14. სლაიდერი CSS3- ზე

ადაპტური სლაიდერი მზადდება CSS3- ის გამოყენებით, რომელიც გლუვი შინაარსისა და სინათლის ანიმაციის გამოყენებით.

- ეს არის სლაიდერი გამოსახულებები განსაცვიფრებელი ვიზუალური ეფექტები და ანიმაცია.

17. ელასტიური

ელასტიური სლაიდერი სრული ადაპტაციისა და მინიატურების სლაიდებით.

18. Slit.

ეს არის სრულ ეკრანზე ადაპტური სლაიდერი CSS3 ანიმაციის გამოყენებით. სლაიდერი ხორციელდება ორ ვერსიაში და ანიმაცია საკმაოდ უჩვეულოა.

19. ადაპტური პლუს ფოტო გალერეა

მარტივი უფასო სლაიდერი გალერეა დიაგრამა გამოსახულებით.

20. ადაპტური სლაიდერი WordPress

ადაპტური და უფასო სლაიდერი WP.

21. პარალექსის შინაარსი სლაიდერი

სლაიდერი პარალექსის ეფექტით და თითოეული ელემენტის კონტროლის გამოყენებით CSS3- ის გამოყენებით.

22. სლაიდერი მუსიკის სავალდებულოა

სლაიდერი ს ღია კოდის JPlayer- ის გამოყენებით. ეს სლაიდერი მუსიკასთან პრეზენტაციას ჰგავს.

სლაიდერები მესამე ნაწილი.

23. სლაიდერი ერთად jmpress.js

ადაპტური სლაიდერი ეფუძნება Jmpress.js და ამიტომ საშუალებას გაძლევთ გამოიყენოთ რამდენიმე საინტერესო 3D ეფექტები სლაიდები.

24. სწრაფი Hover სლაიდშოუ

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

Accordion სურათები CSS3.

ის ადაპტური გალერეა რომელიც ოპტიმიზირებულია სენსორული მოწყობილობებისთვის.

29. Montage ერთად jQuery

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

33. მრავალ დონის ფოტო ბარათი.

ეს არის მრავალ დონის რუკა - გამოსახულება გალერეა საშუალებას გაძლევთ აჩვენოთ მათი ადგილმდებარეობის გამოსახულება. Google Maps- ზე დაყრდნობით. მარჯვენა ნაწილი გვიჩვენებს გამოსახულების მინიატურას, რომელიც შეიძლება იხილოთ სინათლის ყუთში, როდესაც თქვენ დააჭირეთ მასზე.

34. სრულ ეკრანზე გალერეა მინიატურებით

ადაპტური გალერეა-სლაიდერი მინიატურული და სლაიდების აღწერით.

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