როგორ შევქმნათ მარტივი ვებ გვერდი დამწყებთათვის ფრჩხილების გამოყენებით: 14 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:16

შესავალი

ქვემოთ მოცემულ ინსტრუქციებში მოცემულია ეტაპობრივად მითითებები, რათა შექმნათ ვებ გვერდი ფრჩხილების გამოყენებით. ფრჩხილები არის წყაროს კოდის რედაქტორი, რომელსაც აქვს ძირითადი აქცენტი ვებ განვითარებაზე. შექმნილია Adobe Systems– ის მიერ, ეს არის უფასო და ღია კოდის პროგრამული უზრუნველყოფა ლიცენზირებული MIT ლიცენზიით და ამჟამად ინახება GitHub– ზე Adobe– ს და სხვა ღია კოდის დეველოპერების მიერ. დაწერილია JavaScript, HTML და CSS.

ინსტრუქციები

შენიშვნა: - ყველა HTML ტეგი უნდა იყოს ფრჩხილებს შორის:

ნაბიჯი 1: ჩამოტვირთეთ პროგრამული უზრუნველყოფა

ჩამოტვირთეთ ფრჩხილები ამ ვებგვერდიდან

ნაბიჯი 2: გახსენით ფრჩხილები

გახსენით გადმოწერილი Brackets პროგრამული უზრუნველყოფა კომპიუტერზე.

ნაბიჯი 3: შექმენით ახალი ფაილი

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

ნაბიჯი 4: შეინახეთ როგორც.. ფაილი

მარჯვენა ღილაკით დააწკაპუნეთ ამ ფაილზე "უსათაურო", დააწკაპუნეთ შენახვაზე, შემდეგ უნდა შეინახოთ იგი დისკზე

ამ დროს თქვენ შეგიძლიათ ნებისმიერი სახელი მიანიჭოთ ფაილს, უბრალოდ დარწმუნდით სახელის შემდეგ დაამატოთ ".html" (წერტილი html).

ნაბიჯი 5: დაიწყეთ DOCTYPE ტეგით

თითოეული html გვერდი უნდა დაიწყოს შემდეგი სტრუქტურის ტეგით, რომელიც ეუბნება ბრაუზერს რა „წესები უნდა დაიცვას“HTML გვერდის გაცემისას.

ნაბიჯი 6: HTML ტეგი

და - ეს ტეგები უნდა დაიწყოს და დასრულდეს დოკუმენტი.

ნაბიჯი 7: თავისა და სხეულის წარწერები

Html ტეგებს შორის, ჩაწერეთ და, სადაც შეიცავს „კულისებს მიღმა“ნივთებს. ასევე, ჩაწერეთ და სადაც შეიცავს ტექსტს, სურათებს, ვიდეოს, აუდიოს და ასე შემდეგ.

ნაბიჯი 8: მეტა ტეგი

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

ნაბიჯი 9: სათაურის წარწერა

ტეგებს შორის, ქვეშ, ჩაწერეთ და. ასე რომ, რასაც თქვენ დაწერთ შუაში, ნახავთ მას ბრაუზერის ფანჯრის თავში და ეს ტეგი მნიშვნელოვანია საძიებო სისტემისთვის. მაგალითად, მე დავწერ "WRD 204"

ნაბიჯი 10: პარაგრაფის დამატება P Tag- ის გამოყენებით

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

და

ნაბიჯი 11: ნახეთ თქვენი შედეგები

თქვენი შედეგების სანახავად: ჯერ დააწკაპუნეთ ფაილზე მარჯვენა ღილაკით და დააწკაპუნეთ „შენახვაზე“, ვიდრე დააწკაპუნეთ „პირდაპირი გადახედვის“ხატულაზე ზედა მარჯვენა კუთხეში.

შენიშვნა: - ნებისმიერ დროს, როდესაც თქვენ ცვლით და გინდათ ნახოთ შედეგი, ჯერ უნდა შეინახოთ ფაილი, შეგიძლიათ გამოიყენოთ მალსახმობი "Ctrl + S"

ნაბიჯი 12: შეცვალეთ ფორმატირება

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

ნაბიჯი 13: ერთჯერადი/ორმაგი ხაზის შესვენების ნიშანი

თუ გსურთ გააკეთოთ ერთი/ორმაგი ხაზის შესვენება აბზაცებს შორის, გამოიყენეთ ტეგი

ნაბიჯი 14: დასკვნა

გილოცავთ! ახლა თქვენ შეგიძლიათ დაიწყოთ თქვენი საკუთარი ვებ გვერდის შექმნა.

თუ გაინტერესებთ მეტი იცოდეთ HTML ტეგების შესახებ, გირჩევთ ამ ვებგვერდს