Веб-сайттың тақырыбына суретті қалай енгізу керек

Мазмұны:

Веб-сайттың тақырыбына суретті қалай енгізу керек
Веб-сайттың тақырыбына суретті қалай енгізу керек

Бейне: Веб-сайттың тақырыбына суретті қалай енгізу керек

Бейне: Веб-сайттың тақырыбына суретті қалай енгізу керек
Бейне: HTML сабақтары #9 - Сурет қоюдың жолдары 2024, Мамыр
Anonim

Дұрыс таңдалған сурет сайттың бағытын ең жақсы түрде сипаттайды, оған даралық береді. Сонымен қатар, адамдардың көпшілігі табиғатынан визуалды болып табылады, яғни графикалық сурет олар үшін әлдеқайда жақсы есте қалады.

Веб-сайттың тақырыбына суретті қалай енгізу керек
Веб-сайттың тақырыбына суретті қалай енгізу керек

Нұсқаулық

1-қадам

Егер сіз өзіңіздің сайтыңызды дайын шаблон негізінде құрып жатсаңыз, онда оның орнын басуға қарапайым ауыстыруды қолданып, сурет салуға болады. Ол үшін лайықты кескінді таңдап, оны стандартты иллюстрация атымен сақтау жеткілікті. Мұнда ең бастысы - өлшемдерді реттеу, әйтпесе сіздің суретіңіз ресурстар параметрлеріне сәйкес келмейді. Сіз бұны басқару жүйесі бар және Интернет желісі арқылы жіберілген дайын веб-сайтпен жасай аласыз.

2-қадам

Суретті редакциялау үшін Adobe Photoshop қолданған дұрыс. Бағдарламаның нұсқалары ағылшын тілінде болуы мүмкін екенін ескеріңіз және жұмыс ыңғайлы болу үшін сізге жарықшақ қажет болады. Оны Интернеттен тегін жүктеуге болады.

3-қадам

Ауыстырғыңыз келетін суретті графикалық редактордан ашып, мәзірден «Сурет» - «Сурет өлшемі» тармағын таңдаңыз. Есіңізде болсын немесе мәндерді пиксельмен жақсы жазыңыз. Сіз суретті жаба аласыз - енді сізге қажет болмайды.

4-қадам

«Файл» мәзірінде «Жаңа» таңдаңыз, содан кейін сіздің алдыңызда форма ашылады. Оған кескін өлшемінің жазылған мәндерін енгізіп, «ОК» батырмасын басыңыз. Сонымен қатар, сіз басқа параметрлерді, мысалы, қабаттың атын немесе фондық мазмұн түрін орната аласыз, бірақ олар негізгі емес.

5-қадам

Жаңа қабат жасаңыз («Қабат» - «Жаңа»).

6-қадам

Бағдарламада сайттың тақырыбында көргіңіз келетін суретті ашыңыз («Файл» - «Ашу»).

7-қадам

Құралдар тақтасында «Тік бұрышты аймақ» белгішесін таңдаңыз, оны суретті таңдау үшін пайдаланыңыз.

8-қадам

«Өңдеу» мәзіріндегі «Көшіру» командасын қолданыңыз және кескінді дайындалған пішіннің жаңа қабатына қойыңыз («Өңдеу» - «Қою»). Жылжыту құралын таңдап, суретті қажетінше жылжытыңыз.

9-қадам

Егер суреттің өлшемі үлкен немесе кіші болып шықса, онда оны «Кескін» мәзіріндегі командалар көмегімен түзетуге болады. Кез-келген жағдайда, негізгі суреттің параметрлері талап етілетіндермен сирек сәйкес келеді, сондықтан әрқашан дерлік бос орын бар. Оны толтыру керек, бұл үшін «Фонды» қолданған дұрыс. Мысалы, сіз бір түсті бояумен толтыра аласыз немесе «Градиент» құралын қолдана аласыз, содан кейін «dodge / darken», «Finger», «Sponges» және т.б.

10-қадам

HTML тілінде сурет салуға арналған арнайы тег бар

әртүрлі атрибуттармен:

• src - сурет адресі;

• биіктігі - биіктігі пиксельде;

• ені - ені px;

• шекара - пиксельдегі шекара;

• alt - сурет қабылдау функциясы өшірілген кезде пайдаланушыларға көрсетілетін суреттің түсіндірмесі.

Мысалға,. Кері тег қажет емес.

Ұсынылған: