Animal Trading cards

Laboratoriya: Animal Trading Cards

Download 5,22 Mb.

bet	34/44
Sana	10.03.2022
Hajmi	5,22 Mb.
	#488115

1 ... 30 31 32 33 34 35 36 37 ... 44

Bog'liq
Animal Trading cards Udacity sertificat javoblari hamda labaratoriya ishi

Ko‘rsatmalar
Mumkin bo’lgan yechimlardan biri

2. Laboratoriya: Animal Trading Cards

Topshiriq
O'zingizning original dizayningizni ishlaydigan veb-sahifaga aylantirish uchun HTML va CSS haqida bilib olgan narsalaringizdan foydalaning!
Asosiy chiqib ketishlar
Boshlang'ich dizaynni ishlaydigan veb-sahifaga aylantirish uchun HTML va CSS haqida bilib olgan narsalaringizdan foydalaning!
Ko‘rsatmalar
Laboratoriya quyidagi fayllar bilan boshlanadi:
card.html
clownfish.jpg
design-prototype.jpg
cstyles.css
Vazifangiz design-prototype.jpg rasmidagi dizaynni takrorlash. Buning uchun card.html fayliga ozgartirish kiritish kerak, ya’ni attributes qo’shish hamda muayyan elementlarga stil berish uchun CSS selectors dan foydalanish kerak.
Mumkin bo’lgan yechimlardan biri:
Googledan foydalanib o’zingizga yoqqan hayvon rasmini toping va yuklab oling.
So’ng “+” tugmasini bosib rasm faylini loyihaga yuklang

“Upload File” bosamiz.
Yuklab olingan hayvon rasmiga yo’lni ko’rsatamiz

Laboratoriy sahifasining chap tomonida yuklangan fayl nomi paydo bo’ladi (dog.jpg).

“card.html” fayliga kod yozamiz:

“card.html” kodi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

24
25

27
28

29
30
31
32
33
34
35
36
37

Animal Trading cards

Download 5,22 Mb.

Do'stlaringiz bilan baham:

1 ... 30 31 32 33 34 35 36 37 ... 44