" аажим аажмаар дүүрч, сэдвүүдийн нэрсийг удирдахад хэцүү болж байна. Цуглуулга нь санамсаргүй загвараас бүрдэх, өөрөөр хэлбэл ямар ч утга санаа, сэдвээр холбогдоогүй бол цуглуулгыг дугаарлах нь зүйтэй гэж би бодлоо. Тиймээс, өнөөдрийн сэдэв нэрээ авсан " HTML5 болон CSS3 дээр үнэгүй. Сонголт №1". Би өмнө нь үүнтэй төстэй цуглуулгуудыг нийтэлж байсан, гэхдээ тооллого яг энэ нийтлэлээс эхлэх болно.
Та бүхний мэдэж байгаагаар би хог хаягдлыг нийтлэх дуртай биш. Юуны өмнө би өөрийнхөө материалыг их ашигладаг учраас. Тиймээс өнөөдөр би сонгосон, үнэхээр дажгүй сонголт хийсэн үнэгүй хариу үйлдэл үзүүлэх загварууд. Тэд бүгд дасан зохицох чадвартай, өөрөөр хэлбэл тэд ямар ч төхөөрөмж дээр төгс ажилладаг. Дасан зохицох чадвар- орчин үеийн стандарт.
Тэгэхээр. Бид таны анхааралд html5 болон css3-ийн үнэгүй загваруудын цуглуулгыг хүргэж байна.

Рудди

Рудди- дасан зохицох HTML5 дижитал агентлаг эсвэл вэб студид зориулсан загвар, бас ямар ч бизнесийн вэбсайтад тохиромжтой, хэв маягаар хийгдсэн Хавтгай(). Гүйлгэх үед блокууд нь маш динамик байдлаар гарч ирдэг бөгөөд янз бүрийн css3 / jQuery эффектүүдтэй байдаг.
Гол блокуудын дунд хамгийн сүүлийн үеийн блог нийтлэл, үйлчилгээний жагсаалт, ажлын шүүлтүүр бүхий багц, баг, газрын зураг бүхий холбоо барих мэдээллийн блок орно.

Хөөх портфолио

Гэрэлт, Bootstrap 3 дээрх хариу үйлдэл үзүүлэх загварбие даасан хөгжүүлэгч эсвэл дизайнерын багцыг бий болгохын тулд улаан өнгөөр. Вэб дизайны студийн нэг хуудастай корпорацийн хуудас бас тохиромжтой. Энэ бол гайхалтай hover эффект бүхий маш сонирхолтой портфолио юм.

Ланкар

Мэдээллийн технологийн мэргэжилтний багцыг хэрэгжүүлэх өөр нэг шинэ дасан зохицох загвар. Энэ нь Bootstrap CSS хүрээг ашиглан хийгдсэн. Толгой хэсэгт том дэвсгэр зураг байгаа бөгөөд хэрэв хүсвэл үүнийг өөрчилж болно. Загвар нь өөрөө нэлээд урт юм. Үндсэн блокууд нь янз бүрийн тоолуур, багц, үнэ бүхий хүснэгт, холбоо барих блок орно.

Хавтгай

Маш сайн дасан зохицох чадвартай Хавтгай хэв маягийн html загварбүтэн дэлгэцийн зурагтай. Landing Page програмууд эсвэл ухаалаг утасны програмуудад тохиромжтой. Зарим хүчин чармайлтаар та үүнийг ямар ч сэдэвт тохируулж болно.

Альфа

Хариуцлагатай загваралдартай хөгжүүлэгч html5 UP-ийн Альфа гэж нэрлэдэг. Тэдний бүтээл миний өмнөх цуглуулгад байнга гарч байсан. Корпорацийн вэб сайт эсвэл нэрийн хуудасны вэбсайт үүсгэх харьцангуй шинэ, дасан зохицох загварыг бид та бүхэнд толилуулж байна. Үндсэн хуудаснаас гадна олон тооны дотоод хуудаснууд байдаг.

Костамар

Bootstrap framework дээр суурилсан хавтгай хэв маягийн олон хуудас бүхий бүх нийтийн загвар. Хөгжүүлэгчид үүнийг "Аялал" сэдэвт загвар болгон байрлуулж байгаа боловч үнэн хэрэгтээ бүх зүйл маш түгээмэл бөгөөд энгийн, энгийн зургуудыг орлуулсан мэт харагдаж байна (Хэрэв танд зураг байхгүй бол та үнэгүй зураг дээрээс маш олон гайхалтай зургуудыг олох боломжтой. Өмнөх нийтлэлд миний бичсэн хувьцаанууд ) үүнийг танд хэрэгтэй дүр төрх болгон хувиргаж чадна.

Энэхүү цуглуулгад янз бүрийн мэргэжлүүдэд зориулсан загварууд багтсан боловч голчлон програмистууд, вэб дизайнерууд эсвэл зохион бүтээгчид энэ сэдвийг үнэлэх болно, учир нь дизайн, бүтэц нь тэдэнд илүү тохиромжтой байдаг.

Бид өмнө нь портфолио үүсгэх загвар бүхий цуглуулгуудыг хэвлүүлсэн. Жишээлбэл:

Цэвэр

Бие даасан вэб хөгжүүлэгчийн хувийн портфолио, хувийн хуудас үүсгэх мэргэжлийн, цэвэрхэн. Дизайнер, зохион бүтээгч, программистуудад тохиромжтой.
Загвар нь бүрэн дасан зохицох чадвартай, бүрэн хүчинтэй кодоор гүйлгэх үед элементүүдийн харагдах байдлыг харуулсан гайхалтай хөдөлгөөнт дүрстэй.

Горго портфолио

Үнэгүй, маш цэвэрхэн, загварлаг дизайнерын багцын загвар. Минималист хэв маягаар хийгдсэн. Мөн гайхалтай бүтэн дэлгэцийн цэстэй.
Ажлын жишээ бүхий торыг шатрын самбарын жишээний дагуу хийсэн бөгөөд энэ нь чиг хандлага болсон тул маш тааламжтай юм. Ажлын хуудас өөрөө надад маш их сэтгэгдэл төрүүлсэн нь магадгүй өндөр чанартай демо контенттой холбоотой байх. Хэрэв та энэ загварыг хувийн хуудас болгон ашиглахаар төлөвлөж байгаа бол ажлын өндөр чанартай дизайныг анхаарч үзээрэй.

Лити

Үнэгүй хариу үйлдэл үзүүлэх загварын загвар Хавтгай, энэ нь вэб хөгжүүлэгч эсвэл гэрэл зурагчин гэлтгүй бараг бүх freelancer-д тохиромжтой, учир нь энэ хуудас нь ажлын ангиллын шүүлтүүр бүхий танил портфолио, гэрэл зургийн цомог хоёуланг нь өгдөг.

шатам архи

Өөр нэг туйлын хувийн портфолио үүсгэх өндөр чанартай загвар. Энэ нь хүн бүрийн дуртай маш олон сайхан зүйлстэй: Параллакс эффект, гүйлгэх үед гарч ирэх блокуудын эффект, жигд гүйлгэх, янз бүрийн тоолуур, мэдээжийн хэрэг портфолио блок өөрөө.
Загвар нь туйлын үнэ төлбөргүй бөгөөд мэдээллийн технологийн аль ч мэргэжлээр ажилладаг фрилансеруудад тохиромжтой.

Конг

Сонирхолтой дизайнерын багцын html загвар. Эхний дэлгэц дээр та зургаа байрлуулж, өөрийгөө танилцуулж, мэргэжлээ бичиж болно.
Загвар дээрх бараг бүх блокууд нь бидний стандарт Landing Page дээр харж дассан блокууд юм.
Өнгөний схемийн хувьд би үүнийг өөрчлөх болно. Хэт их хортой.

MyFolio

Агуу их дасан зохицох нэг хуудас портфолионогоон өнгөтэй. Ганц бие даасан ажилтан болон хөгжүүлэгчдийн багийн аль алинд нь тохиромжтой. Загвар нь өндөр чанартай хийгдсэн бөгөөд анхаарал татахуйц байх ёстой.

Үндсэн

Хатуу цэнхэр өнгийн загварбагц үүсгэх. Bootstrsp 3.2 дээр бүтээгдсэн. Хэрэв та эхний дэлгэц дээрх дүрсүүдийг сольсон бол та үүнийг ямар ч чиглэлээр ажилладаг фрилансеруудад ашиглаж болно.

Жижиг

Жижиг хавтгай хэв маягийн нэг хуудас html загвар. Энэ нь 100% өндөртэй гурван дэлгэцэнд хуваагддаг. Эхний дэлгэц нь гэрэл зураг, фрилансерийн тухай товч мэдээлэл юм.
Хоёр дахь дэлгэц нь портфолио юм. Хамгийн сүүлийнх нь харагдаж байна Дриббл дээр таны багцаас 8 бүтээл. Энэ нь таны хийх ёстой зүйл бол интеграцийг тохируулах явдал юм, тэгээд л болоо. Зургууд нь таны Dribbble дээрх үйл ажиллагаатай синхрончлон шинэчлэгдэх болно.
Гурав дахь дэлгэц нь Холбоо барих мэдээлэл юм.

Келвин

Өндөр чанартай, бүх нийтийн HTML5 CSS3 загвар. Энэ нь дээрх цуглуулгад байсан Ceevee-г маш их санагдуулдаг боловч ажлын жишээ бүхий блокийн үзэл баримтлал, фрилансерийн ур чадварыг харуулсан графикт зарим ялгаа бий. Төрөл бүрийн блок ашиглан өөрийнхөө тухай дэлгэрэнгүй түүхийг ярих боломж бий.

Портио

Сонирхолтой, бүх нийтийн загвар, гэхдээ би үүнийг ашиглахгүй байх олон шалтгаан бий: тэнэг фонтууд, муу товчлуурууд. Магадгүй хэн нэгэн энэ сонголтыг сонирхож магадгүй юм. Эцсийн эцэст - тод өнгөний схем. Хэрэв та CSS-ийн хэв маягийг бага зэрэг өөрчлөх юм бол сайн үр дүнд хүрч чадна.

Порт

Үнэгүй бөгөөд Bootstrap дээр суурилсан гоёмсог нэг хуудасны загвар гэж би хэлэх болно. Би хувьдаа улаан идэвхтэй элементүүдэд дуртай. Ажлын жишээ бүхий блок нь нарийн сүлжээ хэлбэрээр хийгдсэн бөгөөд энэ нь нэмэлт зүйл юм. Энэ загвар нь p үүсгэх маш сайн шийдэл байх болно вэб дизайнер эсвэл програмистын багц.

Hexa

Онцлог өнгөний схемийн толгой хэсэгт гулсагч бүхий олон хуудас Хавтгай загвар - ногоон. Энэхүү шийдлийг ашигласнаар та ажлын жишээ, блог бүхий маш сайн нэрийн хуудасны вэбсайт үүсгэж болно.

Чөлөөт ажилтан

Агуу их хавтгай хэв маягийн нэг пейжерба ногоон өнгөний схем. Эхний дэлгэц нь хэв маягийг алдагдуулахгүйн тулд сайтын эзний гараар зурсан өөрийн хөрөг зургийг авах боломжтой, эсвэл илүү дээр юм.
Загвар нь жижиг бөгөөд энэ нь маш том давуу тал юм, учир нь бидний зорилгоор "хөлний боолт" ашиглах шаардлагагүй болно. Гайхалтай нь маш өндөр чанартайгаар хийгдсэн. Энэ нь бүрэн хариу үйлдэл үзүүлэх чадвартай бөгөөд Bootstrap framework дээр суурилдаг.

Дриббл портфолио

Портфолиотой өөр нэг загвар Dribbble-тэй нэгдсэн. Та хийх ёстой зүйл бол хамгийн сүүлийн үеийн бүтээлүүдээ байршуулах тохиргоог хийж, хувийн хуудсан дээрээ портфолио байнга, уйтгартай шинэчлэхээ мартах явдал юм.
Загвар нь хатуу, орчин үеийн өнгөний схемээр хийгдсэн. Бүх зүйл маш цэвэрхэн харагдаж байна.
Өмнөх Dribbble загвар шиг жижиг хэмжээтэй. Би бүр товчхон гэж хэлэх болно. Ерөнхийдөө миний үнэлгээ 10-аас 9 байна.

Геек

Жаахан хүнд санагдаж байгаа ч муу биш freelancer портфолио үүсгэх загварбуух хуудас хэлбэрээр. Энэ нь өөрийн үйл ажиллагааны профайлд ур чадварын түвшинг нүдээр харуулах янз бүрийн графикуудтай - энэ нь сонирхолтой юм. Мөн гэрчлэлийн гулсагч, гэрэл зургийн сайхан сүлжээ байдаг бөгөөд та өөрийн бүтээлийг харуулахад ашиглаж болно.

Dribbble Folio V2

Үнэгүй автоматаар дүүргэх багц бүхий загвар. Бүтээлийг сайтаас оруулж ирдэг Дриббл. Энэ шийдлийг ашиглахаасаа өмнө өөрийн Dribbble профайлтай нэгтгэхийг бүү мартаарай.
Харамсалтай нь демо байхгүй байна.

Боомт

Жинхэнэ Нил ягаан өнгийн html css загвархувийн вэбсайт үүсгэх. Энэ бол олон хуудастай сэдэв бөгөөд гол нь нэг хуудасны хэв маягаар хийгдсэн боловч эргээд дотоод хуудсууд бас байдаг. Бүтээхэд тохиромжтой freelancer-ийн хувийн вэбсайтямар ч мэргэжил.

Таны вэбсайтад танилцуулсан бүх загварууд HTML5 болон CSS3-ийн орчин үеийн хувилбарууд дээр бүтээгдсэн. Нэмж дурдахад зохиогчид хавтгай дизайн, мэдрэмжтэй дизайн, дасан зохицох загвар, jQuery слайдер, CSS3 хөдөлгөөнт дүрс гэх мэт загварлаг функцуудыг ашигладаг. Өөрөөр хэлбэл, хэрэв та гар утасны вэбсайтын загвар хайж байгаа бол танилцуулсан загваруудаас аль нэгийг нь сонгож болно. Сайхан html5 загварууд 2017, үнэ төлбөргүй ч гэсэн дээд зэрэглэлийн харагдах болно.

Эндээс та HTML5 болон CSS3-ийн өндөр чанартай 50 гаруй үнэгүй вэбсайтын загваруудыг олох боломжтой бөгөөд эдгээрийг шинэ сайтууд болон одоо байгаа сайтуудыг дахин төлөвлөхөд ашиглаж болно. Загварлаг html5 вэбсайтын загварууд- Энэ бол танд хэрэгтэй зүйл!

2019 оны 03/12-нд шинэчлэгдсэн: Нийтлэлийг 2 жилийн өмнө бичсэнээс хойш олон холбоосууд эвдэрсэн. Загваруудын эзэд нийлсэн, эсвэл загваруудын статусыг үнэ төлбөргүй болгож өөрчилсөн, эсвэл харь гарагийнхан бүх зүйлийг сүйтгэсэн. Эрхэм уншигч та бүхнээс асууж байна, хэрэв та ийм линк олвол коммент хэсэгт үлдээгээрэй, би үүнийг засах болно.

1. Цас - HTML5 болон CSS3 ашиглан үнэгүй буух хуудасны загвар

Цас буух хуудасны html5 css3 загвар нь Bootstrap framework дээр бүтээгдсэн. Загвар нь маш загварлаг бөгөөд гайхалтай юм! Тогтмол дэвсгэр ба асар том Jumbotron - сайтын үндсэн агуулгыг харуулсан зүйл. Буух хуудсан дээрх хамгийн чухал зүйл юу вэ? Энэ нь зөв, үйлдэл хийх уриалга юм. Мэдээжийн хэрэг, загвар нь хөдөлгөөнт төхөөрөмжид бүрэн тохирсон байдаг. Та үүнийг өөрийн загваруудын үндэс болгон ашиглаж болно.

2. Sima - гоёмсог арилжааны вэбсайтын загвар

Энэхүү html5 css3 загвар нь мөн Bootstrap framework дээр бүтээгдсэн. Та энэ загвар дээр багц, өөрийн баг, үнэ, тойм болон шаардлагатай бусад бүх зүйлийг агуулсан өвөрмөц вэбсайт үүсгэж болно. Жишээлбэл, энэ загвар нь цэвэрлэгээний үйлчилгээний вэбсайтад тохиромжтой. Энэхүү загвар дахь хөдөлгөөнт дүрс нь жигд бөгөөд үр дүнтэй, фонтууд нь цэвэр, уншихад хялбар. Зүгээр л төгс загвар!

3. Цагаан - гайхалтай нэг хуудас загвар!

Цагаан вэбсайтын загварын нэг онцлог шинж чанар нь дээд талд байрлах хоёр дэвсгэр сонголт юм. Таны сонголт бол зурагтай гулсагч эсвэл видеоны дэвсгэр юм. Сайтын маш өндөр чанартай, үр дүнтэй загвар!

4. Platz - HTML5 сүлжээнд суурилсан үнэгүй вэбсайтын загвар

Сүлжээнд суурилсан орчин үеийн, харагдахуйц HTML5 вэбсайтын загвар (сүлжээний талаар дэлгэрэнгүй уншина уу). Блог эсвэл вэбсайтад зориулсан үзэсгэлэнтэй, мэдрэмжтэй загвар дизайн.

5. Mart eCommerce - сайхан HTML5 болон CSS3 цахим худалдааны вэбсайтын загвар

Сайтын шинэлэг, загварлаг загвар нь гутал, хувцас, цаг, дагалдах хэрэгсэл, спортын хувцас гэх мэт бүх төрлийн загварын вэб сайтад хамгийн тохиромжтой. Энэ нь PSD файлын хамт ирдэг бөгөөд үүнийг өөрийн хэрэгцээнд тохируулан тохируулах боломжтой.

6. Нава - бүтээлч вэбсайтуудад зориулсан гайхалтай HTML5 болон CSS3 загвар

Нава бол орчин үеийн HTML5 вэбсайтын загвар бөгөөд бүтээлээ бүх алдар суугаараа харуулахыг хүсдэг бүтээлч мэргэжилтнүүдэд голчлон ашиглагддаг. Загварын тохиргооны олон хувилбар нь танд вэбсайтаа өвөрмөц болгох боломжийг олгодог. Хөнгөн, үзэсгэлэнтэй, мэдрэмжтэй вэбсайтын загвар.

7. Box Portfolio - HTML5 болон CSS3 ашигладаг өвөрмөц бүтээлч вэбсайтын загвар

Box Portfolio вэбсайтын загвар нь цэвэр, орчин үеийн минималист дизайнтай. Онлайнаар ажлаа үр дүнтэй харуулахыг хүсдэг мэргэжилтнүүдэд тохиромжтой. Нэрнээс нь харахад вэб сайтын загвар нь багцад хамгийн тохиромжтой.

8. Уулын хаан - алдартай, ажиллагаатай HTML5 болон CSS3 вэбсайтын загвар

Сүүлийн үед вэбсайт дизайн дахь уулын сэдэв маш их алдартай болсон. Mountain King вэбсайтын загвар нь үл хамаарах зүйл биш юм. Typicons-ын 336 вектор дүрсийг агуулсан. Дээрээс нь CSS3 ашиглан гайхалтай хөдөлгөөнт дүрс. Загвар нь аялал жуулчлалын болон багцын вэбсайтуудад тохиромжтой.

9. Гоо сайхны рашаан - рашаан салонуудад зориулсан сайхан HTML5 болон CSS3 вэбсайтын загвар

Гоо сайхны рашаан бол рашаан сувиллын газар, эрүүл мэнд, фитнесс төвүүд, йогийн сайтууд, тэр ч байтугай үсчин гоо сайхны газруудад тохиромжтой, олон онцлог шинж чанартай вэбсайтын загвар юм. Үсгийн фонтууд маш сайн уншигдахуйц, үл анзаарагдам минимализм.

10. Bent – ​​HTML5 болон CSS3 ашигладаг вэбсайтуудад зориулсан загварлаг, үр дүнтэй буух хуудас

Bent бол html5 болон css3 дээр үнэгүй вэбсайтын загвар юм. Хариуцлагатай дизайн, CSS3 хөдөлгөөнт дүрс, параллакс гүйлгэх, захиалгат навигаци болон бусад сайхан зүйлс. Энэ нь зочдод сайтын үзэмж, үзэмжийг үзэхийн зэрэгцээ үндсэн агуулгыг нь тодорхой харсаар байхын тулд тэнцвэртэй дизайн ашиглахыг хүсдэг сайтуудад зориулсан цэвэр загвар дизайн юм.

11. Гурвалжин - Үнэгүй хариу үйлдэл үзүүлэх олон талт HTML5 болон CSS3 загвар

Гурвалжин бол гайхалтай загвараа өөрчлөхийг хүсдэг хүмүүст зориулагдсан HTML5 болон CSS3 вэбсайтын онцгой бүтээлч загвар юм. Загвар нь урьдчилан боловсруулсан 40 гаруй хуудасны хамт ирдэг бөгөөд энэ нь танд өөрийн сайтыг өөрийн хүсэл сонирхолд нийцүүлэн өөрчлөх боломжийг олгодог.

12. Future Imperfect - бүтээлч хүмүүст зориулсан вэбсайтын гайхалтай загвар!

Зохиолч, зохиолч, хуулбар зохиогч болон бусад үзэг, цаасны ажилчдад тохиромжтой энэхүү вэбсайтын загварыг ашиглан жинхэнэ хөгжилтэй мэдрэмжийг мэдрээрэй. Загварыг хувийн блог, аялал, бүтээлч байдал гэх мэт блогт ашиглаж болно. Загварын бүтээлч дизайн, дасан зохицох загвар нь олон хүнд таалагдах болно.

13. Bodo - хувийн вэб сайтад зориулсан гайхалтай загвар

Bodo бол хувийн вэбсайтад тохиромжтой HTML5 ба CSS3 вэбсайтын загвар юм. Ялангуяа портфолио зохион байгуулахад зориулагдсан. Цэвэр, тод хэвлэх, тойруулан гулсагч, ажлыг харуулах цонхнууд болон бусад олон зүйлс.

14. Линз - гэрэл зурагчдад зориулсан HTML5 вэбсайтын төгс загвар

Гэрэл зурагчид өөрсдийн бүтээлийг бүх сүр жавхлангаараа, гайхалтай, хамгийн чухал нь томоор харуулахын тулд вэбсайтынхаа төгс загварыг үргэлж хайж байдаг! Ховор вэбсайтын загвар нь эдгээр шаардлагыг хангадаг. Линз бол ийм гэрэл зурагчдын вэбсайтын загвар юм.

15. Spectral - HTML5 болон CSS3 ашиглан гараар хийсэн өвөрмөц вэбсайт загвар

Хэрэв та хайж байгаа бол авто сэдвээр үнэгүй вэбсайтын загварууд, тэгвэл Spectral нь хамгийн тохиромжтой шийдэл байх болно. Энд гар хийцийн цоо өвөрмөц нэг хуудас вэб хуудасны загвар дизайн байна. Дизайныг өөрийн үзэмжээр өөрчилж болно. Энэхүү загвараар та гайхалтай аялалын блог эсвэл гэрэл зургийн цомог, автомашины вэбсайт эсвэл хостинг үйлчилгээ үзүүлэгч гэх мэт ямар ч сэдвээр гайхалтай вэбсайт хийх боломжтой.

16. Хүчилтөрөгч - нэг хуудастай HTML5 болон CSS3 вэбсайтын загвар

Хүчилтөрөгч бол бизнесийн вэбсайтад тохиромжтой, өвөрмөц загвар юм. Орчин үеийн хавтгай дизайн, дасан зохицох загвар. Жишээлбэл, энэ загвар нь гар утасны програм эсвэл гар утасны технологийн талаархи сайтад тохиромжтой.

17. Mobirise Bootstrap - HTML5 болон CSS3 дээрх төгс үнэгүй вэбсайтын загвар

Хэрэв та үнэгүй вэбсайтын загвар хайж байгаа бол Mobirise Bootstrap нь таныг эхлүүлэхэд тохиромжтой. Энэ бол олон нэмэлт зүйл агуулсан олон үйлдэлт загвар юм. Урьдчилан бэлтгэсэн гурван нүүр хуудас болон блогын загвар нь танд үүнд тусална. Mobirise Bootstrap нь мөн 100% SEO оновчтой бөгөөд ямар ч дэлгэцийн хэмжээтэй тохирдог.

18. La Casa - үл хөдлөх хөрөнгийн вэбсайтад зориулсан үзэсгэлэнтэй, үнэгүй HTML5 загвар

Брендийн загвар нь арилжааны үл хөдлөх хөрөнгийн вэбсайтыг зохион байгуулахад тохиромжтой. Хариуцлагатай, маш үзэсгэлэнтэй дизайн нь зөвхөн сайтын эзэнд төдийгүй зочдод таалагдах болно.

19. Drifolio - портфолиогийн загварлаг HTML5 вэбсайтын загвар

Портфолио зохион байгуулахад зориулсан загварлаг, хөдөлгөөнт HTML5 болон CSS3 вэбсайтын загвар. Цэвэр дизайн, гайхалтай хэвлэмэл, үзэсгэлэнтэй дүрсүүд болон бусад олон зүйлс.

20. Плутон - нэг хуудас вэбсайтын тод, загварлаг загвар

Pluton бол Bootstrap дээр суурилсан тод, үр дүнтэй вэбсайтын загвар юм. Студи, гэрэл зурагчин, бүтээлч дизайнеруудад тохиромжтой, өвөрмөц нэг хуудас бүтэцтэй, мэдрэмжтэй дизайн бүхий орчин үеийн вэбсайтын загвар.

21. SquadFree - HTML5 хэл дээрх мэргэжлийн нэг хуудас вэбсайтын загвар

SquadFree загвар нь арилжааны нэг хуудас вэбсайт үүсгэхэд төгс төгөлдөр юм. Загвар нь зөвхөн мэргэжлийн харагдахаас гадна бүх төрлийн дэлгэцэнд тохирсон байдаг. Загвар нь Bootstrap дээр суурилсан.

22. Sublime - HTML5 болон CSS3 дээрх сонирхолтой вэб сайтын загвар

Sublime бол стартап, бүтээлч агентлаг эсвэл портфолио сайтад тохиромжтой цэвэрхэн, гайхалтай үзэсгэлэнтэй HTML5 болон CSS3 вэбсайтын загвар юм. Хариуцлагатай дизайн, хоёр хуудасны сонголтоос сонгох боломжтой.

23. Мод - ер бусын, үзэсгэлэнтэй HTML5 болон CSS3 вэбсайтын загвар

Мод бол шинэхэн, загварлаг, ер бусын нэг хуудас вэбсайтын загвар юм. Диагональ нь энэ загварын дизайны гол онцлог юм. Загвар нь бизнесийн вэбсайт эсвэл багцад тохиромжтой. Өөрийн хэрэгцээнд хялбархан зохицох боломжтой галерей, газрын зураг, холбоо барих мэдээлэл байдаг.

24. E-Shopper - хамгийн шилдэг цахим худалдааны вэбсайтын загвар

E-Shopper бол цахим худалдааны вэбсайтын загварт зориулсан гайхалтай сонголт юм. Бүрэн, үр ашигтай онлайн дэлгүүрт зориулсан гайхалтай олон функц бүхий ачаалагч дээр бүтээгдсэн.

25. Magnetic - зургийн сайтад зориулсан үнэгүй HTML5 болон CSS3 загвар

Дизайнер, зураач, зураачдад зориулсан зургийн вэбсайт эсвэл портфолио үүсгэхэд зориулсан үнэхээр гайхалтай HTML5 болон CSS3 загвар. Энэ загвар нь мэргэжлийн загваруудыг дараагийн түвшинд хүргэнэ! Хариуцлагатай дизайн, бүх төрлийн дэлгэцийн төхөөрөмжүүдэд зориулсан маш сайн дэмжлэг, хялбар бөгөөд тохиромжтой навигаци болон бусад олон зүйл.

26. Mabur Portfolio - HTML5 болон CSS3 ашиглан минималист хэв маягийн үзэсгэлэнтэй вэбсайтын загвар.

Энэхүү минималист вэбсайтын загвар нь портфолио үүсгэхэд төгс төгөлдөр юм. Загвар дээр бүх нарийн ширийн зүйлийг төгс шалгасан болно!

27. Орчин үеийн Bootstrap HTML5 - Үнэгүй нэг хуудас вэбсайтын загвар

Bootstrap фреймворк дээр суурилсан энэхүү үнэ төлбөргүй нэг пейжер нь жижиг, том компаниудын аль алинд нь корпорацийн вэб сайтад тохиромжтой. Хавтгай дизайн, дасан зохицох загвар, бүх өндөр чанартай дизайны элементүүд. Загвар нь 4 өөр өнгөтэй байна.

28. Infusion - HTML5 болон CSS3 ашигласан загварлаг нэг хуудас вэбсайтын загвар

Infusion нь бизнесийн багцыг бий болгоход тусгайлан зориулагдсан HTML5 болон CSS3 вэбсайтын загваруудын гайхалтай жишээ юм. Энэхүү загварын баялаг функц нь үйлчлүүлэгчидтэй үр дүнтэй ажиллах, шинээр үйлчлүүлэгчдийг татах боломжийг олгодог.

29. Yebo - HTML5 болон CSS3 дээрх корпорацийн вэбсайтын загвар

Энэхүү өндөр чанартай хавтгай загварын вэбсайтын загвар нь аливаа байгууллагын вэбсайтад тохиромжтой. Дасан зохицох загвар, олон тооны тохиргоо, засварлах сонголтууд.

30. Хорин - параллакс бүхий гайхалтай HTML5 болон CSS3 вэбсайтын загвар

Параллакс эффект бүхий энэхүү өвөрмөц, маш үзэсгэлэнтэй вэбсайтын загвар нь хэнийг ч хайхрамжгүй орхихгүй. Нэг хуудас загвар нь цэвэр HTML5 болон CSS3 дээр бүтээгдсэн бөгөөд мэдрэмжтэй зохион байгуулалт, гайхалтай дэвсгэр дэвсгэр, олон нийтийн мэдээллийн хэрэгслийн дэмжлэг гэх мэт.

31. Urbanic – Bootstrap дээрх маш сайн HTML5 болон CSS3 вэбсайтын загвар

Urbanic бол Bootstrap хөдөлгүүр дээр бүтээгдсэн шинэхэн, дажгүй HTML5 болон CSS3 вэбсайтын загвар юм. Ямар ч асуудалгүйгээр шууд вэбсайтаа үүсгэж эхлэхэд тохиромжтой. Загвар нь ямар ч дэлгэцийн хэмжээтэй төгс зохицсон.

32. Design Showcase - HTML5 багцын вэбсайтын загвар

Таны портфолио зохион байгуулахад харагдахуйц нийцтэй, үр дүнтэй HTML5 вэбсайтын загвар. Загвар нь хөдөлгөөнт төхөөрөмжид төгс зохицсон бөгөөд энэ форматтай сайтуудад хийхэд маш хэцүү байдаг.

33. Mamba One - HTML5 болон CSS3 ашигладаг энгийн бөгөөд загварлаг вэбсайтын загвар

Mamba One бол нэг пейжер үүсгэх энгийн хэрнээ загварлаг вэбсайтын загваруудын жишээ юм. Орчин үеийн бүх хөтөчтэй нийцдэг бөгөөд хаа сайгүй харагдах болно.

34. KreativePixel - гэрэл зурагчдад зориулсан үнэгүй вэбсайтын загвар

Гэрэл зурагчдад зориулсан өөр нэг гайхалтай вэбсайт загвар. Хариуцлагатай дизайн, портфолио, галерей дахь зургуудыг маш тохиромжтой ангилах нь олон гэрэл зураг сонирхогчдод таалагдах болно. Загвар нь мөн параллакс эффектийг ашигладаг бөгөөд энэ нь зураг үзэх үед үзэгчдийн сэтгэлийг хөдөлгөдөг.

35. Retina Ready Responsive App - HTML5 болон CSS3 ашиглан үнэгүй буух хуудасны загвар

Нэрнээс нь харахад энэхүү гайхамшигтай вэб хуудасны загвар нь зөвхөн хуудас нээхэд тохиромжтой биш, ялангуяа Retina дэлгэцтэй төхөөрөмжүүдийн дэлгэцийн тод байдлын хувьд шинэ гар утасны чиг хандлагад нийцдэг.

36. Brushed - Bootstrap хөдөлгүүр дээр суурилсан HTML5 ба CSS3 хариу үйлдэл үзүүлэх вэбсайтын загвар

Brushed бол Bootstrap хөдөлгүүр дээр суурилсан, хариу үйлдэл үзүүлэх чадвартай, үнэгүй HTML5 болон CSS3 вэбсайтын загвар юм. Мөн Retina дэлгэц (iPhone, iPad, iPod Touch болон MacBook Pro Retina)-д ​​зориулагдсан.

37. Big Picture HTML5 болон CSS3 вэбсайтын загвар

Том зурагт тавтай морил! Энэхүү мэдрэмжтэй HTML5 вэбсайтын загвар нь харуулах зүйлтэй бүх бүтээлч хүмүүст тохиромжтой бөгөөд үүнийг вэбсайт дээрээ том, гайхалтай харуулдаг. Үүнээс гадна загвар нь маш сайн хөдөлгөөнт дүрсийг ашигладаг.

38. Tesselatte - Үнэгүй хариу үйлдэл үзүүлэх HTML5 болон CSS3 загвар

Вэбсайтыг амжилттай бүтээхэд шаардлагатай бүх хэрэгслийг харгалзан үзсэн энгийн нэг хуудас загвар. Зохиолч, хуулбар зохиогч эсвэл зүгээр л бичмэл үгэнд дурлагчдын хувийн блогт тохиромжтой.

39. Overflow - HTML5 болон CSS3 ашигладаг өвөрмөц вэбсайтын загвар

Энэхүү өвөрмөц цэвэр HTML5 болон CSS3 вэбсайтын загвар нь ямар ч бүтээлч хүмүүст төгс тохирно. Энэ нь бүрэн хариу үйлдэл үзүүлэх бөгөөд бүрэн үнэ төлбөргүй юм.

40. Runkeeper - мэдрэмжтэй, маш үзэсгэлэнтэй вэбсайтын загвар

Runkeeper бол үнэгүй, мэдрэмжтэй, маш үзэсгэлэнтэй вэбсайтын загвар юм. Үүнийг ямар ч сэдвээр вэбсайтад ашиглаж болно. Гайхалтай хэв маяг, тод фонтууд, мэдрэмжтэй дизайн, загваруудын гайхалтай дэлгэрэнгүй мэдээлэл. Бүх зүйл таны төлөө ажилладаг!

41. Pinball Responsive Grid Style - Great Grid Based Website Template

Энэхүү гайхалтай мэргэжлийн сүлжээнд суурилсан вэбсайтын загвар нь корпорацийн вэбсайтад тохиромжтой. Загварын орчин үеийн хавтгай дизайн, мэдрэмжтэй бүтэц нь том дэлгэц болон хөдөлгөөнт төхөөрөмж дээр төгс харагдаж байна.

42. Пролог - HTML5 болон CSS3 ашиглан нэг хуудас вэбсайтын загварыг цэвэрлэх

Энэхүү цэвэр, энгийн бөгөөд ойлгомжтой HTML5 болон CSS3 вэбсайтын загвар нь буух хуудас бүтээхэд төгс төгөлдөр юм. Минималист загвар нь гол зүйлээс сатаардаггүй. Анхаарал татахуйц гүйлгэх хажуугийн навигацийн самбар болон цэвэр хуудасны шугамууд нь ердөө л төгс хослол юм!

43. Helios - цэвэр HTML5 болон CSS3 ашиглан орчин үеийн вэбсайтын загвар

Минимализм, цэвэр хэлбэрийн хэв маягийн өөр нэг вэбсайтын загвар. Том дэлгэцийн давуу талыг ашиглахын тулд тусгайлан бүтээгдсэн боловч хөдөлгөөнт төхөөрөмжийн жижиг дэлгэцтэй төгс зохицсон.

44. Telephasic - үнэгүй, хариу үйлдэл үзүүлэх HTML5 вэбсайтын загвар

Энэхүү орчин үеийн, мэдрэмжтэй, бүрэн үнэ төлбөргүй вэбсайтын загвар нь нэг том давуу талтай - энэ нь энгийн бөгөөд товч боловч энэ нь олон хүмүүст дутагдаж байгаа зүйл юм.

45. Strongly Typed - хагас чимэг маягийн маш үзэсгэлэнтэй вэбсайтын загвар

Минималист хагас чимэг хэв маяг бүхий шинэ вэбсайтын загвар. Зүгээр л чимэг моодонд орохоо больсон ч бага зэрэг сэжүүр байвал үнэхээр таатай байна. Энэхүү вэбсайтын загвар нь бүрэн хариу үйлдэл үзүүлэх чадвартай, цэвэр HTML5 болон CSS3 дээр бүтээгдсэн бөгөөд хуудасны шаардлагатай бүх үндсэн элементүүдийг агуулдаг. Strongly Typed загвар нь бүтээлч вэбсайтуудад тохиромжтой. Жишээлбэл, гэрийн чимэглэлийн талаархи сайтын хувьд.

46. ​​Судалчлагдсан - цэвэр, үзэсгэлэнтэй, ажиллагаатай HTML5 болон CSS3 вэбсайтын загвар

Шинэ, цэвэрхэн, үзэсгэлэнтэй, ажиллагаатай, HTML5 болон CSS3 дээрх шинэ вэбсайтын загвар. Энэ нь өөрийн арсеналдаа хуудасны бүх шаардлагатай элементүүд, түүний дотор боловсруулсан ишлэл, хүснэгт, жагсаалт, түүнчлэн тохируулсан хажуугийн самбар (баруун эсвэл зүүн талд - таны хүссэнээр) байдаг.

47. Зэрэгцээ байдал - HTML5 болон CSS3 ашигладаг ер бусын, загварлаг вэбсайтын загвар.

Parallelism нь портфолио эсвэл зургийг зохион байгуулахад зориулагдсан загварлаг вэбсайтын загвар юм. Үүнийг ер бусын болгодог зүйл бол энд гүйлгэх нь ердийнх шиг босоо биш, харин хэвтээ юм. Энэ нь сайтыг онцгой гоёмсог, мартагдашгүй болгодог.

48. Miniport - минималист хэв маягт бүрэн хариу үйлдэл үзүүлэх HTML5 вэбсайтын загвар

HTML5 дээрх минималист хэв маягтай вэбсайтын маш сайн загвар. Хувийн вэбсайт/блог, мөн нэг хуудастай жижиг байгууллагын вэбсайт эсвэл нэрийн хуудасны вэб сайтад тохиромжтой.

49. Verti - өргөн, чөлөөтэй хариу үйлдэл үзүүлэх HTML5 вэбсайтын загвар

Энэхүү вэбсайтын загварын цэвэрхэн, өргөн цар хүрээтэй загвар нь томоохон корпорацийн вэбсайтууд эсвэл арилжааны төслүүдэд төгс төгөлдөр юм. Зохиогч болон хэрэглэгчдийн аль алинд нь мэдрэмжтэй, тохиромжтой.

50. ZeroFour - HTML5 болон CSS3 ашигладаг гайхалтай, загварлаг вэбсайтын загвар

Жагсаалтын сүүлчийнх нь чанар, харааны үр дүнтэй байдлын хувьд хамгийн бага зүйл биш бол вэбсайтын загвар - ZeroFour юм. Загварлаг дизайн, маш үзэсгэлэнтэй цэс, төгс тохируулсан хэлбэр, товчлуурууд, үзэсгэлэнтэй дүрсүүд болон бусад олон зүйл. Мөн энэ бүхэн үнэхээр үнэ төлбөргүй!

Эдгээр гайхалтай HTML5 болон CSS3 вэб сайтын загваруудын дундаас та өөртөө тохирох зүйлийг олсон гэж найдаж байна. Амжилт хүсье!

Та үүнийг хурдан олохын тулд хавчуурга хий.

Жич: Хэрэв та сонголтоо хийж чадахгүй бол "Би юу хүсч байгаагаа мэдэхгүй байна" гэсэн нийтлэлийг уншаарай. Энэ нь ашигтай байх болно.

Уран зургийн галерей байгуулах

Програмчлалын хэлний мэдлэггүйгээр вэбсайтдаа энгийн бөгөөд зочдод ээлтэй урлагийн галерейг хэрхэн бий болгох вэ? Нэгдүгээрт, энэ нь бага зэрэг цаг хугацаа шаардах ёстой, хоёрдугаарт, юу ч үзэхэд саад болохгүй - энэ нь хяналтын товчлуур эсвэл бусад утгагүй зүйл юм. "Тэмдэглэлийн дэвтэр" програмыг нээцгээе, яг одоо эхнээс нь портфолио вэб хуудас - урлагийн галерейг хэрхэн үнэгүй үүсгэх талаар сурах болно.

- html кодын эхлэл ба төгсгөлийг хариуцна

- эдгээр шошго нь гарчгийг хариуцдаг

Онлайнаар нийтлэхээсээ өмнө зургийг шахаж ав. Үүнийг Photoshop ашиглан хийж болно. Зургаа нээгээд, файлыг сонго -> өөр хадгалах -> JPEG файлын төрлийг сонгоод файлын дундаж хэмжээг сонгоно. Эсвэл илүү сайн, файл -> вэб болон төхөөрөмжид хадгалах -> JPEG Hight.

Одоо бидэнд зураг байна. Та өөрийнхөө тухай мэдээллийг бичих хэрэгтэй - ямар чиглэлээр ажилладаг, ямар туршлагатай, ямар арга хэмжээнд оролцдог, бага зэрэг намтар гэх мэт. Эцэст нь бид үүнийг дараах байдлаар харагдуулахыг хүсч байна: зүүн талд бидний зураг байна. , баруун талд бидний тухай бага зэрэг байна.

Үүнийг хийхийн тулд зүүн нүдэнд зурагтай хүснэгт, баруун нүдэнд текст оруулна уу.

- хүснэгтийн эхлэл ба төгсгөл гэсэн үг

width="100%" - хүснэгтийн өргөн, энэ тохиолдолд дэлгэцийн өргөнийг бүхэлд нь дүүргэнэ.

border="1" - хүснэгтийн хүрээний өргөн

- шугам үүсгэх

- багана үүсгэх, энэ тохиолдолд нэг мөрөнд хоёр багана үүсгэнэ. Одоо ширээний зүүн талд зураг байрлуулцгаая. Үүний тулд үүсгэсэн файлаа аль нэг хавтсанд дараах байдлаар хадгалъя: file -> save as -> "index.html" гэсэн нэрийг оруулна - манай файл вэб хуудас хэлбэрээр хадгалагдсан. Хөтөч дээр сайтын нэрийг бичихдээ эхлээд index.html, дараа нь index.htm, index.php гэх мэт файлуудыг хайж олдог учраас энэ нь нэрийн индекстэй байх ёстой. Бидний үүнийг хадгалсан хавтас дотроос. файлын хувьд бид бүх зургийг хадгалах "зураг" хавтас үүсгэх болно. Бид "foto.jpg" зургийг энэ хавтсанд ("зураг") зөөнө. Бид хөтчийн дэлгэц дээр зургийг харуулдаг. зургийн гаралт гэсэн үг src="/images/foto.jpg" - зураг руу очих зам Одоо та хүснэгтийн баруун талд текстийг харуулах хэрэгтэй. Зураач Василий Пупкин Хадгалахаа бүү мартаарай. Програмистуудын нэг дүрэм бол: "Байнга хадгал." Одоо бид зохиолчийн тухай товч мэдээлэл бүхий хуудастай боллоо. Бид энэ хуудсанд зургийн цомог нэмэх болно. Энэ нийтлэлийн зорилго нь танд програмчлалын хэлний мэдлэггүйгээр вэб сайтыг хэрхэн бүтээхийг заах явдал юм - бид энгийн галерейг хэрэгжүүлэхийн тулд энгийн HTML ашиглан хийх болно. Доор хэлэлцэх энгийн аргыг хэрэглэсэн ч гэсэн та өөрийн багцад зориулж сайн галерей хийж болно. Зураач Василий Пупкин Миний намтар... - энд бид өөрсдийнхөө тухай бичвэр бичдэг... 1-р мөр 2-р мөр 3-р мөр Tag шинэ шугам гэсэн үг. Өөрөөр хэлбэл, энэ шошгоны дараах текстийг шинэ мөрөнд харуулах болно Cellpacing шинж чанар нь хүснэгтийн нүднүүдийн хоорондох зайг тодорхойлдог. Зураг, текстийг нийтлэг масс болгон нэгтгэхгүйн тулд бидэнд хэрэгтэй. "1-р мөр" гэсэн текстийн оронд та бидний анхны зургийг оруулах хэрэгтэй. Бид үүнийг аль хэдийн бэлтгэж, манай сайтын байрлах үндсэн хавтасны дүрсний хавтсанд байрлуулсан гэж найдаж байна. Үүнийг pic_1.jpg гэж нэрлэе Файлын нэрэнд хоосон зайг ашиглах боломжгүй тул бид "_" доогуур зураас буюу "-" хасах тэмдгийг заана. "1-р мөр" текстийг өөрчил Энэ илэрхийлэлд alt гэдэг нь альтернатив текст, өөрөөр хэлбэл сайтын зочны хөтөч дээр зургийн дэлгэцийг унтраасан тохиолдолд зургийн оронд гарч ирэх текст гэсэн үг юм. Гарчгийн шошго нь хулганыг зурган дээр аваачихад зөвлөмжийг харуулах үүрэгтэй. Та мөн зургийн доор зургийн нэрийг зааж өгч болно. Үүний тулд зургийн гаралтын шугамын дараа бид тавьдаг шинэ мөрөнд очиж "Байгалийн гэрэл зураг" текстийг бичнэ үү. Бид яагаад эдгээр бүх алхмуудыг хийснийг тайлбарлая: Хайлтын системүүд зураг хайхдаа зургийн тайлбар шошгыг ашигладаг. Хэрэв зургийн хажууд тухайн зургийн тайлбартай тохирох текст байгаа бол хайлтын систем нь тухайн зургийн тайлбарыг агуулсан хүсэлттэй холбоотой зургийг авч үзэх бөгөөд энэ нь сайтыг хайлтын системийн үр дүнгийн дээд хэсэгт сурталчлахад тусална. Нэмж дурдахад та зургийн хайлтын дээд хэсэгт орох боломжтой бөгөөд энэ нь нэмэлт урсгалыг татах болно. Сонирхолтой зөвлөгөө: вэбсайтынхаа хуудсан дээр дор хаяж гурван зургийг тайлбартай ашиглаарай. Зураг нь текстийн агуулгатай нийцэж байх ёстой. Орчин үеийн хайлтын системүүд нэлээд ухаалаг байдаг. Зургийн хайлтанд таны сайтын холбоос гарч ирэх тул хүмүүс үүнийг сонирхож, тан руу очих болно. Үүний ачаар та онлайн дэлгүүрт бүтээгдэхүүнийг сайн сурталчлах боломжтой. "Нил ягаан өнгийн хөргөгч" эсвэл "Полка цэгэн даашинз" эсвэл "хуримын цэцгийн баглаа" гэх мэт таны бүтээгдэхүүнийг олохын тулд хүмүүсийн ашиглах ёстой хайлтын түлхүүр үгсээс бүрдсэн зургийн дэлгэрэнгүй тайлбар. Чухал зөвлөгөө: сайтаа сурталчлахын тулд зураг хуулбарлах хамгаалалтыг ухаалгаар ашиглаарай. Зурган дээрээ "Усан тэмдэг" байрлуулах, зургийн эх сурвалжийн холбоосыг зурагтай харьцуулах эсвэл бусад ижил төстэй хамгаалалтаар хангах. Энэ нь зургийн зохиогчийн эрхийг баталгаажуулах боломжийг олгохоос гадна хүмүүс өөр газраас тухайн зургийн зохиогчийн холбоосыг харвал сайтын урсгалыг нэмэгдүүлэх болно. Текст засварлах ажил руугаа буцъя. HTML кодыг хадгалаад энэ бүхэн хөтөч дээр хэрхэн харагдахыг шалгацгаая. Одоо бид анхны зургийн маань зураг гарч ирснийг харж байна. height="" - пикселийн өндөр ба width="" - өргөнийг пикселээр илэрхийлнэ. Урьдчилан бэлтгэсэн өргөнийхээ өргөнийг байгаагаар нь зааж өгье. Бидний жишээн дээр зураг нь өргөн нь 300, өндөр нь 200 байх ёстой. Үүний дагуу бид дараахь зүйлийг зааж өгнө. Зураач Василий Пупкин Миний намтар... - энд бид өөрсдийнхөө тухай бичвэр бичдэг... Байгалийн гэрэл зураг 2-р мөр 3-р мөр Эдгээр хэмжээсийг өөрчилснөөр зураг хэрхэн өөрчлөгдөхийг харцгаая, тухайлбал, өргөнийг 300-аас 500 болгон өөрчлөх. Зураг нь өргөнөөр сунах болно. Эдгээр аргуудын ачаар - зургийн хэмжээг өөрчлөх, бид хөтчийн цонхонд том зургуудыг жижиг хэмжээтэй харуулах боломжтой. Хэрэв та нэг өнгийн талбай эсвэл градиент дэвсгэр хийх шаардлагатай бол жишээлбэл, 1 пикселийн өргөн, 20 өндөртэй зургийг width шинж чанарыг ашиглан хүссэн хэмжээгээр сунгаж болно. Үүнийг нэмэлт график оруулах шаардлагагүйгээр хуудас ачааллыг хурдасгахад ашиглаж болно. Одоо өөр зургуудыг кодтойгоо төстэй байдлаар оруулъя. Бид энгийн зургийн галерейтай болсон. Сайтын зочдод бидэнтэй холбогдохын тулд одоо харилцагчдаа нэмье. Имэйлийн холбоосыг ашиглацгаая. Имэйлд холбоос оруулахын тулд дараах кодыг бичнэ үү: Энэ имэйл хаягийг спамнаас хамгаалж байгаа бөгөөд үзэхийн тулд та JavaScript-г идэвхжүүлсэн байх ёстой. Энэ илэрхийлэлд холбоосын шошгыг нээнэ гэсэн үг, дараа нь href="/ " - холбоосын хаяг гарч ирнэ, гарчиг=" " шошго нь хулганаар линк дээр гүйлгэхэд гарч ирэх бичээсийг хэлнэ. Холбоос бүрт гарчгийг зааж өгөхөө мартуузай, үүний ачаар холбоосыг дурдаж буй хуудсууд хайлтын системд илүү их итгэлийг олж авах болно, өөрөөр хэлбэл хуудасны агуулга нь холбоосын тайлбартай тохирч, хайлтын систем нь хуудсуудыг үнэлдэг. Ийм утга учиртай холбоосуудаар илүү. Холбоо барих утасны дугаараа оруулъя. Үүний үр дүнд бид дараах кодыг авна. Зураач Василий Пупкин Миний намтар... - энд бид өөрсдийнхөө тухай бичвэр бичдэг... Байгалийн гэрэл зураг 2-р мөр 3-р мөр Энэ и-мэйл хаягийг спамнаас хамгаалж байгаа бөгөөд үзэхийн тулд JavaScript идэвхтэй байх шаардлагатай. Дуудлага: 77-888-999 Бид хадгалж, шалгана. Бид бүтээлээрээ энгийн нэг хуудас багцын вэб сайт хийсэн. Хүмүүс үүнийг харахын тулд бид үүнийг нийтлэх хэрэгтэй 2016-05-11 ӨмнөхТегераны бага хурал: бэлтгэл, зорилго, үр дүн 1943 оны Тегераны бага хурлын товч үр дүн ДараачийнИх тооны нэрс Зуу, мянга, сая, тэрбумын ялгаа юу вэ Холбогдох хэвлэлүүд Filemaker: хүний ​​царайтай мэдээллийн сан 2023-11-23 04:27:46 NSPortal - Сурган хүмүүжүүлэгчдийн нийгмийн сүлжээ Багш нарт зориулсан боловсролын портал манай сүлжээ 2023-11-23 04:27:46 Эмч, түргэн тусламж, яаралтай тусламжийг гэртээ хэрхэн дуудах вэ 2023-11-23 04:27:46 © Зохиогчийн эрх 2023, Компьютер эзэмших - Интернет. Skype. Олон нийтийн сүлжээ. Windows хичээлүүд