Bajardi: web-001-2 guruh talabasi
Download 1.81 Mb. Pdf ko'rish
|
Veb amaliy 1
|
2. WEB SAHIFANI YARATISH
Birinchi navbatda biz index.html php sahifasini yaratib olamiz. Bu bizda bosh sahifa hisoblanadi index.html yaratib bo’lingach biz still uchun alohida style.css faylini yaratib olamiz va biz bunga o’zimizga kerakli parametrlarni, shriftlarni, fon va boshqa narsalarni kiritib chiqamiz. html fayliga o’zgartrish va kodlarni kiritshimiz uchun biz NotePad ++ dasturidan foydalandik. Uning boshqa dasturlardan farqi va yaxshi tarafi siz agar html kodini kiritayotgn vaqtda xatolik bo’lsa, qizil bilan belgilab beradi va html teg va kodlari dastur ichiga kiritilgan. Notepad++ dasturida bosh sahifa kodi: 5 2-rasm. Notepad++ da sahifaning ko’rinishi. Qolgan barcha web sahifalarni yaratishda Javascript va css dokumentlar hamda html, css kodlaridan foydalandim. 3-rasm. CSS va JavaScript dokumentlarni bog’lash. Style.css bu biz yaratib olgan css dokumentdir. Bu yerdan OK tugmasini bosamiz va css dokument bog’lanadi. Buni css dokumentni teglari orasidagi kodlar yozilishidan bilib olsa bo’ladi. Sayt novigatsiyasiga quyidagicha still berildi: 4-rasm. Navigatsiya panelining ko’rinishi. 6 Brauzerdagi ko’rinishi quyidagicha: 5-rasm. Saytimizning html kodi quyida keltirilgan: Endi web saytimiz uchun birinchi o’zimizga kerakli bo’lgan menyu sahifalarini aniqlab olamiz va yaratamiz. Biz sahifalarimizani Notepad++ dasturida ochamiz va kerakli teg va kodlarni kirtib chiqamiz. 7 6-rasm. Bosh sahifaning html ko’rinishi. Bosh sahifani yaratib bo’lingach qolgan sahifalarni ham sozlab chiqamiz. Yaratmoqchi bo'lgan sahifalarimizning kodlarini teramiz. Kerakli rasm va matnlarni joylaymiz. So'ngra brauzerda ochip ko'ramiz: 7-rasm. Video sahifasi 8 Buhoro tumanlari sahifasini ko’rinishi. Bu sahifada buhoro tumanari haqida ma’lumot berilgan. 8-rasm. Tumanlar sahifasi Notepad++ da html korinishi 9 Yodgorliklar sahifasiga “bosh sahifada” ham silka berilgan u yerdan read move tugmasini bosganimizda quydagi sahifa ochiladi. Buyerda buhoro obidalari haqida malumotlar har bitta obidaga alohida ma’lumot berilgan. 9-rasm. Yodgorliklar sahifasi Notepad++ da html korinishi Buyerda matinlar tegasini ichiga class atributi bilan berilgan va ularning
hususiyatlari o’zgartirilgan. 10 Download 1.81 Mb. Do'stlaringiz bilan baham: 
|