Bir Qəhvə Dükanı Yerləşdirmə Veb Saytı Edin: 9 Adım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-02-01 14:39

Bu Təlimat kitabında sizə Google Xəritələri, HTML və CSS -dən istifadə edərək yaxınlığınızdakı qəhvəxanaları göstərən sadə bir veb saytının necə qurulacağını göstərəcəyəm.

Təchizat

Kompüter

Mətn redaktoru (Atomdan istifadə edirəm)

Wifi bağlantısı

Addım 1: Mətn Redaktoru seçin

Burada yükləyə biləcəyim Atomdan istifadə edirəm. Yükləndikdən sonra yeni bir layihə hazırlayın

Addım 2: Yeni Layihənizi Yaratın

1. Atomu açın
2. Fayl tapın
3. Faylın altında yenisini vurun
4. sol altda (mac) yeni bir qovluq yaratmaq üçün bir düymə olacaq
5. qovluğunuza '' Xəritə veb saytı '' adını verin
6. Sağ altdakı aç düyməsini basın

Addım 3: Index.html yaradın

1. Qovluğunuza yeni bir fayl əlavə edin (atomda qovluğu sağ vurun və yeni düyməsini basın)
2. Bu faylı 'Index.html' adlandırın
3. Bu əsas HTML quruluşunu əlavə edin, Bu hər HTML layihəsində istifadə olunur:

Addım 4: Xəritənizi əldə edin

1. Google xəritələrini buradan ziyarət edin: Google Xəritələr
2. Qəhvə axtarın
3. Ümumi bölgənizdəki bütün qəhvəxanaları almalısınız
4. qəhvənin yanındakı üç sətri vurun
5. payı tap və ya xəritəni göm
6. yerləşdirilmiş xəritəni seçin
7. Xəritənin ölçüsünü seçin (Böyük istifadə etdim) və yerinizi dəqiqləşdirin
8. HTML surətini basın

Addım 5: Veb sayta əlavə edin

1. HTML faylına qayıdın.
2. iki '' etiketinin arasına bu kodu daxil edin:

'

YAXINLIĞINDA KAHVE MAĞAZALARI

'GOOGLE XARİTALARINDAN KOMBLE KOD'

'

Addım 6: Önizləmə

Birinci hissə budur!

faylı qeyd edin və kompüterinizdə tapın, üzərinə iki dəfə vurun və önizləmək üçün standart brauzerinizdə açılacaq.

Addım 7: Daha yaxşı görünməsini təmin edin

1. İki '' etiketinin arasına 'Yanımdakı qəhvəxanalar' əlavə edin
2. 'Index.html' yaratdığınız kimi yeni bir fayl əlavə edin, ancaq 'Style.css' adlandırın
3. HTML sənədinizə qayıdın, bu kodu başlığınızın üstünə yazın"
4. Google şəkillərinə gedin və bir fincan qəhvənin sevimli klipini yükləyin
5. Şəkli qalan fayllarımızın olduğu qovluğa əlavə edin
6. CSS faylına aşağıdakı kodu yazın: 'body {
7. background-image: url (ŞƏKİLİN ADI);
8. fon ölçüsü: örtük;
9. }'

Addım 8: Daha yaxşı görünməsi Pt2

1. indi saxlasaq və önizləyəriksə, veb saytların arxa planının qəhvə fincanlarımızla döşəndiyini görə bilərik
2. Təəssüf ki, başlığımızı oxumaq çətindir
3. Beləliklə, CSS -də 'bədənin {}' altına aşağıdakı kodu əlavə edin: h1 {
4. fon rəngi = rgb (255, 255, 255);
5. font ölçüsü = 40 piksel;
6. }

Addım 9: REVİZYON

Bu belədir! Bitirdin HTML, CSS və daxil edilmiş kodun əsaslarını öyrənmisiniz. Zövqünüzə uyğun etmək üçün kodu düzəldə və istədiyiniz hər hansı bir xəritəni göstərə bilərsiniz. O vaxtdan etibarən veb sayt qurma səyahətinizə davam edə və sonsuza qədər təkmilləşdirə bilərsiniz.