Вэбсайт үүсгэх хамгийн хялбар арга бол загвар ашиглах явдал юм. Гэсэн хэдий ч нөөцийг ялгахын тулд та анхдагч байршлыг өөрчлөх хэрэгтэй. Энд та html болон css-ийн талаархи үндсэн мэдлэггүйгээр хийж чадахгүй.
Зааварчилгаа
1-р алхам
Интернетээс хамгийн тохиромжтой вэбсайтын загварыг хайж олох. Түүний чадвар, дэлгэцийн хэмжээ, цэсийн онцлог, баганын зохион байгуулалтанд дасан зохицох чадварыг анхаарч үзээрэй. Таалагдсан хувилбараа компьютертээ татаж аваад архивыг задал. Файлуудыг сайтын үндэс рүү байршуулж гүйцэтгэлийг нь шалгана уу. Загвар нь алдаа агуулсан байж магадгүй бөгөөд зөв суулгаагүй байж магадгүй тул цаашид түүнтэй ажиллах нь утгагүй болно.
Алхам 2
Загварыг бүрэн дахин хийхгүй байсан ч ихэнх зургийг, ялангуяа лого хэлбэрээр байрлуулсан зургийг солих хэрэгтэй. Зураг бүрийг дараах байдлаар солино уу.
- Photoshop програм дээр график файлыг нээх;
- "Зураг" цэсэнд - "Зургийн хэмжээ" түүний параметрүүдийг харна уу;
- яг ижил хэмжээтэй шинэ хуудас нээх;
- програмын хэрэгслийг ашиглан хүссэн дүрсийг бүтээх;
- бүх давхаргыг хавтгайруулж, анхны зургийг ижил нэр, ижил хавтсанд хадгалж (вэбд зориулагдаагүй).
Тиймээс нэг зургийн оронд өөр дүрс гарч ирэх ёстой.
Алхам 3
Бүх зургийг сольсон даруйдаа фолдертой хавтаслаж (Joomla-ийн хувьд) "Өргөтгөл" цэсний сайтын админ самбараар дамжуулан байршуулна уу. Шинэ зурагтай хамт сэдэв зөв харагдаж байгаа эсэхийг үзээрэй.
Алхам 4
Үлдсэн параметрүүдийг style.css дээр өөрчил. Үүнээс гадна, үүнийг админ самбараар дамжуулан биш харин компьютер дээр хийх нь илүү тохиромжтой байдаг. Өөрчлөлтийн үр дүнг аль болох хурдан харахын тулд localhost (Denver) ашиглах нь зүйтэй юм. Энэ нь дараагийн засвар хийсний дараа үр дүнг харахын тулд үр дүнг сервер бүрт байршуулах шаардлагагүй болно.
Алхам 5
Mozilla Firefox-д зориулсан FireBug үнэгүй залгаасыг татаж аваарай. Суулгасны дараа хөтөчийн баруун дээд буланд шар алдааны дүрс гарч ирнэ. Үүнийг дарна уу эсвэл F12 товчийг дарахад дэлгэцийн доод хэсэгт хуудасны код нурсан хувилбар дээр гарч ирнэ. Үүнийг нэмэх тэмдгүүдийн дээр хулганаа дарж нээх боломжтой. Хэрэв та элементийн мөрөнд товшвол дэлгэцийн дээд хэсэгт тодрох болно. Кодтой цонхны баруун талд та гадаад төрхийг хариуцах мөрүүдийг харуулсан хэв маягийг олох болно. Дизайныг өөрчлөхийн тулд хэв маягийн файлыг хаана засах хэрэгтэй болох нь нэн даруй тодорхой болно.
Алхам 6
Style.css-ийг Notepad ++ дээр нээнэ үү. Та кодыг засах зориулалттай бусад програмуудыг ашиглаж болно, гэхдээ энэ зорилгоор та стандарт "Тэмдэглэлийн дэвтэр" -ийг ашиглах боломжгүй, эс тэгвээс кодчиллын улмаас алдаа гарах болно. FireBug-ийг ашиглан өөрчлөхийг хүссэн параметрээ олж, Notepad ++ дээр нэгэн зэрэг засах боломжтой.
Алхам 7
Эцсийн CSS-г хадгалаад файлыг сервер рүү байршуулна уу.
