როგორ შევქმნათ მარტივი ვებ გვერდი Notepad– ით: 15 ნაბიჯი

Სარჩევი:

როგორ შევქმნათ მარტივი ვებ გვერდი Notepad– ით: 15 ნაბიჯი
როგორ შევქმნათ მარტივი ვებ გვერდი Notepad– ით: 15 ნაბიჯი

ვიდეო: როგორ შევქმნათ მარტივი ვებ გვერდი Notepad– ით: 15 ნაბიჯი

ვიდეო: როგორ შევქმნათ მარტივი ვებ გვერდი Notepad– ით: 15 ნაბიჯი
ვიდეო: How to Use A VPN On Your PC 2024, მაისი
Anonim

ყოველდღიურად, ჩვენ შევდივართ სხვადასხვა ვებსაიტებზე. თუმცა, ზოგჯერ ჩვენ გვაინტერესებს, ძნელია საკუთარი ვებსაიტის შექმნა? ამ სტატიაში თქვენ იხელმძღვანელებთ, რომ შექმნათ მარტივი HTML ვებ გვერდი Notepad– ით.

ნაბიჯი

მეთოდი 1 -დან 1: შექმენით თქვენი საკუთარი ვებ გვერდი

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 1
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 1

ნაბიჯი 1. გახსენით Notepad

ეს ტექსტური რედაქტორი არის ჩაშენებული პროგრამა, რომელიც ხელმისაწვდომია ყველა Windows კომპიუტერზე და შეგიძლიათ იხილოთ Start მენიუში. მას შემდეგ, რაც Notepad იხსნება, დააწკაპუნეთ ფაილზე> შენახვა როგორც, შემდეგ აირჩიეთ ყველა ფაილი ფაილის ტიპი სვეტში. შეინახეთ შექმნილი ფაილი HTML ფორმატში. საერთოდ, საიტის მთავარ გვერდს აქვს ფაილის სახელი "index.html" და შეიცავს ბმულებს საიტის ყველა გვერდზე.

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 2
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 2

ნაბიჯი 2. HTML- ის გაგება

HTML (ჰიპერტექსტის მარკირების ენაზე) ნიშანი (ტეგი) არის.

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

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 3
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 3

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

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 4
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 4

ნაბიჯი 4. გამოიყენეთ ტეგები სხვადასხვა ინფორმაციის შესასვლელად

ნიშნები სასარგებლოა გვერდის სათაურის დასადგენად, ხოლო (სურვილისამებრ) ტეგები გამოიყენება ვებ გვერდის შინაარსის ახსნის შესასვლელად. ამის შემდეგ ნიშანი წაიკითხება საძიებო სისტემების მიერ, როგორიცაა Google.

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 5
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 5

ნაბიჯი 5. ტეგის შეყვანის შემდეგ დაასახელეთ გვერდი ტეგით, მაგალითად wikiHow HTML

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 6
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 6

ნაბიჯი 6. დაასრულეთ საიტის სათაური ნიშნის გამოყენებით

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 7
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 7

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

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

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 8
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 8

ნაბიჯი 8. ჩაწერეთ ვებ გვერდის შინაარსი მათ შორის

მაგალითად, დაიწყეთ საიტის სათაურის შექმნით. საიტის სათაური არის საიტის ნაწილი დიდი ასოებით და აღინიშნება ნიშნით

სანამ

რა Ნიშანი

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

კეთილი იყოს თქვენი მობრძანება ჩემს საიტზე

რა დარწმუნდით, რომ დახურეთ ნიშანი

წინადადების ბოლოს.

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 9
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 9

ნაბიჯი 9. შექმენით აბზაცი გვერდზე გვერდზე ნიშნით

მაგალითად, დაწერე

აბზაცის ტესტი!

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

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 10
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 10

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

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

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 11
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 11

ნაბიჯი 11. დაამატეთ სურათი ნიშნით

Image
Image

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

Ნიშანი

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 13
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 13

ფუნქციონირებისთვის საჭიროა გარკვეული ინფორმაცია. ნიშნის სრული სინტაქსი

შეიძლება ჩამოყალიბდეს ასე:.

ნიშანში src პარამეტრი ემსახურება გამოსახულების ფაილის სახელის ჩაწერას, ხოლო სიგანისა და სიმაღლის ფუნქციას აღწერს სიგრძესა და სიგანეს.

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

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

ნაბიჯი 13. როდესაც დაასრულებთ საიტის შევსებას, დაასრულეთ გვერდი დახურვით

დაბოლოს, დახურეთ HTML კოდი

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 14
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 14

ნაბიჯი 14. შეინახეთ შექმნილი ვებ გვერდი.html გაფართოებით და გახსენით იგი თქვენს საყვარელ ბრაუზერში მის შესამოწმებლად

შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 15
შექმენით მარტივი ვებ გვერდი Notepad– ის გამოყენებით ნაბიჯი 15

ნაბიჯი 15. წაიკითხეთ შემდეგი სახელმძღვანელო, რომ ატვირთოთ თქვენი საიტი ინტერნეტში

Რჩევები

  • ინტერნეტში არის სხვადასხვა საიტები, რომლებიც შეიცავს გზამკვლევს ვებსაიტის შესაქმნელად. W3school არის ერთი საიტი კარგი მასალით.
  • დარწმუნდით, რომ დახურეთ ყველა ტეგები HTML ფაილში.
  • განათავსეთ ნიშანი ფაილის პირველ სტრიქონში, სანამ. ეს დროშა მიუთითებს იმაზე, რომ თქვენ მიერ შექმნილი ფაილი არის HTML5 ფაილი.
  • შეცვალეთ შრიფტი ადრე და შემდეგ ნიშნებით. შეცვალეთ "N" თქვენთვის სასურველი შრიფტით, მაგალითად "Verdana".
  • თუ გჭირდებათ კუთხის ფრჩხილების გამოყენება, გამოიყენეთ კოდი. იმავდროულად, & ნიშნის გამოსაყენებლად გამოიყენეთ კოდი &.
  • HTML გაკვეთილების თანახმად, თქვენ ყოველთვის უნდა დაასახელოთ ვებ ფაილები და საქაღალდეები მცირე ასოებით, სივრცისა და პუნქტუაციის გარეშე. მიუხედავად იმისა, რომ Windows საშუალებას გაძლევთ განათავსოთ სივრცე ფაილების სახელებში, ბევრი ჰოსტინგის პროვაიდერი ამას არ აკეთებს. გარდა ამისა, სისუფთავე ფაილის სახელი გაგიადვილებთ თქვენი საიტის მართვას.

გირჩევთ: