Სარჩევი:
- ნაბიჯი 1: შექმენით კალამი
- ნაბიჯი 2: დაამატეთ მითითებები
- ნაბიჯი 3: კოდი
- ნაბიჯი 4: შეცვალეთ ეს კოდი თქვენი საჭიროებების შესაბამისად
- ნაბიჯი 5: დემო
ვიდეო: ბუფერში ასლის განთავსება ვებ გვერდზე: 5 ნაბიჯი (სურათებით)
2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:18
ეს შეიძლება მარტივად ჟღერდეს და მე შეიძლება სულელურად გამოვიყურებოდე, თუკი ამას Instructables ვაყენებ, მაგრამ სინამდვილეში ეს არც ისე ადვილია. არსებობს CSS, Jquery, HTML, რაღაც ლამაზი javascript და, ოჰ, თქვენ იცით.
ნაბიჯი 1: შექმენით კალამი
არის ეს მაგარი საიტი სახელწოდებით Codepen. წარსულში, უბრალოდ HTML- ში კოდის შესატანად, ადრეც მჭირდებოდა
- გაუშვით File Explorer.
- გადადით ჩემს დოკუმენტებზე.
- შექმენით txt ფაილი.
- გადაარქვით ამ ფაილს "MyHTMLDoc.html".
- დააჭირეთ OK გაფრთხილების დიალოგში.
- ფაილის Explorer- ის დახურვა.
- გახსენით Visual Studio, რომელსაც ხუთი წუთი სჭირდება.
- გახსენით ფაილი Visual Studio– ში, რასაც კიდევ ხუთი წუთი სჭირდება. VS ძალიან ნელია.
- დაწყება.
- როდესაც დავამთავრებ, უნდა გავხსნა ფაილი Edge, რომ ნახო ჩემი ნამუშევარი.
ახლა, ყველაფერი რაც თქვენ გჭირდებათ არის
- გაუშვით Edge.
- გადადით
- ზედა მარჯვენა კუთხეში დააჭირეთ ახალ კალამს.
- დაიწყეთ კოდირება.
ხედავთ რამდენად ადვილია? უბრალოდ შეიყვანეთ თქვენი JS, CSS და HTML მათ შესაბამის ყუთებში. შედეგები ავტომატურად გამოჩნდება მარჯვნივ.
სინამდვილეში, Codepen ბევრად უკეთესია, რომ გირჩევთ ახლავე წახვიდეთ თქვენი ანგარიშის შესაქმნელად. ჰო, მეზიზღება, რომ ვიყო რეკლამა, მაგრამ არ შემიძლია ამის დახმარება. ეს ბევრად უკეთესია. მე არაფერი შემიძლია ამის გაკეთება.
ან, თუ არ გსურთ ანგარიშის შექმნა, შეგიძლიათ შექმნათ კალამი ანგარიშის გარეშე. თქვენ შეგიძლიათ შეინახოთ თქვენი კალამი მომხმარებლის სახელით "კაპიტანი ანონიმური".
ნაბიჯი 2: დაამატეთ მითითებები
ვინაიდან ჩვენ ვიყენებთ Jquery- ს და ამ (მართლაც) მაგარ ნივთს, რომელსაც ჰქვია "Balloon.css", ჩვენ ჯერ უნდა დავამატოთ ცნობები. თუ ახალი ხართ, მე გეტყვით როგორ გააკეთოთ ეს კოდეპენში.
- დააწკაპუნეთ პარამეტრებზე.
- იმისდა მიხედვით, არის თუ არა მითითება სტილის ფურცელი თუ სკრიპტი, დააწკაპუნეთ CSS ან Javascript.
- გარე ნაწილის დამატება (Javascript ან CSS) დაამატეთ მითითებები.
დამატება:
ბლა ბლა ბლა: ბლაააააა !!!!
ახლა ამოიღეთ ეს და ჩასვით HTML ტეგში, რომელიც აკავშირებს თქვენს საყვარელ CDN– ს Jquery და Balloon.css– ისთვის.
ნაბიჯი 3: კოდი
ქვემოთ, დაამატეთ ეს კოდი.
codepen.io/slate-coding/pen/oepQpX
დააკოპირეთ/ჩასვით კოდი თქვენს კალამში.
ნაბიჯი 4: შეცვალეთ ეს კოდი თქვენი საჭიროებების შესაბამისად
თქვენ შეგიძლიათ იმუშაოთ ისე, როგორც მოგწონთ კალამი თქვენი საჭიროებების შესაბამისად, შემდეგ დააკოპირეთ-ჩასვით კოდი იქ, სადაც გსურთ.
ნაბიჯი 5: დემო
codepen.io/alexvgs/pen/oepQpX
გირჩევთ:
არდუინოს ბაზის არჩევა და განთავსება რობოტი: 8 ნაბიჯი
Arduino Base Pick and Place Robot: მე გავაკეთე სუპერ იაფი (1000 დოლარზე ნაკლები) სამრეწველო რობოტის მკლავი, რათა სტუდენტებს საშუალება მიეცეს გაეტეხათ უფრო დიდი ზომის რობოტები და მიეცა საშუალება მცირე ადგილობრივ წარმოებებს, რობოტები გამოეყენებინათ თავიანთ პროცესებში ბანკის გატეხვის გარეშე. მისი იოლი აშენება და შექმნა
მოამზადეთ ყავის მაღაზია საიტის განთავსება: 9 ნაბიჯი
გააკეთეთ ყავის მაღაზიის ვებსაიტი
AR ობიექტების განთავსება GPS კოორდინატებზე დამატებით რეალობაში: 8 ნაბიჯი (სურათებით)
AR ობიექტების განთავსება GPS კოორდინატებში გაფართოებულ რეალობაში: ეს ინსტრუქცია აპირებს გადადგას მობილური აპლიკაციის შესაქმნელად AR ობიექტების GPS კოორდინატებზე ARkit და ARCore Unity3D გამოყენებით. მე გაგიმხელთ პროექტის შექმნისას, რომელიც გავაკეთე Mapbox– ის გამოყენებით, რაც საშუალებას გვაძლევს მონიშნოთ შეტყობინებები კონკრეტულ G
ასლის სტენდი: 5 ნაბიჯი
ასლის სტენდი: დაიღალეთ ასლების მაღაზიაში სიარულით? თქვენი ძველი სკანერი მართლაც ნელია? თქვენი დოკუმენტი ძალიან დიდია? გაქვთ ლაზერული პრინტერი? ვიდრე ეს ინსტრუქცია თქვენთვისაა
Yokozuna Ninja აყვავებული მართლმსაჯულება (კამერის ასლის სადგამი სამფეხა ადაპტერი): 5 ნაბიჯი (სურათებით)
Yokozuna Ninja მზარდი მართლმსაჯულება (კამერის ასლის სადგამი სამფეხა ადაპტერი): არ იყოს დაბნეული ნინძას ამწევი ამწე კამერის კონფიგურაციით, ააშენეთ ეს მოსახერხებელი ადაპტერი, რომ გამოიყენოთ თქვენი სამფეხა კამერის ასლის სადგამად. როდესაც იღებთ ნივთებს, რომლებიც უნდა იყოს დალაგებული, როგორიცაა *ნაგავი */ ნივთები, რომლებიც უნდა დაიჩაგროთ eb@y– ზე, გსურთ მიიღოთ