Агуулгын хүснэгт:

Notepad ашиглан үндсэн вэбсайт хийх: 4 алхам
Notepad ашиглан үндсэн вэбсайт хийх: 4 алхам

Видео: Notepad ашиглан үндсэн вэбсайт хийх: 4 алхам

Видео: Notepad ашиглан үндсэн вэбсайт хийх: 4 алхам
Видео: How to Build Loop With a Web Browser 2024, Арваннэгдүгээр
Anonim
Тэмдэглэлийн дэвтэр ашиглан үндсэн вэбсайтыг хэрхэн яаж хийх вэ
Тэмдэглэлийн дэвтэр ашиглан үндсэн вэбсайтыг хэрхэн яаж хийх вэ

Гайхсан хүн байна уу

"Би хэрхэн бичих үндсэн програмаас вэбсайт хийх вэ?"

Мэдээжийн хэрэг, тийм биш …

Ямар ч байсан энд зөвхөн notepad ашиглан BASIC вэбсайт хийхийг танд үзүүлэх болно.

Хангамж

Энэ төслийн хувьд танд хэрэгтэй болно:

-том тархи

-тэмдэглэлийн дэвтэр

-HTML болон CSS командууд хуурамч хуудас байж магадгүй

-маш их тэвчээр

Алхам 1: Эхлэл

Эхлэл
Эхлэл

Тэмдэглэлийн дэвтэр нээнэ үү. Үнэндээ үүнийг хоёр удаа нээнэ үү. Та 2 файлыг нэгэн зэрэг кодлох болно.

Одоо хоёр файлыг хадгална уу. Нэг нь [файлын нэр].html, нөгөө нь [файлын нэр].css байх болно

Алхам 2: HTML файлыг тохируулах

HTML файлыг тохируулах
HTML файлыг тохируулах

HTML файл дээр эхний мөрөнд "" мөрийг алгасаарай

мөр 2 -

3 -р мөр - [хуудасны нэр]

мөр 4 -

мөр 5 -

мөр алгасах

мөр 6 -

мөр 7 -

[эхний мөрөнд юу хүсч байна. Энэ бол ердийн текст юм.]

мөр 8 -

мөр 9 -

Одоо миний зурвасуудыг хаана байршуулснаа засаарай

ТАЙЛБАР - - -

кодын эхлэлийг зааж өгнө.

толгойны эхлэлийг зааж өгнө.

табын нэр дээр юу харагдахыг зааж өгнө

+холбоос дээрх бусад код нь CSS загварын хүснэгтийг хэв маягийн html -тэй холбох болно.

мэдэгдлийг дуусгадаг.

толгойн мэдэгдлийг дуусгадаг

үндсэн текст / кодын эхлэлийг хэлнэ

html кодыг ажиллуулахад гарч ирэх текстийн догол мөрийн эхлэл болно.

та үүнийг тааварлав. энэ нь биеийн мэдэгдлийг дуусгадаг

кодын төгсгөлийг илэрхийлнэ.

Алхам 3: CSS файлыг тохируулах

CSS файлыг тохируулах
CSS файлыг тохируулах

CSS файлын эхний мөрөнд (@charset "utf-8";) оруулна уу.

2 -р мөр - бие

3 -р мөр {дэвсгэр: [арын өнгөний хувьд юу хүсч байна]

4 -р мөр -}

мөр 5 - h1 {

6 -р мөр - фонт -гэр бүл: тод

мөр 7 -}

Та илүү олон хувьсагч нэмж, миний тэмдэглэлийг хооронд өөрчилж болно.

Алхам 4: За, энэ байсан

За, энэ л байсан
За, энэ л байсан

Хэрэв та хүсвэл vishalapr -ийн "Вэб дизайны үндэс" гэх мэт илүү сайн гарын авлага ашиглаж болно

www.instructables.com/Web-Designing-Basics…

Мөн тэмдэглэлийн дэвтэр таны код хаана буруу байгааг харуулахгүй байхыг анхаарна уу.

Тиймээс вэбсайтыг кодлох програм хангамжийг ашиглахыг зөвлөж байна.

Зөвлөмж болгож буй: