Сега разгледайте следващата група инструменти.

Попълнете инструменти

Напълнете. Кликнете върху този инструмент и задръжте левия бутон на мишката, ще се отвори меню за избор: градиент и запълване.



Тук можете да изберете това, от което се нуждаете.

Кофа - запълва изображението (селекцията) с цвят или текстура.

И така, за пълнене имаме следните параметри:

Запълване (запълване) - определя какво да се използва като "боя": цветът на преден план (преден план) ще се запълни с основния цвят, шаблонът (модел - шаблон) ще се запълни с някакъв шаблон.

Шаблон (модел) - шаблон за пълнене.

Режим (режим) - начин за наслагване на пиксели, има много стойности​​и ще се счита за необходимо.

Непрозрачност (непрозрачност) - определя степента на прозрачност на запълването.

Толерантност - гамата от цветове за запълване.

Квадратчето Anti-Aliasing означава омекотяване на краищата на прехода.

Нека опитаме на практика:

Вземете инструмента за запълване (щракнете върху кофата), преместете го вътре в селекцията, направена в предишната стъпка, и щракнете с мишката. Нашата селекция ще бъде боядисана в цвета на преден план (черен по подразбиране).

Сега от лентата с опции изберете: Fill -> Pattern, Pattern -> каквото искате.

Поставете нашата кофа в селекцията отново и щракнете. Сега е попълнено с шаблон и изглежда така:

Моля, обърнете внимание, че само малка част от тях е представена в отварящия прозорец на шаблоните. Ако щракнете върху стрелката вдясно, ще се отвори меню, в долната част на което са посочени други колекции от шаблони. Могат да се добавят към съществуващите.

Градиент. Създава запълване с плавен преходмежду два или повече цвята.

Разгледайте панела с опции:

Ако щракнете върху стрелката вдясно, ще се отвори палитра с опции за градиент, с кликнете два пътипрозорецът за редактиране на градиента ще се отвори пред стрелката (тук можете да персонализирате вашите опции за градиент).

Определя вида на градиента (отляво надясно - линеен, радиален, ъглов, отразен, ромбовиден).

Инвертиране (обратно) - отметката показва геометрично обръщане на градиента.

Дитър (дълбочина - трептене) - отметката показва гладко за намаляване на сегментирането.

Прозрачност - отметка показва използването на прозрачност.

Нека опитаме на практика:

Създавайте нов файл, вземете инструмента за правоъгълна селекция и го разтегнете под формата на правоъгълник, след това в лентата с инструменти щракнете върху иконата на градиента, в лентата с опции щракнете върху стрелката и изберете градиента, който харесвате, вдясно изберете типа градиент ( всякакви).

Обърнете внимание на първите два квадрата в прозореца за избор на градиент, който се отваря. Те използват цветовете, които сте задали като цветове на преден план и фон (цветните квадратчета в долната част на лентата с инструменти). Първият градиент е плавен преходот основния цвят към фона, вторият - от основния цвят към прозрачността.

Сега преместете курсора на мишката до средата на лявата страна на нашата селекция, натиснете левия бутон на мишката и, без да пускате, плъзнете линията до средата на дясната страна (фиг. 1)
Сега разтегнете линията на градиента диагонално (фиг. 2)
А сега отгоре надолу (фиг. 3)

Вижте разликата и експериментирайте с различни градиенти и стилове.

Запазване на изображение

Нашият урок е към своя край, остава само да се научим как да спасим нашите шедьоври.

Щракнете върху елемента от менюто Файл (Файл), в падащото меню ще видите обичайния елемент - Запазване като (Запазване като) - и нов - Запазване за уеб (Запазване за уеб). Нека да разберем кой за какво е.

Ако работите върху изображение и искате да можете да го променяте в бъдеще, тогава трябва да изберете елемента от менюто - Запазване като (Запазване като)

Къде да запазите и какво име да дадете е ваша работа, но форматът ще бъде * .PSD; * .PDD. Именно в този формат се записват всички ваши настройки (все още ги нямаме, но ще се появят по-късно). Така не се запазва цялата картина, а се записват нейни части, всяка от които можете да промените, когато пожелаете.

Ако вашето изображение е готово, изберете елемента от менюто - Запазване за уеб (Запазване за уеб). Изображението ще бъде запазено оптимизирано за мрежата (т.е. най-добрата комбинация от качество/размер на файла). Отвореният прозорец за запазване трябва да се разгледа по-подробно:

Четирите раздела в горната част предлагат опции за изображението:

Оригинал (оригинал) - изображението такова, каквото е. Обикновено голям размер на файла, който не е приемлив за уеб.
Оптимално (оптимизирано) - оптималното съотношение на качество и размер на файла от гледна точка на програмата.
2-up, 4-up - съответно два и четири варианта на изображението един до друг, в долната част на всеки е посочен размерът. Можете да изберете този, който ви подхожда най-добре.

В дясно горен ъгълТози прозорец съдържа допълнителни настройки:

Тук можете да изберете формата на запазеното изображение. Общи препоръки - използвайте JPEG форматии PNG за снимки с фини реалистични цветови преходи, GIF формат за контрастни рисунки с нисък цвят. Между другото, всички снимки на тази страница са във формат GIF.

Ако използвате разделите, обсъдени по-горе, персонализирането на тази част от прозореца не е задължително, поне на този етап.

Така че изберете най-оптималното изображение според вас и кликнете върху бутона Запазване. Ще се отвори вече познатият прозорец за запазване, където трябва да посочите папката (къде да запазите) и името на файла, останалите вече ще бъдат посочени, щракнете отново върху Запазване. Изображението за уеб е готово.

Това завършва първия урок. Научихте как да създавате нов файл, да избирате области и да ги запълвате различни начини(цвят, шарка и градиент), както и запазване на изображения в желания формат.

За да консолидирате тези умения, експериментирайте (създайте зони с различна форма и ги запълнете по различни начини).

В следващия урок ще научите как да работите с текст и ще се запознаете с основната концепция на програмата – слоевете.

След инсталиране на системата за управление Joomla на локален или виртуален сървър, ние сме изправени пред въпроса: как да инсталираме шаблона и къде да го изтеглим? В този урок ще разгледаме как да инсталирате шаблон в Joomla и какви методи за инсталиране на шаблони съществуват. Изборът и инсталирането на шаблон е важна стъпка, на която трябва да се обърне специално внимание. Също така ще дам примери и решения на проблеми, които могат да възникнат по време на инсталирането на шаблона.

- отидете на преглед

Вижте връзката по-горе за ръководство как да инсталирате шаблон във версия на Joomla 3!

Има два начина за инсталиране на шаблон в Joomla: използване стандартна инсталацияИнсталирайте/деинсталирайте Joomla и ръчно, като копирате шаблонните файлове в папката шаблони.

Метод първи. Инсталирайте шаблона в Joomla със стандартен инсталатор.

Първо изтеглете шаблона, който искаме да инсталираме. След като изтеглите архива с шаблона, трябва да се уверите, че изтегленият архив съдържа точно шаблона, а не архива с шаблони или, както често се случва, че архивът съдържа още няколко архива. Архивът на Joomla Template трябва да има zip разширение и архивът трябва да съдържа следните файлове:

  1. templateDetails.xml - използва се за инсталиране на шаблона в администраторския интерфейс;
  2. index.php - съдържа цялата структура (код) на шаблона.
  3. params.ini – необходим на Joomla за запазване на вашите настройки

Също така се уверете, че архивът съдържа папки:

  1. css - съдържа таблици със стилове
  2. изображения - тази папка съдържа изображения, използвани в шаблона
  3. js - JavaScript скрипт файлове (jquery.js, mootools.js, scripts.js)

В примера не всички файлове и папки, които са в шаблона на Joomla. Броят на файловете и папките зависи от самия шаблон, просто изброих само тези, които са основно във всички шаблони на joomla и без които шаблонът няма да работи.

Например, ако сте изтеглили шаблон и има още няколко архива в архива, тогава по тези знаци лесно можете да определите кой от архивите е шаблонът и да го инсталирате.

Трябва да се отбележи, че когато избирате шаблон, трябва да обърнете внимание на датата на пускането му и как съответства на това Версии на Joomlaс които работите.

Например, някои от по-старите шаблони за издание вече не работят в Joomla 1.5 или се показват неправилно.

Забележка:Архив с шаблон за инсталиране чрез стандартен инсталатор/деинсталатор трябва да има разширение .zip или .tar.gz


В административния панел изберете "Разширения" - "инсталиране / премахване" След това изберете архива с вашия шаблон на вашия компютър и щракнете върху " Изтеглете файла и инсталирайте". Ако шаблонът отговаря на вашата версия на Joomla, след няколко секунди шаблонът ще бъде изтеглен и инсталиран, ще видите съобщение, че шаблонът е инсталиран успешно.

След като шаблонът е инсталиран, изберете "Разширения" - "Мениджър на шаблони". В мениджъра на шаблони ще видите всички инсталирани шаблонии шаблона, който току-що инсталирахте. (По подразбиране в Joomla вече са инсталирани два стандартни шаблона: rhuk_milkyway и JA_Purity) Изберете желания шаблон, като поставите отметка в радио бутона до шаблона и щракнете върху бутона „По подразбиране“.

Вторият начин за инсталиране на шаблон в Joomla

Този метод може да се използва, когато трябва да инсталирате голям брой шаблони или просто има случаи, когато шаблонът не е инсталиран. по стандартен начининсталиране/премахване.

За да инсталирате шаблона по този начин, трябва да разопаковате архива с шаблона в папка (името на папката може да бъде всяко, основното е английски букви) . След това стартираме FTP клиента и отваряме папката /templates на сайта, за който инсталираме шаблона, и качваме нашата папка с шаблони в него.

Ако вашият сайт е на локален сървър, тогава просто трябва да копирате нашата папка в папката /templates/. Ако искате да промените името на шаблона, тогава в папката с шаблони трябва да намерите файла templateDetails.xml, да го отворите с бележник или друг текстов редактори намерете реда с етикета Август, Август е името на шаблона, сменете го с който и да е друг (не забравяйте да пишете с латински букви).

Както казах, по подразбиране Joomla вече има инсталирани два, понякога три стандартни шаблона: rhuk_milkyway и JA_Purity, които можете безопасно да използвате, когато създавате своя проект.

Към днешна дата изборът на шаблони за сайта е много голям и разработчиците дори ги разделят по теми: шаблони за бизнес сайтове, за портали за забавление, почивка, недвижими имоти, музика, социални мрежи, кино, видео, спорт, туризъм и много други.

Струва си да се отбележи, че някои от шаблоните са създадени на търговска основа и преди да ги използвате, трябва да платите на разработчика, в противен случай това ще се счита за нарушение на авторските права. Ето защо, преди да инсталирате този или онзи шаблон на сайта, проверете автора, те са сега голяма сумаи при какви условия предоставя шаблон за използване.

Ако са заредени голям брой шаблони и не помните името желан шаблон, тогава когато задържите курсора на мишката върху връзката с името на всеки от списъка, можете да видите неговата миниатюра.

Когато избирате шаблон, трябва да обърнете внимание и на неговата структура, блокове и позиции, които включва. В крайна сметка, преди да създадете сайт, вероятно вече сте планирали какво и къде ще се намира на него: дали ще има заглавка (обикновено това е снимка, поставена отгоре, нарича се още заглавка на сайта), лого, горна част или вертикално меню, брой блокове на страница и др.

За да проверите позициите в определен шаблон, можете да въведете адресна лентабраузър http://вашият сайт/?tp=1и ще видите всички възможни позиции на шаблона и техните имена.

WordPress е система за управление на съдържанието на уебсайт с отворен код. А това означава, че потребителят няма да се сблъска с ограничения при финализиране, модифициране и подобряване на продукта. Според самите разработчици, ако е на WordPress, това ще позволи да се отървете от много грешки и недостатъци в бъдеще.

Преди да пристъпим директно към инсталирането на хостинга, който сте избрали, първо ще разберем какво е двигател и колко лесно е да управлявате сайт с него.

Полученият ZIP файл трябва да бъде разопакован с помощта на който и да е архиватор. Ето как изглеждат разархивираните файлове:

    1. Етап 2:домейн и хостинг

За да започнете да инсталирате всички необходими файлове на сайта, първо трябва да закупите хостинг и домейн.

Домейнът е адресът или името на сайта, който е пряко свързан с хостинга. Той трябва да отразява дейностите на създавания сайт, да се възприема лесно на ухо, да се свързва интуитивно и да се помни. Регистрираният домейн е изцяло собственост на неговия собственик. По правило хостинг компаниите предоставят пълен пакет от услуги за поддръжка на сайтове в мрежата. Следователно най-вероятно ще имате късмет да регистрирате домейн и да закупите хостинг на едно място.

Домейнът е свързан с хостинг чрез DNS сървъри. С тяхна помощ се издава информация как компютрите могат да се намират един друг чрез Интернет. При въвеждане на адреса на сайта в браузъра, доставчикът го проверява чрез сървъра за имена на домейни (DNS).

Всеки сървър в мрежата има свой собствен IP адрес (това е определен набор от числа, например - 192.168.0.1). Името на домейн може не винаги да има същия IP, ярък пример за това е прехвърлянето на сайт на друг хостинг. Смяната на хостинг доставчик всъщност е преместване на друг сървър. Ето защо механизмът за откриване на сайт в Интернет изглежда така:

http://www.your-site.ru - DNS сървър - 192.168.0.1 - получаване на съдържание на сайта

След закупуването на хостинг, потребителят получава целия необходим достъп за управление на сайта, включително адресите на DNS сървърите, които след това трябва да бъдат посочени в настройките на домейна.

    1. Етап 3:копиране на файлове на двигателя на FTP сървър

В първата стъпка от инсталацията изтеглихме и разархивирахме WordPress CMS пакета. Качваме получените файлове на хостинга.

Какво е необходимо:

      • Достъп до FTP сървър (издава се от доставчика след закупуване на хостинг);
      • FTP мениджър (използвайки го файловете се качват на сървъра).

FTP мениджър (или FTP клиент) - специална програмаза по-лесен достъп до FTP сървъра, показва файлове на отдалечен сървър. Най-известните клиенти за достъп до отдалечен сървър- Filezilla, Total Commanderи т.н.

Като използвате FTP клиент, трябва да копирате получените файлове на двигателя в основната директория на PUBLIC_HTML или WWW сървъра.

      • Етап 4:създаване на база данни

След като файловете на двигателя на WordPress са инсталирани, трябва да свържете база данни към него, но първо трябва да я създадете.

При различните хостинг доставчици механизмът за създаване на база данни може леко да се различава, но като цяло е един и същ.

MySQL е една от най-популярните и широко използвани бази данни с отворен код. програмен код. СУБД осигурява максимална производителност, която би била много по-трудна за постигане с други средства. Истинската популярност на MySQL обаче идва от отличното му взаимодействие с PHP (специален език за програмиране за създаване на уеб страници).

В контролния панел на хостинга, в елемента от менюто MySQL, ще трябва да изпълните няколко стъпки за инсталиране.

      • въведете името на базата данни;
      • създайте потребител на база данни (администратор) - може да има няколко;
      • въведете име и парола;
      • определят правата (привилегиите) за потребителски достъп до базата данни.
    1. Етап 5:редактиране на файла wp-config-sample.php

Една от стъпките WordPress инсталациикъм хостинг - промяна на някои параметри, необходими за достъп до MySQL.

Във файловете, качени на сървъра, намираме wp-config-sample.php и го преименуваме на wp-confiq.php. Отворете файла за редактиране.

      • DB_NAME - име на база данни
      • DB_USER - потребител на база данни
      • DB_PASSWORD - парола за потребителя
      • DB_HOST - адрес на сървъра на базата данни, много имат localhost, но не винаги
      • DB_CHARSET - кодиране по подразбиране utf8, няма нужда да го променяте

Тук трябва да посочите името на заредената база данни, потребителско име, парола и не забравяйте да запазите промените.

    1. Етап 6:Инсталация на WordPress

Стартирайте инсталационния скрипт на WordPress. В реда на браузъра трябва да въведете http://www.your-site.ru/wp-admin/install.php, където www.your-site.ru е името на вашия сайт.

(за предпочитане на руски)

Тук въвеждаме името на сайта и имейла и натискаме „Инсталиране на WordPress“.

Метод 1

След като е направен изборът на темплейт, например, и архивът с файловете на темата е пред вас, преминаваме към процеса на инсталирането му на сайта. В административната част на сайта в раздела " Външен вид„Изберете елемента „Теми“ и отидете на страницата за управление на шаблони.

Отидете в раздела „Инсталиране на теми“ - „Изтегляне“.

Остава само да активирате шаблона WordPress, инсталиран на сайта.

Метод 2

Друг начин да инсталирате шаблон на сайт е да използвате FTP клиент. Свързваме се с хостинг сървъра, след което разопаковаме необходимия архив в папката с теми. Инсталираните теми за уебсайтове можете да намерите тук:

/www/your-site.ru/wp-content/themes/

Активирането на темата се извършва през конзолата на двигателя.

Веднага след инсталирането на сайта на хостинг, трябва да направите няколко основни настройки. Всички те са достъпни чрез административния панел на сайта, в който не е трудно да влезете: your-site.ru/wp-admin.

В менюто "Опции" в секцията "Общи настройки" трябва да въведете името на сайта, Кратко описаниекъм него, адрес, избор на часова зона, формат на дата, час и др.

С настройки този разделне би трябвало да е проблем, но за нормално функциониранесайтът трябва да го направи.

      • Настройки за публикуване (Писане)

Размерът текстово поле. Общият брой редове на прозореца, в който се създава текстът на статиите. Ако тази стойност бъде надвишена, прозорецът се превърта.

Форматиране.Квадратчето за отметка до преобразуването на усмивки в изображения ще ви позволи да замените стандартните обозначения на „усмивки“ с изображения от основния набор на WordPress.
Автоматичното коригиране на неправилен XHTML код ще позволи на WordPress да напише сам по-правилен код от гледна точка на валидиране. Активирането на тази функция обаче най-често създава много проблеми, така че е препоръчително да не я активирате.

Основно заглавие.От списъка със съществуващи заглавия на сайта можете да изберете една от най-използваните. Когато пишете нова статия за сайта, посочената рубрика ще бъде избрана автоматично.

Публикуване чрез електронна поща.Публикуване на статии чрез електронна пощенска кутия. За да направите това, трябва да посочите пощенския сървър, вход, парола и категория за публикуване. Важно е да се отбележи, че пощата трябва да има POP3 достъп.

Дистанционно публикуване.Използване на външен редактор (блог клиент) за писане на статии и редактирането им.

услуги за актуализиране.списък необходими услугище помогне за значително ускоряване на индексирането на ресурса, увеличаване на скоростта на всяка нова публикация, влизаща в индекса на търсачките.

      • Настройки за четене (Четене)

Показване на главната страница.Отметката до „Вашият последните бележки» ви позволява да показвате най-новите публикации на главната страница на сайта. Статичната страница се използва най-често на сайтове с малък обем и рядко актуализирано съдържание.

Показване на страниците на блога.За да се определи броят на записите на страница от сайта, е необходимо да се вземе предвид неговия дизайн. Обикновено тази стойност се променя след запълване на ресурса със съдържание.

Показване в RSS емисии.Абонатите на RSS емисии ще получават най-новите записи в количеството, посочено тук.

За всяка статия в емисията, показване.„Пълен текст“ е удобен за абонатите, за да прочетат веднага пълния текст на последните публикувани записи, при условие че техният брой не е толкова голям в емисията.

"Съобщение"(съкратен текст на публикация) е удобен за собственика на сайта за увеличаване на посетителите.

Кодиране на страници и емисии.Кодиране на страница - набор от знаци, с които сайтът ще се показва в мрежата. Препоръчително е да не променяте стойността по подразбиране UTF-8.

      • Настройки на дискусия (Дискусия)

В този раздел са конфигурирани уведомления за други ресурси за публикуване на нови статии, коментари, черен списък, аватари и др.

Трудности при настройването на този раздел не трябва да възникват. Почти всеки артикул има малко описание.

      • Настройки на медиите (медийни файлове)

Този раздел отговаря за хостването и показването на медийни файлове на сайта, които са качени на сървъра с помощта на таблото за управление на WordPress.

Размери на изображенията.Когато качва изображения в сайта, потребителят ще може да избере дали да го постави на страниците на ресурса в оригиналния размер или в един от двата предложени намалени размера.

Обекти.В този параграф можете да изберете да вградите медиен файл на страницата на сайта според зададените параметри.

По подразбиране всички качени файлове ще бъдат поставени в папката wp-content/uploads. Когато активирате опцията „Поставяне на моите качени файлове в папки по месеци и години“, WordPress автоматично ще създаде поддиректории въз основа на датата, на която е качена медията.

      • Настройки за поверителност (Поверителност)

блокиране търсачкиполезни, когато вашият сайт е в процес на разработка.

      • Настройки за постоянни връзки (постоянни връзки)

Настройките на WordPress ви позволяват да избирате от четири опции за показване на URL адреси.

В "Общи настройки" в елемента "По избор" е възможно да се регистрират специални тагове, които ще отговарят за показването на елементи във връзката. Връзките могат да бъдат персонализирани по ваш вкус чрез добавяне на определени тагове:

%year% - година;
%monthnum% - месец;
%day% - денят на публикуване на статията;
%hour% - час;
%minute% - минута;
%second% - секунда;
%postname% - заглавие;
%post_id% - пореден номер на статията;
%category% - заглавие (категория);
%tag% - етикет (етикет);
%author% - име на автора.

Важно:за да избегнете грешки в случай на използване на горните тагове, е необходимо да инсталирате приставката Rus-to-Lat. Това приложениеза правилното формиране на връзки, той е в състояние да преведе буквите от руската азбука в латинската азбука.

Ще ви кажа как да качите (качите) сайта на хостинга. И ще публикувам две инструкции:
- БЪРЗА СПРАВКА - за тези, които бъркат, просто им трябва подсказка;
- ПОДРОБНА ИНСТРУКЦИЯ - за тези, които са в резервоара и не разбират абсолютно нищо. Всички бяхме така – нормално е. Публикувах всичко, включително връзки и снимки. Използвайте със здраве!

Кратка информация как да качите уебсайт на хостинг

Бързо и по същество:
1) Купете хостинг (). Има пробен период(според мен 5 дни), между другото - просто се упражнявайте да качвате сайтове и страници. С покупката получавате три параметъра: Хост, логин и парола. Те се използват за свързване и изтегляне.
2) Изтеглете FTP клиента (програмата). Най-популярният и удобен е FileZilla. Бягай. И да, ако FileZilla не е инсталиран (това се случва на стари компютри и нетбуци), опитайте Total Commander. Принципът на работа е същият, но DOS интерфейсът. И така всичко е същото.
3) Въведете в горното поле: Хост (или сървър), потребителско име (или вход) и парола. Те се изпращат от хостера при закупуване на хостинг. Вижте имейл.
4) ЛЯВАТА ЧАСТ показва Explorer и съдържанието на папките в компютъра. ДЯСНАТА ЧАСТ показва експлорера и съдържанието на папките на хостинга. От факта, че сте свързани, ще има съобщение и в прозореца вдясно ще се появи папка с името на сайта (домейна).
5) Отляво отворете папката, от която ще качвате файлове на хостинга. Отдясно отидете до папката с името на сайта от страната на хостинга, например „mysite.com“. След това папката "www".
6) Отляво изберете файла за качване, щракнете с десния бутон върху него и щракнете върху „Качване на сървър“. Поздравления, качихте страницата в Интернет! Сега можете да проверите как се показва в браузъра.

ЗАБЕЛЕЖКА:

ВАЖНО #1: Основната папкасайт - "www". Той трябва да съдържа - ГЛАВНАТА СТРАНИЦА НА САЙТА, ​​тоест файла index.html или index.php. Както и съответно други файлове и папки, ако има такива.

ВАЖНО #2: когато качвате по-късно, внимавайте в коя папка качвате файла! ако например искате да качите изображение в папката с изображения, уверете се, че е отворено от страната на хостинга!

Ето всъщност всичко за това как да добавите уебсайт към интернет. Ако не се получи според кратка инструкция или нещо не е ясно, прочетете пълно ръководствоПо-долу.

ПОДРОБНА ИНСТРУКЦИЯ как да кача сайт на хостинг

За тези, които не са разбрали нищо, с всички подробности, снимки, обяснения и екранни снимки!
Така да се каже, инструкции за момичета (блондинки, брюнетки и червенокоси, тъй като дамите с дредове и синя коса вече знаят как да го направят).
Скъпи мои, не исках да обидя никого, но първото изречение с бележките отсее всички мъже: Р. Какво е важно!
Напоследък няколко пъти се сблъсках с факта, че тези, които са завършили курсове по онлайн дизайн, не знаят как да качват сайтове на хостинг.
Едно време зареждането на сайт в интернет и за мен беше мистерия... Но след като го пробваш, ситуацията се изяснява.
Сайтът всъщност е папка с файлове, които могат да бъдат изложени в HTML формати и понякога плюс PHP * и скриптове (софтуер под формата на код).

По подразбиране приемаме ситуацията:
- ВЕЧЕ ИМАТЕ ГОТОВ уеб сайт, той е само на домашния ви компютър, а не в интернет.
- Закупили сте домейн за него и евентуално хостинг. (- но можете да изберете всеки офис. Принципът на поставяне на сайтове в Интернет е един и същ навсякъде).

Нека спрем тук за обяснение.
Сайтът може да изглежда така:
1. index.html (или index.php) - главната страница на сайта (името индекс се дава на главната страница на сайта и всяка папка по подразбиране на всички сайтове в Интернет)
2. index.css - файл, в който е посочен стилът на страницата (цвят на субстрата, размер на прозореца, шрифт)
3. папка images - изображения за дизайн на страница
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 ( Прехвърляне на файлПротокол - протокол за прехвърляне на файлове). Качването на сайт на хостинг е същото като качването му на чужд компютър. Кой би позволил на някой да го направи. За да направите това, използвайте FTP - той ви позволява да качвате определени файлове на определено място и това е всичко.

Преди да продължите към процеса на инсталиране, трябва да намерите подходящ дизайн. Бих препоръчал да използвате шаблони само от доверени източници, като: официалния магазин от uCoz или сайтове, които са специализирани в тази област.

В този случай можете да сте сигурни в качеството на шаблона и неговата производителност. Разбира се, можете да търсите в Google или да използвате различни изделия - но много често се натъкват на рипове, неработещи дизайни или дори по-лоши файлове с вируси. Затова подходете към въпроса за избора на източник с цялата сериозност, тъй като от това зависи не само успехът на операцията, но и сигурността на вашия сайт. В тази статия ще инсталирам безплатен шаблон DesktopChaos с uTemplate.pro.

Изтегляне на шаблонен файл

И така, изтеглете архива с шаблона:

Вътре в архива има няколко подпапки:

  • папка с изображения (images, img);
  • папка със скриптове (js);
  • папка стилове (css);
  • папки с кодове на Глобални блокове, Информатори и др.

Също така в архива, като правило, има:

  • instruction.txt (ReadMe.txt) - силно препоръчвам да го прочетете;
  • шаблон constructor.txt (tmpl.txt) - общ код на рамката;
  • stylesheet.txt (css.txt, style.txt) - файл с набор от стилове;
  • тип материали.txt - съдържа кода на вида материали;
  • и т.н. текстови файловес кодовете, които са необходими за пълното инсталиране на шаблона.

Забележка: съдържанието на вашия архив може да се различава от моя шаблон (това зависи от типа, структурата, сложността на шаблона и други фактори).

Създаване на резервно копие на текущия шаблон

Преди да продължите с инсталирането на нов шаблон, препоръчвам да направите резервно копие на текущия шаблон (за всеки случай)

За да направите това, отидете в "Контролен панел" на вашия сайт - "Дизайн" - " Архивиранешаблони":

Кликнете върху бутона "Създаване" в горния десен ъгъл архивиране", след което ще видите архивния архив да се появява с текущия ви шаблон като "1372338464.zip" с датата на създаване в скоби:

И още нещо: преди да инсталирате нов шаблон Препоръчвам да активирате всички необходими модули: тези, в които се намирате този моментискате да използвате и тези, които може да искате да използвате в бъдеще. Това се прави така, че вашите нов шаблонправилно инсталиран и показан във всички модули.

Инструкции стъпка по стъпка за инсталиране на шаблон в uCoz:

Инсталирането на шаблона се извършва според инструкциите, които са във вашия архив с шаблона. Както казах в рамките на тази статия, ще покажа инсталирането на шаблона DesktopChaos.

Етап 1.

Качете папката с изображения на нашия сървър.Това може да стане по два начина.

Първи начин - чрез FTP клиент, като например FileZilla. Изтеглете и инсталирайте програмата: http://filezilla.ru/get/.

След това на главната страница на контролния панел щракнете и задайте нова парола:

След това отворете ftp мениджъра на FileZilla, най-отгоре въведете хост, потребителско име и парола, щракнете върху „Бърза връзка“:

В лявата част на мениджъра намираме папка със снимки на нашия шаблон, щракнете с десния бутон върху него, в менюто, което се показва, щракнете върху „Качване на сървъра“. Готов. Сега снимките са на нашия сървър.

Този метод е удобен за използване, ако трябва да качите много изображения или други файлове.

Втори начин - качване на изображения чрез Файлов мениджър . Хайде да отидем до начална страница PU и щракнете върху „Файлов мениджър“:

В горния десен ъгъл щракнете върху Създаване на папка, въведете името на изображенията и натиснете Enter:

Да отидем в тази папка. За да качите снимки в него, щракнете върху „Избор на файл“, изберете снимка и щракнете върху Качване на файл. Можете да добавите полета за няколко файла със зелен знак плюс.

Така качваме всички снимки от папката с изображения на сървъра.

Стъпка 2.

Задайте (ако е необходимо) стойността на тага . Отидете на "PU (Контролен панел)" - "Настройки" - "Общи настройки" и поставете кода в съответното поле:

Стъпка-3.

Инсталиране на стиловия лист.За да направите това, намираме файла "Style sheet.txt" в архива, отваряме и копираме целия код от него (Ctrl + A, Ctrl + C) и го поставяме вместо стария код в "PU" - "Дизайн " - "Управление на дизайна (CSS) )" - "Стилов лист (CSS)":

Стъпка-4.

Инсталирайте кода от файла "Конструктор на шаблони".Отворете файла от архива "Template Builder.txt", копирайте цялото съдържание и го поставете в "PU" - "Design" - "Template Builder", натиснете бутона "Създаване на шаблони":

Стъпка-5.

Сега, по подобен начин прехвърлете съдържанието на файла "Тип на materials.txt"под формата на модулни материали: „Новини на сайта“, „Блог“, „Файлов каталог“, „Каталог на статии“. Отидете на "PU" - "Дизайн" - "Управление на дизайна (шаблони)":

Кодът от файла "Comments view.txt" се копира по подобен начин в "Comments" - "Comments view".

Стъпка-6.

Създайте глобален блок.Отидете на "PU" - "Дизайн" - "Управление на дизайна (шаблони)" - "Глобални блокове":

В горния десен ъгъл щракнете върху „Добавяне на блок“, в полето, което се показва, напишете името на блока INFO и щракнете върху „Добавяне“:

Намерете папката "Global Blocks" в архива и отворете файла "INFO.txt", копирайте съдържанието на файла и го поставете в новосъздадения глобален блок INFO, запазете:

Стъпка-7.

Задайте необходимите стойности:

  • Име на информатора: Последни новини;
  • Раздел: Новини на сайта ("Блог" или "Каталог с файлове" или "Каталог със статии");
  • Тип данни: Материали;
  • Метод на сортиране: Дата на добавяне на материал D;
  • Брой материали: 5;
  • Брой колони: 1.

Кликнете върху „Създаване“.

След това блок с информатора, който създадохме, се появява малко по-долу, вдясно виждаме икони в него, избираме първата от тях „Управление на дизайна на Informer“ и поставяме съдържанието на файла „Последни новини“ от „Informers“ папка в прозореца, който се показва, запазете:

Код на този информатор $MYINF_1$вмъкнете в глобалния блок, който създадохме по-рано ИНФО.

По подобен начин се създава и форумният информатор.

Това завършва инсталирането на шаблона DesktopChaos.

Между другото, ако все още не сте разбрали как да инсталирате нов шаблон на вашия сайт, тогава можете да поръчате услуга за инсталиране на шаблон в официалния магазин uTemplate.pro.