Сайттың беттерінен кірушілердің бәрін шолушы сервер жіберген егжей-тегжейлі нұсқаулар негізінде көрсетеді. Бұл нұсқаулар парақтың html-коды деп аталады және әр элементтің түрін, сыртқы түрін және орналасуын жеке сипаттайтын бөлек «тегтерден» тұрады. Параққа кез-келген жаңа элементті (мысалы, кескін) орналастыру үшін оның бастапқы кодына сәйкес нұсқау - тег қосу керек. Мұны істеудің ең қарапайым әдісін қарастырыңыз.
Нұсқаулық
1-қадам
Егер сіз кез-келген мазмұнды басқару жүйесін қолданатын болсаңыз, онда оған бет редакторы кіруі әбден мүмкін. Алдымен сізге осы редактордан қажетті бетті ашу керек. Одан әрі - нұсқалар мүмкін. Ең жақсы жағдайда, бет редакторында «визуалды режим» болады, басқаша айтқанда - «WYSIWYG режимі» (Сіз не көресіз, не аласыз - «не көресіз, соны аласыз»). Бұл режимде сізге html-кодтың түпнұсқасымен жұмыс істеудің қажеті жоқ! Редактордағы парақ сайттағыдай болады, тінтуірді қажетті жерде тықырлап, редактор тақтасындағы «сурет салу» батырмасын басу жеткілікті.
2-қадам
Нәтижесінде қажетті суретті таңдау керек болатын диалогтық терезе ашылады. Егер сіз оны әлі жүктемеген болсаңыз, компьютерде кескінді таңдау және оны серверге жүктеу батырмасы бар. Сонымен қатар, бұл диалог терезесінде кескіннің айналасындағы жақтаудың түсі мен енін, рамка мен кескіннің арасындағы толтырудың арақашықтығы мен түсін, құралдың мәтінін орнатуға болады. Мұнда өлшемдерді көрсету қажет емес, бірақ парақты жүктеуді тездету және дизайнның бұрмалануын болдырмау үшін мұны істеу жақсы. Диалогтың барлық қажетті өрістері толтырылған кезде «ОК» батырмасын басыңыз, содан кейін өңделген бетті сақтаңыз.
3-қадам
Басқару жүйелері үшін бірыңғай стандарттың болмауына байланысты сіздің жүйеңіздің визуалды режимінде кескін енгізу процедурасы біршама өзгеше болуы мүмкін, бірақ принцип бірдей болады. Сол себепті WYSIWYG режимі сіздің сайтыңыздың басқару жүйесінде пайда болмауы мүмкін. Содан кейін сіз парақтың бастапқы кодын HTML-де өңдеуіңіз керек (HyperText Markup Language - «гипермәтіндік белгілеу тілі»). Сізге браузерге суретті осы жерде көрсететін кодты дұрыс жерге енгізуіңіз керек. Қарапайым түрінде ол келесідей болуы керек: Міне, суреттің «салыстырмалы адресі» - осы мекен-жай бойынша шолушы серверден кескін файлын алу үшін байланысуы керек. Егер адрес салыстырмалы болса, онда браузер файл парақтың өзі сияқты сервер қалтасында (немесе ішкі қалтада) болады деп болжайды. Бірақ, қателеспеу үшін «абсолютті мекен-жайды» көрсеткен дұрыс - мысалы, келесідей: Әрине, сервер суретті тауып, шолғышқа жіберуі үшін оны көрсетілгенге жүктеу керек. орналасқан жері. Мұны жасаудың ең қарапайым тәсілі - бұл кез-келген мазмұнды басқару жүйесінде, сондай-ақ хостингтік компанияның басқару тақтасында орналасқан файл менеджері. Мұны FTP-протоколын (File Transfer Protocol - «файлды жіберу протоколы»), арнайы бағдарламаны - FTP-клиентін қолдана отырып жасауға болады. Олардың көпшілігі ақылы және ақысыз - мысалы, Cute FTP, FlashFXP, WS FTP және т. Б. Бірақ, әрине, бағдарламаны орнату, меңгеру және конфигурациялау уақытты алады, сондықтан сізге қажет нәрсенің бәрін жүктеуге арналған файл менеджері. браузер - бұл оңай нұсқа.
4-қадам
Суреттің html-тегіндегі мекен-жайдан басқа қосымша ақпаратты - тегтің «атрибуттарын» көрсетуге болады. Мысалы, alt=«Image» атрибутында тінтуірдің меңзерін кескіннің үстіне апарған кезде пайда болатын кеңестерге арналған мәтін бар: Оны - атрибутымен ауыстыруға болады: - шолғыш керек төртбұрыштың өлшемі кескінді көрсету ені мен биіктігі атрибуттарымен орнатылады: - border атрибуты кескіннің айналасындағы шекараның енін анықтайды (пиксельмен): Егер сурет сілтеме жасалса, шолғыш айналасында көк жиек сызады. Одан құтылу үшін шекаралық мәнді нөлге теңестіріңіз: - қалған екі атрибутта көршілес элементтерден (мәтін жолдарынан, басқа суреттерден т.б.) суреттің шегініс мөлшері туралы ақпарат болады - hspace шегініс көлденеңінен (солға және оңға), бос орын - тігінен (төменгі және жоғарғы):
