Სარჩევი:
- მარაგები
- ნაბიჯი 1: დაწყება
- ნაბიჯი 2: HTML ფაილის დაყენება
- ნაბიჯი 3: CSS ფაილის დაყენება
- ნაბიჯი 4: კარგი, ეს იყო
ვიდეო: როგორ შევქმნათ ძირითადი ვებ გვერდი ნოუთბუქის გამოყენებით: 4 ნაბიჯი
2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:15
ვინმეს აინტერესებს
"როგორ შევქმნა ვებ გვერდი ძირითადი წერის პროგრამისგან?"
ისე, ცხადია, არა კონკრეტულად …
ყოველ შემთხვევაში, აქ მე გაჩვენებთ თუ როგორ უნდა შექმნათ ძირითადი ვებ – გვერდი მხოლოდ ბლოკნოტის გამოყენებით.
მარაგები
ამ პროექტისთვის დაგჭირდებათ:
-დიდი ტვინი
-ნოუთბუქი
-შეიძლება HTML და CSS ბრძანებების მოტყუების ფურცელი
-ბევრი მოთმინება
ნაბიჯი 1: დაწყება
გახსენით ბლოკნოტი. სინამდვილეში, გახსენით იგი ორჯერ. თქვენ დაშიფრავთ 2 ფაილს ერთდროულად.
ახლა შეინახეთ ორივე ფაილი. ერთი იქნება [ფაილის სახელი].html, ხოლო მეორე იქნება [ფაილის სახელი].css
ნაბიჯი 2: HTML ფაილის დაყენება
HTML ფაილზე დაწერეთ პირველ სტრიქონზე გამოტოვეთ ხაზი
ხაზი 2 -
ხაზი 3 - [გვერდის სახელი]
ხაზი 4 -
ხაზი 5 -
გამოტოვეთ ხაზი
ხაზი 6 -
ხაზი 7 -
[რაც გინდა პირველ სტრიქონზე. ეს არის ჩვეულებრივი ტექსტი.]
ხაზი 8 -
ხაზი 9 -
ახლა, შეცვალეთ იქ, სადაც შეტყობინებები ჩავდე
ახსნა - - -
აცხადებს კოდის დაწყებას.
მიუთითებს სათაურის დასაწყისში.
აცხადებს რა გამოჩნდება ჩანართის სახელზე
+სხვა კოდი ბმულში დააკავშირებს css სტილის ფურცელს html სტილებისთვის.
ამთავრებს განცხადებას.
მთავრდება სათაურის განცხადება
აცხადებს სხეულის ტექსტის / კოდის დაწყებას
არის ტექსტის აბზაცის დასაწყისი, რომელიც გამოჩნდება HTML კოდის გაშვებისას.
თქვენ გამოიცანით მთავრდება სხეულის განცხადებებით
ნიშნავს კოდის დასასრულს.
ნაბიჯი 3: CSS ფაილის დაყენება
CSS ფაილის პირველ სტრიქონზე დადეთ (@charset "utf-8";)
ხაზი 2 - სხეული
ხაზი 3 {ფონი: [რაც გსურთ როგორც ფონის ფერი]
ხაზი 4 -}
ხაზი 5 - თ 1 {
ხაზი 6 - font -family: bold
ხაზი 7 -}
თქვენ შეგიძლიათ დაამატოთ მეტი ცვლადი და შეცვალოთ ჩემი ჩანაწერები
ნაბიჯი 4: კარგი, ეს იყო
თუ გსურთ, შეგიძლიათ გამოიყენოთ უკეთესი სახელმძღვანელო, როგორიცაა vishalapr– ის "ვებ დიზაინის საფუძვლები"
www.instructables.com/Web-Designing-Basics…
ასევე, ფრთხილად იყავით, რომ ბლოკნოტი არ გაჩვენებთ, სად არის თქვენი კოდი არასწორი.
ამიტომ რეკომენდირებულია ვებ – გვერდის კოდირების პროგრამული უზრუნველყოფა.
გირჩევთ:
როგორ მივიღოთ უფასო ვებ გვერდი (TLD, ჰოსტინგი, SSL): 16 ნაბიჯი
როგორ მივიღოთ უფასო ვებსაიტი (TLD, ჰოსტინგი, SSL): ვებსაიტები დიდი საქმე ხდება. ადრე, მსხვილ კომპანიებს, როგორიცაა Microsoft, Google და სხვა, ჰქონდათ თავიანთი ვებსაიტები. შესაძლოა ზოგიერთმა ბლოგერმა და მცირე კომპანიამც გააკეთა ეს. მაგრამ ახლა, განსაკუთრებით ამ COVID-19 პანდემიის დროს (დიახ, ამას ვწერ 2020 წელს)
როგორ შევქმნათ მარტივი ვებ გვერდი დამწყებთათვის ფრჩხილების გამოყენებით: 14 ნაბიჯი
როგორ შევქმნათ მარტივი ვებ გვერდი ფრჩხილებისათვის დამწყებთათვის: შესავალი ქვემოთ მოცემული ინსტრუქცია იძლევა ეტაპობრივ მითითებებს ვებ – გვერდის შესაქმნელად ფრჩხილების გამოყენებით. ფრჩხილები არის წყაროს კოდის რედაქტორი, რომელსაც აქვს ძირითადი აქცენტი ვებ განვითარებაზე. შექმნილია Adobe Systems– ის მიერ, ეს არის უფასო და ღია პროგრამული უზრუნველყოფის ლიცენზირებული
როგორ შევქმნათ ვებ გვერდი (ნაბიჯ ნაბიჯ სახელმძღვანელო): 4 ნაბიჯი
როგორ შევქმნათ ვებ გვერდი (ნაბიჯ-ნაბიჯ სახელმძღვანელო): ამ სახელმძღვანელოში მე გაჩვენებთ თუ როგორ აშენებენ ვებ დეველოპერები თავიანთ საიტებს და როგორ შეგიძლიათ თავიდან აიცილოთ ძვირადღირებული ვებსაიტების შემქმნელები, რომლებიც ხშირად ძალიან შეზღუდულია უფრო დიდი საიტისთვის. მე ასევე დაგეხმარებით თავიდან აიცილოთ შეცდომები, რომლებიც მე დავუშვი, როდესაც დავიწყე
როგორ შევქმნათ შეტყობინებების დაფის ვებ გვერდი PHP და MYSQL გამოყენებით: 5 ნაბიჯი
როგორ შევქმნათ შეტყობინებების დაფის ვებ გვერდი PHP და MYSQL გამოყენებით: ეს ინსტრუქცია გაჩვენებთ თუ როგორ უნდა შექმნათ შეტყობინებების დაფის ვებ გვერდი php, mysql, html და css გამოყენებით. თუ თქვენ ახალი ხართ ვებ განვითარება, არ ინერვიულოთ, იქნება დეტალური ახსნა და ანალოგიები, ასე რომ თქვენ უკეთ გაიგებთ ცნებებს. ხალიჩა
როგორ შევქმნათ სქემები და შევქმნათ PCB Autodesk EAGLE– ის გამოყენებით: 9 ნაბიჯი
როგორ შევქმნათ სქემები და შევქმნათ PCB Autodesk EAGLE– ის გამოყენებით: არსებობს მრავალი სახის CAD (კომპიუტერული დიზაინი) პროგრამული უზრუნველყოფა, რომელიც დაგეხმარებათ შეიმუშაოთ და შექმნათ PCB (დაბეჭდილი მიკროსქემის დაფები), ერთადერთი საკითხი ის არის, რომ მათი უმეტესობა არ არის ნამდვილად არ ავუხსენი როგორ გამოვიყენო ისინი და რისი გაკეთება შეუძლიათ. მე ბევრი გამოვიყენე