Одоо дараагийн бүлгийн хэрэгслийг авч үзье.

Бөглөх хэрэгслүүд

Бөглөх. Энэ хэрэгсэл дээр товшоод хулганы зүүн товчийг удаан дарвал сонгох цэс нээгдэнэ: градиент ба дүүргэ.

Эндээс та хэрэгтэй зүйлээ сонгож болно.

Хувин - дүрсийг (сонголтыг) өнгө эсвэл бүтэцээр дүүргэдэг.

Тиймээс дүүргэхийн тулд бид дараах параметрүүдийг агуулна.

Бөглөх (бөглөх) - "будаг" болгон юу ашиглахыг тодорхойлдог: урд талын өнгө (урд талын өнгө) нь үндсэн өнгөөр, хээ (загвар - хээ) зарим хээгээр дүүргэнэ.

Загвар (загвар) - бөглөх загвар.

Горим (горим) - пикселийг давхарлах арга, олон утгууд байдаг бөгөөд шаардлагатай үед авч үзэх болно.

Тунгалаг байдал (тунгалаг байдал) - дүүргэлтийн ил тод байдлын түвшинг тодорхойлно.

Хүлцэл - дүүргэх өнгөний хүрээ.

Anti-Aliasing checkbox нь шилжилтийн ирмэгийг зөөлрүүлэх гэсэн үг юм.

Практик дээр туршиж үзье:

Бөглөх хэрэгслийг авч (хувин дээр дарж), өмнөх алхамд хийсэн сонголтын дотор шилжүүлж, хулганыг дарна уу. Бидний сонголтыг урд талын өнгөөр ​​(анхдагчаар хар) будна.

Одоо сонголтын талбараас: Fill -> Pattern, Pattern -> дуртай зүйлээ сонгоно уу.

Сонголт дотор хувингаа дахин оруулаад товшино уу. Одоо энэ нь загвараар дүүрсэн бөгөөд дараах байдалтай байна.

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

Градиент. Хоёр буюу түүнээс дээш өнгөний хооронд жигд шилжилтийг бий болгоно.

Сонголтуудын самбарыг авч үзье:

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

Градиентын төрлийг тодорхойлно (зүүнээс баруун тийш - шугаман, радиаль, өнцөгт, тусгал, алмааз хэлбэртэй).

Урвуу эргүүлэх (урвуу) - тэмдэглэгээ нь градиентийг геометрээр эргүүлэхийг заана.

Dither (depth - dither) - тэмдэглэгээ нь сегментчлэлийг багасгахын тулд жигд байгааг илтгэнэ.

Ил тод байдал - тэмдэглэгээ нь ил тод байдлыг ашиглахыг илтгэнэ.

Практик дээр туршиж үзье:

Шинэ файл үүсгээд, Тэгш өнцөгт сонгох хэрэглүүрийг аваад тэгш өнцөгт хэлбэрээр сунгаж, дараа нь хэрэгслийн самбар дээрх градиент дүрс дээр дарж, сонголтын мөрөнд сум дээр товшоод дуртай градиентаа сонгоод баруун талд нь сонгоно уу. градиентийн төрөл (ямар ч).

Нээгдэх градиент сонгох цонхны эхний хоёр квадратад анхаарлаа хандуулаарай. Тэд таны тохируулсан өнгийг урд болон дэвсгэр өнгө болгон ашигладаг (хэрэгслийн мөрний доод талд байгаа өнгөт квадратууд). Эхний градиент нь жигд шилжилтүндсэн өнгөнөөс арын дэвсгэр рүү, хоёр дахь нь үндсэн өнгөнөөс ил тод байдал хүртэл.

Одоо хулганы курсорыг сонгосон хэсгийн зүүн талын голд аваачиж, хулганы зүүн товчийг дарж, суллахгүйгээр мөрийг баруун талын дунд хүртэл чирнэ үү (Зураг 1).
Одоо градиент шугамыг диагональ байдлаар сунгана (Зураг 2)
Тэгээд одоо дээрээс доош (Зураг 3)

Ялгааг нь харж, янз бүрийн градиент, хэв маягийг туршиж үзээрэй.

Зургийг хадгалж байна

Бидний хичээл дуусч байна, зөвхөн шилдэг бүтээлээ хэрхэн аврах талаар сурахад л үлдлээ.

Файл (Файл) цэсийн зүйл дээр дарж, унадаг цэснээс та ердийн зүйлийг харах болно - Save As (Save As) - болон шинэ зүйл - Web for Save (Save for Web). Аль нь юунд зориулагдсан болохыг олж мэдье.

Хэрэв та зураг дээр ажиллаж байгаа бөгөөд үүнийг цаашид өөрчлөхийг хүсвэл цэсийн зүйлийг сонгох хэрэгтэй - Save As (Save As)

Хаана хадгалах, ямар нэр өгөх нь таны хувийн бизнес боловч формат нь * .PSD; * .PDD байх болно. Энэ форматаар таны бүх тохиргоо хадгалагдана (бидэнд хараахан байхгүй, гэхдээ дараа нь харагдах болно). Тиймээс зургийг бүхэлд нь хадгалахгүй, харин түүний хэсгүүдийг хадгалдаг бөгөөд та хүссэн үедээ өөрчлөх боломжтой.

Хэрэв таны зураг бэлэн бол цэсийн зүйлийг сонгоно уу - Вэбд хадгалах (Вэбд хадгалах). Зургийг вэбд тохируулан хадгалах болно (жишээ нь чанар/файлын хэмжээг хамгийн сайн хослуулсан). Нээлттэй хадгалах цонхыг илүү нарийвчлан авч үзэх хэрэгтэй.

Дээд талын дөрвөн таб нь зургийн сонголтыг санал болгодог:

Жинхэнэ (эх) - зураг байгаагаар нь. Ер нь вэбэд тохирохгүй том хэмжээтэй файл.
Оновчтой (оновчтой) - програмын үүднээс чанар, файлын хэмжээ хоёрын оновчтой харьцаа.
2-дээш, 4-дээш - тус тус зургийн хоёр ба дөрвөн хувилбарыг зэрэгцүүлэн, тус бүрийн доод хэсэгт хэмжээг зааж өгсөн болно. Та өөрт хамгийн тохиромжтойг нь сонгож болно.

Нэмэлт тохиргоог энэ цонхны баруун дээд буланд тохируулсан:

Энд та хадгалсан зургийн форматыг сонгож болно. Ерөнхий зөвлөмжүүд - ашиглах JPEG форматуудНарийхан бодит өнгөний шилжилттэй зургуудад зориулсан PNG, gif формат- тодосгогч, бага өнгөтэй зураг зурахад. Дашрамд хэлэхэд энэ хуудсан дээрх бүх зургууд GIF форматтай байна.

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

Тиймээс өөрийн бодлоор хамгийн оновчтой зургийг сонгоод Save товчийг дарна уу. Аль хэдийн танил болсон хадгалах цонх нээгдэх бөгөөд та хавтас (хаана хадгалах) болон Файлын нэрийг зааж өгөх ёстой, үлдсэн хэсэг нь аль хэдийн бичигдсэн байх болно, Хадгалах товчийг дахин дарна уу. Вэбд зориулсан зураг бэлэн боллоо.

Ингэснээр эхний хичээл дуусна. Та шинэ файл үүсгэж, хэсгүүдийг сонгож, дүүргэж сурсан янз бүрийн арга замууд(өнгө, хэв маяг, градиент), мөн зургийг хүссэн форматаар хадгалах.

Эдгээр ур чадварыг бататгахын тулд туршилт хийх (өөр өөр хэлбэрийн талбайг үүсгэж, янз бүрийн аргаар дүүргэх).

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

Би сайтыг байршуулах (байршуулах) талаар танд хэлэх болно. Мөн би хоёр зааврыг нийтлэх болно:
- ШУУРХАЙ ЛАВЛАГА - төөрөлдсөн хүмүүст зүгээр л зөвлөгөө хэрэгтэй;
- ДЭЛГЭРЭНГҮЙ ЗААВАР - танканд байгаа, юу ч ойлгодоггүй хүмүүст зориулагдсан. Бид бүгд ийм байсан - энэ бол хэвийн зүйл. Би линк, зураг зэрэг бүх зүйлийг нийтэлсэн. Эрүүл мэндэд хэрэглээрэй!

Вэбсайтыг хэрхэн байршуулах талаар товч мэдээлэл

Шуурхай бөгөөд цэг нь:
1) Хостинг худалдаж авах (). Байна туршилтын хугацаа(миний бодлоор 5 хоног), дашрамд хэлэхэд сайт, хуудсуудыг байршуулах дасгал хий. Худалдан авалт хийснээр та гурван параметрийг авах болно: Хост, нэвтрэх, нууц үг. Тэдгээрийг холбох, татаж авахад ашигладаг.
2) FTP клиент (програм) татаж авах. Хамгийн алдартай бөгөөд тохиромжтой нь FileZilla юм. Гүй. Тиймээ, хэрэв FileZilla суулгаагүй бол (энэ нь эртний компьютер, нэтбүүк дээр тохиолддог) оролдоод үзээрэй Нийт командлагч. Үйл ажиллагааны зарчим нь адилхан боловч DOS интерфейс. Тиймээс бүх зүйл ижил байна.
3) Дээд талбарт оруулна уу: Хост (эсвэл сервер), хэрэглэгчийн нэр (эсвэл нэвтрэх) болон нууц үг. Хостинг худалдаж авахдаа тэдгээрийг хост илгээдэг. Цахим шуудан харна уу.
4) ЗҮҮН ХЭСЭГ нь хөтөч болон компьютерт байгаа хавтаснуудын агуулгыг харуулдаг. БАРУУН ХЭСЭГ нь хөтөч болон хостинг дээрх фолдеруудын агуулгыг харуулдаг. Таныг холбогдсон тухай мессеж гарч ирэх бөгөөд баруун талд байгаа цонхонд сайтын (домайн) нэртэй хавтас гарч ирнэ.
5) Зүүн талд, хостинг руу файл байршуулах хавтсыг нээнэ үү. Баруун талд байрлах сайтын нэр бүхий хавтас руу очно уу, жишээ нь "mysite.com". Дараа нь "www" хавтас.
6) Зүүн талд байршуулах файлаа сонгоод хулганы баруун товчийг дараад "Сервер рүү байршуулах" дээр дарна уу. Баяр хүргэе, та хуудсыг интернетэд байршуулсан байна! Одоо та хөтөч дээр хэрхэн харагдахыг шалгаж болно.

ЖИЧ:

ЧУХАЛ №1: Сайтын үндсэн хавтас - "www". Үүнд - САЙТЫН ҮНДСЭН ХУУДАС, өөрөөр хэлбэл index.html эсвэл index.php файл байх ёстой. Хэрэв байгаа бол бусад файл, фолдерууд.

ЧУХАЛ №2: Дараа нь байршуулахдаа файлаа аль фолдерт байршуулж байгаагаа анхаараарай! Жишээ нь, хэрэв та зургийн хавтсанд зураг байршуулахыг хүсвэл энэ нь байршуулагч талаас нээлттэй байгаа эсэхийг шалгаарай!

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

Вэбсайтыг хэрхэн байршуулах талаар ДЭЛГЭРЭНГҮЙ ЗААВАР

Юу ч ойлгоогүй хүмүүст зориулж бүх нарийн ширийн зүйл, зураг, тайлбар, дэлгэцийн агшин!
Тиймээс охидод зориулсан зааварчилгаа (шаргал үст, brunettes, улаан үстэй, учир нь dreadlocks, цэнхэр үстэй бүсгүйчүүд үүнийг яаж хийхийг аль хэдийн мэддэг).
Хонгорууд минь, би хэнийг ч гомдоохыг хүсээгүй, гэхдээ тэмдэглэл бүхий эхний өгүүлбэр бүх эрчүүдийг устгасан: Р. Юу чухал вэ!
Саяхан би дизайны онлайн сургалтанд хамрагдсан хүмүүс хостинг руу хэрхэн сайт байршуулахаа мэдэхгүй байгаатай хэд хэдэн удаа таарч байсан.
Нэгэн цагт интернетэд сайт ачаалах нь миний хувьд бас л оньсого мэт байсан... Гэхдээ нэг удаа оролдоод үзэхэд байдал улам тодорхой болдог.
Энэ сайт нь үнэндээ HTML формат, заримдаа PHP * болон скриптүүд (кодын хэлбэрээр програм хангамж) -аар байрлуулж болох файлуудтай хавтас юм.

Анхдагч байдлаар бид нөхцөл байдлыг авч үздэг:
- ТАНД БЭЛЭН вэб сайт байгаа, дөнгөж сая ажиллаж байна гэрийн компьютермөн Интернет дээр биш.
- Та үүнд зориулж домэйн, магадгүй хостинг худалдаж авсан. (- гэхдээ та ямар ч оффисыг сонгож болно. Интернетэд сайтуудыг байрлуулах зарчим нь хаа сайгүй ижил байдаг).

Эндээс тайлбар авахаар зогсооё.
Сайт дараах байдлаар харагдаж болно.
1. index.html (эсвэл index.php) - сайтын үндсэн хуудас (нэрийн индексийг сайтын үндсэн хуудас болон Интернэт дэх бүх сайт дээр анхдагчаар дурын хавтсанд өгдөг)
2. index.css - хуудасны хэв маягийг заасан файл (субстратын өнгө, цонхны хэмжээ, фонт)
3. зургийн хавтас - хуудасны дизайнд зориулсан зургууд
4. page1.html (эсвэл page1.php) - сайтын аль ч хуудас, гэхдээ үндсэн хуудас биш
5. page2.html (эсвэл page2.php) - сайтын аль ч хуудас, гэхдээ үндсэн хуудас биш
6. page3.html (эсвэл page3.php) - сайтын аль ч хуудас, гэхдээ үндсэн хуудас биш
Энэ нь дараах байдалтай байна гэж бодъё.

САНААРАЙ! ТА ХӨТӨЛБӨРЧИЙН ӨГСӨН ХАВТРУУДЫГ ДҮҮРҮҮЛ! Бид энэ багцыг жишээ болгон авдаг.

Тэгэхээр та аль хэдийн худалдаж авсан байна домэйн ба хостинг. Ихэнхдээ тэдгээрийг ижил нөхдүүд интернетээр зардаг (хостерууд). Гэхдээ та бусдаас худалдаж авч болно. Би хувьдаа Ukraine.com.ua компанид дуртай - тэд хямд домэйн нэртэй + сайн техникийн дэмжлэг, энэ нь хостинг ажиллуулахтай холбоотой асуулт гарч ирэхэд чухал юм.

Домэйн гэдэг нь интернет дэх сайтын нэр, жишээ нь: mysite.com, http://freetravel.com.ua, ukr.net.
Хостинг бол нэг юм HDD»Интернет дээр таны файл бүхий хавтас байрлах бөгөөд бүх интернет хэрэглэгчдэд өдрийн цагаар ашиглах боломжтой болно.

Тиймээс та өөрөө худалдаж аваарай Домэйн нэр. Энэ нь танд хоёр өдрийн турш хуваарилагдсан. Дараа нь та Ukraine.com.ua сайтаас хостинг худалдаж аваарай. Дашрамд хэлэхэд тэдэнд 5 хоног байна үнэгүй ашиглаххостинг - туршилтанд, бага зэрэг.

Хэрэв та аль хэдийн хостинг худалдаж авсан бол хостинг ашиглах серверийн нэр, нэвтрэх нэр, нууц үг бүхий имэйлийг хүлээн авах болно.
FTP***-ээр нэвтрэхийн тулд дараах мэдээллийг ашиглана уу:
Сервер: mysite.ftp.ukraine.com.ua
Нэвтрэх: mysite_ftp
Нууц үг: A0a0A0A

Эдгээр нууц үгийг байршуулах сайт дээр ашигладаггүй, харин FTP үйлчлүүлэгчдэд (сайтыг байршуулах боломжийг олгодог програмууд, гэхдээ үнэн хэрэгтээ Интернетэд).
Гол хоёр:
FileZilla - БИ ЗӨВЛӨЖ БАЙНА!
Total Commander - хэрэв таны компьютер түлээ бөгөөд FileZilla суулгаагүй бол хэрэглэнэ.

FileZilla програмыг татаж аваад нууц үгээ оруулаад холбогдоно уу.
Вэбсайтыг хэрхэн байршуулах талаар алхам алхмаар.
FileZilla-ээр дамжуулан хостинг руу файл байршуулах:


Баруун талд байгаа талбарт таны домэйн хавтасны харагдах байдал таныг холбогдсон гэдгийг харуулж байна.


Баруун талд таны домэйн бүхий хавтас гарч ирэв. Түүн рүү, дараа нь www хавтас руу оч!

Индекс файл (сайтын үндсэн хуудас) www(!!!) хавтсанд байх ёстой. Үүнийг бөглөхийн тулд та баруун талд байгаа www хавтсыг нээх хэрэгтэй! Дараа нь хулганы баруун товчийг дарна уу хүссэн файл"Сервер рүү байршуулах" гэснийг сонгоно уу.


Хоёр талын хавтаснууд яг таарч байх нь чухал. Хэрэв та зургийн хавтсанд шинэ зураг нэмэхийг хүсвэл FileZilla-д зургийн хавтас хоёр талдаа нээлттэй байх ёстой.

FileZilla-ээр дамжуулан файл байршуулсны дараа та хөтөч дээрээ хаягаа оруулаад л интернетээр бүх зүйлийг шалгах боломжтой. Бүх зүйл ажиллах ёстой. Хэрэв ямар нэг зүйл харагдахгүй бол та үүнийг байршуулаагүй гэсэн үг! Онлайнаар байршуулсан файлуудыг шалгахаа мартуузай.

Сайтыг сервер дээр ачаалахад асуудлыг шийдэж байна.

Хэрэв холболт хийгээгүй бол асуудал динамик IP-д байж болно. Гар утас эсвэл бусад хүмүүсийн интернетийг ашигладаг хүмүүст хамаатай.
Украйныг байршуулах нь хэрэглэгчиддээ зориулж байгаа нь баримт юм нэмэлт хамгаалалттаны интернетийн IP-ээр. Хэрэв энэ нь өөрчлөгдсөн бол Ukraine.com.ua вэбсайт дээр мөн өөрчлөх шаардлагатай хувийн дансАЮУЛГҮЙ БАЙДАЛ хэсэгт. Үнэндээ энэ бол миний хостинг хийх дуртай бас нэг шалтгаан юм, учир нь сайт руу орохын тулд SMS кодоор дамжуулан таних шаардлагатай. Энэ нь миний сайт руу хэн ч орохгүй гэсэн үг))).
Бүртгэгдсэн IP хэрхэн өөрчлөх вэ!
Нэвтрэх. Бид хостинг дээрх хувийн хяналтын самбар руу очно.

Аюулгүй байдлын хэсэг рүү очно уу

Цагаан дэвсгэрийн зүүн талд өөрчлөлт хийх боломжтой IP-ууд, баруун талд таны одоогийн IP байна:

Хэрэв тэдгээр нь таарахгүй бол цагаан талбарт нэмнэ үү:

Харагдах ёстой:

Одоо та тусламжтайгаар сайтаа байршуулах боломжтой FileZilla програмууд(эсвэл Total Commander). Дарааллыг дээр жагсаав.

Дашрамд хэлэхэд, Total Commander нь filezilla-тай адилхан хэрэглэгддэг боловч арай өөр интерфейстэй (dos-д суурилсан, бага зэрэг зүйл). Гэхдээ зарчмын хувьд сайтын эзэн "даам хэрэггүй, харин яваарай", өөрөөр хэлбэл хуудсыг интернетэд байршуулах хэрэгтэй!

________________________________________ ____
Лавлагаа:
*HTML эсвэл PHP форматууд. Файлууд нь харгалзах өргөтгөлтэй байна: index.html эсвэл index.php Хэрэв та индексийн хуудсыг хөтчөөр нээж чадвал энэ нь HTML юм :) PHP файлуудзөвхөн сервер дээр нээх боломжтой (вэб хостинг эсвэл локал сервер, ажиллаж байгаа компьютер дээр суулгасан - гэхдээ хэрэв та хөгжүүлэгч биш бол танд хэрэггүй).
** Агуулгын удирдлагын системийг тухайн хуудсанд код бичих боломжгүй (эсвэл хүсэхгүй байгаа) хэрэглэгчид ашигладаг. Үнэн хэрэгтээ энэ нь зүгээр л хэрэглэгчдэд ээлтэй интерфэйсийг ашиглаж байна.
*** FTP (File Transfer Protocol - файл дамжуулах протокол). Сайтыг байршуулах нь хэн нэгний компьютерт байршуулахтай адил юм. Хэн хэнд ч үүнийг хийхийг зөвшөөрөх юм. Үүнийг хийхийн тулд FTP ашиглана уу - энэ нь танд тодорхой файлуудыг тодорхой газар байршуулах боломжийг олгодог, тэгээд л болоо.

Би энэ бүгдийг жинсэн өмдний зургийн жишээгээр харуулах болно.

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

дарна уу ctrl+cзургийн хэсгийг хуулах. Дараа нь шинэ баримт бичгийг үүсгэ Файл > Шинэ...Энэ тохиолдолд, хэрэв та зургийн хэсгийг хуулсан бол програм нь энэ фрагментийн хэмжээсийг шинэ баримт бичигт автоматаар орлуулах болно.

Хуулсан зургийг дарж буулгана уу ctrl+v.

Тиймээс энэ нь хэв маягийг бий болгох хоосон зай юм. Хэрэв бид үүнийг одоо үүсгэх юм бол 331x331px-ээс том хэмжээтэй зургийг бөглөхөд давхаргууд (холбох цэгүүд) харагдах болно. Ойлгохгүй байгаа хүмүүст би жишээ үзүүлье.

Тодруулсан хэсгүүдэд анхаарлаа хандуулаарай. Ийм оёдол нь цутгах үед хээ нь зүүн дээд булан, баруун захаас зүүн тийш, доороос дээшээ эхлээд бие биетэйгээ нийлдэгтэй холбоотой юм. Мөн зургуудын бүх ирмэгээс хол, өгзөгөөс өгзөгтэй хослуулсан байдаг. Шүүлтүүр нь энэ асуудлыг шийдэх болно. Шүүлтүүр > Бусад > Офсет...

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

Би хэрэгслийг ашигласан Толбо эдгээх сойз хэрэгсэл. Би зүгээр л үүнийг сонгож, давхаргын дагуу хоёр удаа гүйв: дээш, доош. Юу болсныг энд харуулав.

Одоо бүтээцгээе загвар. Үүнийг хийхийн тулд яв Засварлах > Devine Pattern...мөн загварын нэрийг оруулна уу.

Бүгд! Одоо бид юу авснаа шалгацгаая. Ямар ч хэмжээтэй шинэ баримт үүсгэх. Бөглөх хэрэгслийг сонгоно уу Будаг хувин хэрэгсэл, тохиргоонд бид өнгөөр ​​биш хээгээр дүүргэхийг зааж өгөөд шинээр үүсгэсэн хээг сонгоно уу.

Зургаа оруулаад аваарай

Суулгах процессыг үргэлжлүүлэхийн өмнө та тохирох загварыг олох хэрэгтэй. Би зөвхөн итгэмжлэгдсэн эх сурвалжийн загваруудыг ашиглахыг зөвлөж байна, тухайлбал: uCoz-ийн албан ёсны дэлгүүр эсвэл энэ чиглэлээр мэргэшсэн сайтууд.

Энэ тохиолдолд та загварын чанар, түүний гүйцэтгэлд итгэлтэй байж болно. Мэдээжийн хэрэг, та google-ээр хайж эсвэл янз бүрийн warez ашиглаж болно - гэхдээ ихэнхдээ тэдгээр нь урагдсан, ажиллахгүй загвар, эсвэл вирустай илүү муу файлуудтай тааралддаг. Тиймээс, эх сурвалжийг сонгох асуудалд нухацтай хандах хэрэгтэй, учир нь зөвхөн үйл ажиллагааны амжилт төдийгүй таны сайтын аюулгүй байдал үүнээс хамаарна. Энэ нийтлэлд би uTemplate.pro сайтаас үнэгүй DesktopChaos загварыг суулгах болно.

Загварын файлыг татаж байна

Тиймээс архивыг загвараар татаж авна уу:

Архив дотор хэд хэдэн дэд хавтас байдаг:

• зураг бүхий хавтас (зураг, img);
• скрипт бүхий хавтас (js);
• загварын хавтас (css);
• Глобал блок, Мэдээлэгч гэх мэт код бүхий хавтаснууд.

Мөн архивт дүрмээр бол:

• instruction.txt (ReadMe.txt) - Би танд үүнийг уншихыг зөвлөж байна;
• загвар зохион бүтээгч.txt (tmpl.txt) - нийтлэг кодхүрээ;
• stylesheet.txt (css.txt, style.txt) - загварын багц бүхий файл;
• төрлийн материал.txt - материалын төрлийн кодыг агуулсан;
• гэх мэт. текст файлуудшаардлагатай кодуудтай бүрэн суурилуулалтзагвар.

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

Одоогийн загварын нөөц хуулбарыг хийж байна

Шинэ загвар суулгахаасаа өмнө одоогийн загвараа нөөцлөхийг зөвлөж байна (ямар ч тохиолдолд)

Үүнийг хийхийн тулд сайтынхаа "Хяналтын самбар" руу очно уу - "Дизайн" - " Нөөцзагварууд":

Баруун дээд буланд байрлах "Create" товчийг дарна уу нөөцлөх", үүний дараа та гарч ирэхийг харах болно нөөц архив"1372338464.zip" шиг таны одоогийн загвартай, хаалтанд үүсгэсэн огноотой:

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

uCoz дээр загвар суулгах алхам алхмаар зааварчилгаа:

Загварыг уг загвартай архивт байгаа зааврын дагуу суулгана. Энэ нийтлэлийн хүрээнд би хэлсэнчлэн загвар суулгацыг харуулах болно Ширээний эмх замбараагүй байдал.

1-р алхам.

Зургийн хавтсыг манай серверт байршуулна уу.Үүнийг хоёр аргаар хийж болно.

Эхний арга - FileZilla гэх мэт FTP клиентээр дамжуулан. Хөтөлбөрийг татаж аваад суулгана уу: http://filezilla.ru/get/.

Үүний дараа хяналтын самбарын үндсэн хуудсан дээр товшоод шинэ нууц үгээ тохируулна уу.

Үүний дараа FileZilla ftp менежерийг нээж, хамгийн дээд хэсэгт хост, хэрэглэгчийн нэр, нууц үгээ оруулаад "Хурдан холболт" дээр дарна уу.

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

Хэрэв та маш олон зураг эсвэл бусад файл байршуулах шаардлагатай бол энэ аргыг ашиглахад тохиромжтой.

Хоёр дахь арга зам - дамжуулан зураг байршуулах Файл менежер . Руу явцгаая нүүр хуудас PU болон "Файл менежер" дээр дарна уу:

Баруун дээд буланд байрлах Хавтас үүсгэх дээр товшоод, зургийн нэрийг оруулаад Enter дарна уу:

Энэ хавтас руу орцгооё. Түүнд зураг байршуулахын тулд "Файл сонгох" дээр дарж, зургаа сонгоод "Файл байршуулах" дээр дарна уу. Та ногоон нэмэх тэмдэг бүхий хэд хэдэн файлд талбар нэмж болно.

Тиймээс бид зургийн хавтаснаас бүх зургийг серверт байршуулдаг.

Алхам-2.

Тагийн утгыг (шаардлагатай бол) тохируулна уу . "PU (Хяналтын самбар)" - "Тохиргоо" руу очно уу. Ерөнхий Тохиргоо" гэж бичээд тохирох талбарт кодыг оруулна уу:

Алхам-3.

Загварын хуудсыг суулгаж байна.Үүнийг хийхийн тулд бид архиваас "Style sheet.txt" файлыг олж, бүх кодыг нээж, хуулж (Ctrl + A, Ctrl + C) "PU" - "Дизайн" дээр хуучин кодын оронд буулгана. " - "Дизайн менежмент (CSS) )" - "Загварын хуудас (CSS)":

Алхам-4.

"Загвар үүсгэгч" файлаас кодыг суулгана уу."Template Builder.txt" архиваас файлыг нээж, бүх агуулгыг хуулж аваад "PU" - "Дизайн" - "Загвар бүтээгч" хэсэгт буулгаж, "Загвар үүсгэх" товчийг дарна уу:

Алхам-5.

Одоо ижил төстэй байдлаар "Материалын төрөл.txt" файлын агуулгыг шилжүүлэхмодулийн материал хэлбэрээр: "Сайтын мэдээ", "Блог", "Файлын каталог", "Өгүүллийн каталог". "PU" - "Дизайн" - "Дизайн менежмент (загварууд)" руу очно уу:

"Сэтгэгдэл харах.txt" файлын кодыг "Сэтгэгдэл" - "Сэтгэгдэл харах" руу хуулсан байна.

Алхам-6.

Глобал блок үүсгэх."PU" - "Дизайн" - "Дизайн удирдлага (загварууд)" - "Глобал блокууд" руу очно уу:

Баруун дээд буланд байгаа "Блок нэмэх" дээр дарж гарч ирэх талбарт INFO блокийн нэрийг бичээд "Нэмэх" дээр дарна уу.

Архив дахь "Глобал блок" хавтсыг олоод "INFO.txt" файлыг нээж, файлын агуулгыг хуулж, шинээр үүсгэсэн INFO глобал блок руу буулгаж, хадгална уу:

Алхам-7.

Шаардлагатай утгыг тохируулна уу:

• Мэдээлэгчийн нэр: Сүүлийн мэдээ;
• Хэсэг: Сайтын мэдээ ("Блог" эсвэл "Файлын каталог" эсвэл "Өгүүллийн каталог");
• Өгөгдлийн төрөл: Материал;
• Ангилах арга: Материалыг нэмсэн огноо D;
• Материалын тоо: 5;
• Баганын тоо: 1.

"Create" дээр дарна уу.

Үүний дараа бидний үүсгэсэн мэдээлэгчтэй блок бага зэрэг доогуур гарч ирэх бөгөөд баруун талд нь дүрсүүд гарч ирэх бөгөөд тэдгээрийн эхнийх нь "Мэдээлэгчийн дизайны менежмент" -ийг сонгоод "Мэдээлэгч" хэсгээс "Сүүлийн мэдээ" файлын агуулгыг буулгана. гарч ирэх цонхонд хавтсанд хадгална уу:

Энэ мэдээлэгчийн код $MYINF_1$Бидний өмнө нь үүсгэсэн глобал блок руу оруулна уу МЭДЭЭЛЭЛ.

Форумын мэдээлэгч нь үүнтэй төстэй байдлаар бүтээгдсэн.

Ингэснээр DesktopChaos загварыг суулгаж дуусгана.

Дашрамд хэлэхэд, хэрэв та өөрийн сайт дээр шинэ загвар хэрхэн суулгахаа олж хараагүй бол албан ёсны uTemplate.pro дэлгүүрт загвар суулгах үйлчилгээг захиалж болно.