Интернет дээр вэбсайт үүсгэх үед хөгжүүлэгчийн анхаарах ёстой хамгийн чухал зүйл бол түүний ажиллагаа, олон талт байдал, гүйцэтгэл юм. Сайтыг олон янзын дэлгэцийн нарийвчлалтай компьютерууд дээр дурын хөтөч дээр бүрэн зөв зөв харуулахын тулд та хэд хэдэн график элементүүдээс бүрдэх тохиромжтой "резинэн" толгой үүсгэх боломжтой.
Зааварчилгаа
1-р алхам
Вэбсайтад ийм толгой үүсгэх эхний алхам дээр Photoshop дээр вэб дээр байрлуулахаар бэлдсэн дүрсээ нээгээд дараа нь хэрэгслийн самбар дахь Slice Tool ашиглан хэсэг болгон хуваа. Толгойг нь төв хэсэг нь хоосон байхаар хайчилж, ингэснээр та гурван график элементтэй болно. Энэ нь дэлгэцийн нягтралын хувьд толгойг сунгах боломжийг олгоно.
Алхам 2
Толгойг нь огтолсны дараа вэб форматад хадгалах үед файлуудыг оновчтой болгож хадгална уу (Save for web). Хадгалахын тулд хүссэн файлын форматыг тохируулна уу - жишээлбэл, gif, jpeg эсвэл png. Зургийн хэсэг бүрийг өөрчлөхийн тулд цэснээс Slice Select Tool сонголтыг дарж, хэмжээг нь аль болох бага хэмжээтэй байлгахын тулд дэлгэцэн дээрх дүрсний визуал дэлгэцийн чанар хамгийн бага алдагдах болно. Засварласан зургуудаа html, зураг хэлбэрээр хадгалаарай.
Алхам 3
Зургуудыг хадгалсны дараа HTML кодыг Notepad програмаар хадгалсан html баримтыг нээж засварлана уу. Тэмдэглэлийн дэвтэрт шаардлагагүй кодын бүх мөрийг устгана уу. Зөвхөн шаардлагатай мөрүүдийг үлдээгээрэй - таны зургуудыг оруулсан хүснэгтийн тухай өгөгдөл:
Алхам 4
Эдгээр мөрөнд yourimage.gif-ийн оронд тохирох өргөн, өндөртэй зургуудын замыг зааж өгөх ёстой.
Алхам 5
Зургийн дунд хэсэг сунахын тулд туйлын зургуудыг хажуу тийш нь тарааж, харгалзах кодын шинж чанаруудыг мөрөнд бич. Өөрийн өргөн ба өндрийн параметрүүдийг кодонд зааж өгөөрэй.
Алхам 6
Үүсгэсэн толгойн зургуудаа сайтынхаа үндсэн директорт байршуулж, дараа нь сервер дээрх толгой зургуудын шинэ замуудтай HTML кодыг засварлаарай. Толгойн кодыг тагуудын хооронд наана уу.
Зөвлөмж болгож буй:
Резинэн дэвсгэрийг хэрхэн яаж хийх вэ
Та өөрийн вэбсайтыг үүсгэхдээ хэрэглэгчийн хөтөчийн хувилбараас үл хамааран аль болох сонирхолтой байлгахыг хүсдэг. Ялангуяа, арын зургийг сунгаж, компьютерийн дэлгэцийн нягтралд тохируулахаар тохируулсан болно. Энэ нь зайлшгүй шаардлагатай - html, css, java-скрипттэй ажиллах ур чадвар
Резинэн баннерыг хэрхэн яаж хийх вэ
Резинэн флаш баннерыг зүгээр л "резин" гэж нэрлэдэг. Сайтын хувьд түүний онцлог шинж чанар нь хөтөчийн хэмжээнээс үл хамааран баннер нь зориулалтын дагуу хэвээр байх болно - үзэсгэлэнтэй, тод, тод. Хэн нэгэн нь дөрвөлжин дэлгэцтэй, хэн нэгэн нь өргөн дэлгэцтэй, зарим нь 14 инч, зарим нь 21 инч байдаг тул интернет хэрэглэгчдийн янз бүрийн хэмжээтэй компьютерийг харгалзан үзэх шаардлагатай болсон тул резинэн баннер хийх шаардлага үүссэн
Резинэн зургийг хэрхэн яаж хийх вэ
"Резин" бол масштаблах чадвартай зураг юм. Та компьютерийн програм ашиглан ийм зураг үүсгэх боломжтой. Түүний ая тухтай байдал нь хүссэн чиглэлд "сунаж" байгаад оршино. Ийм вэб үүсгэх нь ямар ч хөтөч дээр амжилттай харагдаж байна
Вэбсайтын хөдөлгөөнт толгойг хэрхэн яаж хийх вэ
Таны сайт дээрх динамик интерфэйс нь хэрэглэгчдийн анхаарлыг татаж, траффикийг нэмэгдүүлэх болно. Вэбсайтад зориулж хөдөлгөөнт толгой хийх нь нэг харахад хэцүү биш юм. Зааварчилгаа 1-р алхам Хулганы курсор дээгүүр эргэлдэж байх үед тохиргоог нь өөрчлөх хөдөлгөөнт толгой хийхийг оролдъё
Вэбсайтын толгойг хэрхэн яаж хийх вэ
Аливаа сайтын толгой нь түүний "нүүр царай", сайтын дизайны хамгийн том бөгөөд мэдэгдэхүйц элемент юм. Хэрэв сайтын толгойг мартагдашгүй, өвөрмөц байдлаар хийсэн бол дизайны бусад элементүүд - фонт, товчлуур гэх мэтийг ямар ч стандарт схемээс авч болох бөгөөд сайтын дизайн нь түүний онцлог шинж чанарыг харуулсан хэвээр байх болно