Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ

Агуулгын хүснэгт:

Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ
Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ

Видео: Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ

Видео: Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ
Видео: Часть 1. Теплая, красивая и удобная женская манишка на пуговицах. Вяжем на 2-х спицах. 2024, Гуравдугаар сар
Anonim

Вэб серфер сайтын хуудсан дээрээс харсан бүх зүйлийг вэб серверээс илгээсэн дэлгэрэнгүй мэдээлэл дээр үндэслэн хөтөч түүнд өгдөг. Энэ мэдээллийг хуудасны html-код гэж нэрлэдэг ба тус тусдаа элемент бүрийн харагдах байдал, байршлыг тодорхойлсон тусдаа зааварчилгаа - "хаягууд" -аас бүрддэг. Сайтын хуудсанд шинэ элемент (жишээлбэл, зураг) нэмэхийн тулд эх кодод нь харгалзах заавар (шошго) байрлуулах шаардлагатай.

Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ
Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ

Зааварчилгаа

1-р алхам

Агуулгын менежментийн системийг ашиглах боломж байгаа бол хуудасны засварлагчийг ашиглан хуудсан дээр зураг нэмнэ үү. Эхлээд хүссэн хуудсаа редакторт оруулаад визуал засварлах горим идэвхжсэн эсэхийг шалгаарай. Үүнийг заримдаа англиар товчлох WYSIWYG (Таны харж байгаа зүйл бол таны авах зүйл) гэж нэрлэдэг. Харааны горимд хуудас нь сайтынхтай ижил харагдаж байна. Та зураг оруулах шаардлагатай газраа хулганаар дараад редактор самбар дээрх "зураг оруулах" товчийг дарах хэрэгтэй.

Алхам 2

Сервер дээр байгаа жагсаалтаас зураг сонгоод дүрс оруулах харилцах цонхонд харааны засварлагчийг нээх болно. Хэрэв та үүнийг татаж аваагүй байгаа бол компьютер дээрх хүссэн файлыг хайх товчийг дарж ("Browse") олоод нээгээд "Байршуулах" (эсвэл "Татаж авах") товчийг дарна уу. Файлыг сервер рүү байршуулах процесс дуусахад зураг жагсаалтад нэмэгдэх бөгөөд та үүнийг бас сонгож болно.

Алхам 3

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

Алхам 4

Хэрэв та хяналтын системийн хуудасны редакторыг ашиглаж чадахгүй эсвэл визуал засварлах горимгүй бол шаардлагатай HTML хаягуудыг үүсгэж эх код дээр нэмэх шаардлагатай. Хамгийн энгийн сонголт нь иймэрхүү харагдаж магадгүй юм: Энд img нь tag-ийн нэр бөгөөд хөтөч үүнийг ашиглан зургийг энд харуулах ёстой гэсэн дүгнэлтэд ашигладаг. Src атрибут нь зургийн файлын хаяг, нэрийг агуулдаг. Хэрэв файлыг хуудастай ижил фолдерт байрлуулсан бол бүрэн URL оруулах шаардлагагүй болно. Та гарчгийн атрибут ашиглан цэс дээр гарч ирэх цонхыг нэмж оруулах боломжтой бөгөөд хилийн өргөнийг хилийн шинж чанар дотор зааж өгч болно: Шаардлагатай шинж чанаруудыг өөрийн утгуудаар сольж, гарчгийн гарчгийн HTML кодыг хуудасны эх үүсвэрт оруулна уу.. Үүнийг энгийн текст засварлагчаар сайтынхаа серверээс эх сурвалжийг татаж аваад буцааж байршуулах замаар хийж болно.

Алхам 5

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

Зөвлөмж болгож буй: