Өнгөрсөн зуунд вэб хуудасны зохион байгуулалт цөөхөн хэдэн мэргэжлийн хүмүүсийн эзэмшиж байсан. Технологийн дэвшил энэ ажлыг маш хялбаршуулсан. Одоо интернетийн ямар ч хэрэглэгч вэбсайт хийх боломжтой боллоо.
Энэ нь зайлшгүй шаардлагатай
- - вэб хуудсыг байрлуулах програм хангамжийн багц;
- - дизайны элементүүдийг бий болгох растер график редактор.
Зааварчилгаа
1-р алхам
Сайт дээр байх элементүүдийн жагсаалтыг гарга. Энэ нь навигацийн цэс, хайлтын хэлбэр, сурталчилгаа эсвэл мэдээллийн баннер, найз нөхдийн жагсаалт гэх мэт бүрэлдэхүүн хэсгүүд байж болно. Төслийн нэрийг ихэвчлэн хуудасны дээд хэсэгт зааж өгдөг бөгөөд хэвтээ навигацийн цэс байж болно. Төв хэсэг нь сайтын үндсэн агуулгад хуваарилагдсан болно. Хуудасны доод хэсэгт ирцийн тоолуурыг ихэвчлэн байрлуулдаг бөгөөд холбоо барих хаягаар санал хүсэлт авна уу.
Алхам 2
График редактор дээр вэбсайтын зохион байгуулалтыг бий болгох. Энд гол үүрэг бол элементүүдийн гадаад байдал, тэдгээрийн харьцангуй байрлалыг тодорхойлох явдал юм. Хэт тод өнгө хэрэглэж болохгүй. Төвийг сахисан өнгөт палитрыг хамгийн сайн ойлгодог. Блокуудын хувьд тууштай хэв маягийг ашигла. Дизайныг аль болох хэрэглэгчдэд ээлтэй байлгахыг хичээ. HTML болон CSS дээр хэрэгжүүлэхэд хэцүү элементүүдээс зайлсхий.
Алхам 3
Хуудасны байршлыг чанарын алдагдалгүйгээр bitmap форматаар хадгалах. HTML ашиглан үзүүлэх стилийн элементүүдийг тодорхойл. Эдгээр нь цэс, холбоос, хүснэгт, хайлтын маягт байж болно. Үлдсэн элементүүдийг байршлаас гаргаж аваад тусад нь файлд хадгална уу. Хатуу дискэн дээрээ хоёр текст баримт бичгийг үүсгээрэй. Тэдгээрийн аль нэгний өргөтгөлийг.htm болгож өөрчил. Энэ нь элементүүдийн харьцангуй байрлалыг хариуцах кодыг агуулна. Хоёрдахь файл нь хэв маягийн хуудсыг агуулна.
Алхам 4
Эхний файлыг HTML засварлагч дээр нээнэ үү. Өмнө нь битмап файлд хадгалсан дизайны элементүүдийг хуудсан дээр байрлуул. HTML хэлбэрээр хөрвүүлэх шаардлагатай текстийн холбоос, хүснэгт болон бусад элементүүдийг үүсгэх. Өнгө, фонтын хэмжээ, хүрээ гэх мэт элементүүдийн шинж чанаруудыг CSS файлд бичнэ. Хэрэв танд хуудасны элементүүдийг хөдөлгөөнтэй болгох шаардлагатай бол JavaScript ашиглана уу.
