Как да направите уеб сайт безплатно, ако не знаете как да се програма
Уеб услуги / / December 24, 2019
Лиза Платонов
Автор Layfhakera.
Защо ми е необходим сайт визитка
Всички готините най имат интернет страница. Той е като портфейл: ти кажа какво можеш да направиш, и показва пример за плънка цена.
Сайт-карта помага да създадете личен марка и служи като безплатна реклама. Когато един нов проект за вас спомням, на първо място. Това мотивира развитие: искат да вършат страхотна работа и да добавите примери на сайта.
В допълнение, събиране на една страница на проекта, в който участва, ще видите резултата - той не дава самочувствие падне на пода и помага да се справят с синдрома на измамник (когато изглежда, че не сте в състояние нищо Вие знаете).
Затова реших, че имам нужда от един сайт и да го направи в същия ден.
Етап 1. изберете платформа
Създадох на самото място, без да е разработчик и дизайнер. За да направите това, има много онлайн платформи, които позволяват сглобяване на страница от готови шаблони. Използвах Дизайнер "Tinkoff Бизнес». В него можете да създадете сайт за безплатно, дори и ако не сте клиент на банката, и няма нужда да си купите хостинг - той също е безплатно.
Етап 2. Изберете шаблон
В конструктора има шаблони за различни фирми: кафенета, детски център, търговски едро, сондажни кладенци, изграждане на къщи. шаблон подходящ за малкия ми сайт не е, така че аз избрах празна страница и реших да се съвземе.
Етап 3. излезе с конструкция
Когато създадете сайт, който искате да отидете направо на практическата част: Изберете единици за шаблони се опитват да ги поставят в различна последователност, експериментирайте с шрифтове и фонове. Направих това, защото от това, което е прекарал повече от час. Не беше разумно създаването на сайта, както и продължителната игра дизайнер. Тогава разбрах, моя грешка: няма смисъл добавяне коренно различни елементи и да ги подредите от място на място. Човек трябва първо да разберем какво се случва на сайта.
Така че не забравяйте, първо излезе със структурата и запълване на сайта, а след това работи по проектирането.
Структура - е секции на сайта. Исках да покажа, че мога да го направя като писател, и да даде примери за тяхната работа. Превръщане на семантичните блокове "Games", "Специални проекти", "Тест" и "статии". Имам нужда от повече капак и секция с контакти - което означава общо шест единици.
Секции, че излезе с, след което можете да направите в една шапка (най-горната част на сайта). Това ще опрости навигацията: потребителят може да отиде директно нужния блок, а не да превъртите страницата надолу.
Ако не може да излезе със структурата, погледнете сайтовете на малки хора от вашата професия. полезно за мен уебсайт главен редактор Людмила Sarychev и портфейл Владимир Лебедев редактор. на тема "размяна Glavred"Събрани портфейл от авторите, копирайтъри, редактори и коректори - пийп идеи не може да има.
Етап 4. грим капак
Cover - е първото нещо, което потребителите виждат, посещение на сайта. Тя формира впечатление за вас, така че се опитайте да го охлади.
Изберете шаблон
Сайтът строител "Tinkoff бизнес" има седем кожи шаблон. Ако създадете онлайн магазин, е подходящ формат със снимка на страницата. Той помага за разбирането на това, което на сайта: за шоколад, ръчно изработени чанти или сватбени букети.
Създавам съдържание. Нямам какво да сложи на първа страница, но себе си, но за целия екран, така че картината не е лошо. Затова избрах шаблон с текст и снимка към ляво на дясно:
Конфигуриране на шаблона за себе си
Всеки блок структура може да бъде променена чрез добавяне или премахване на ненужните елементи. Например, че не се нуждая nadzagolovok, един от бутоните и връзки към социални мрежи, така че трябваше да ги премахнат.
Добавяне на снимка
Снимки на себе си и снимки от ваканцията няма да работи, имате нужда от нещо по-малко се отпусна. Аз не съм намерил подходяща снимка, но това е един от любимците на стикера телеграма. За да започнете, реших да го използвате и след това заменен от вашите снимки. Ако искате, можете да отидете без него: това е важно да се покаже не колко си красива, и да знаете как да се направи в своята професия.
Напиши за себе си
Кой си ти и какво правиш? Тя трябва да бъде в състояние да сбито, информативен и скучен. Желателно е да бъде искрен и покажете какво сте силни. Аз имам това:
Вижте какво се случи
Използвайте визуализацията чрез превключване иконите над панела Редактор. Така че виждате как тя ще се появи на корицата на екрана на работния плот, смартфони и таблети.
Етап 5. Добави семантични единици
Когато капакът е готова, се пристъпи към семантичните единици. Ти излезе с тях на първото стъпало, а сега искате да го преместите в страницата. Тук ще бъде полезен дизайнерски шаблони. В "Tinkoff бизнес" има около 150 "за компанията", "Фази и стъпки", "Продукти и услуги", "Снимки", "обезщетения" и други.
Изучавал съм всички възможности и се установява на три блока:
- "Текст" - да се опише по проекта.
- "Слайдер" - за визуално повествование.
- "Контакт" - за да се свържете с мен.
Регулиране на всеки шаблон от само себе си чрез добавяне или премахване на ненужни елементи. Така например, в блока "слайдер" Аз не се нуждаеше от заглавието и описанието - Имам ги изтребим, оставяйки само на изображението.
Копирайте повтарящи се елементи
Designer ви позволява да копирате блоковете, които сте добавили към сайта. За мен, тази функция е по-удобен: Аз го прилага по отношение на елементи на "Текст" и "плъзгач" и ги поставете в правилната последователност.
Етап 6. пълни раздели
Писане на текст за семантични единици
Всеки раздел трябва да е заглавие, подзаглавие и описание. Не е мъдър и справедлив запис. Направих точно това: в заглавието на проекта направи име в подзаглавието - описанието кратка, тъй като в основния текст показва броя на показвания и кликвания.
можете да подготви текст предварително, но аз написах веднага в сайта - дизайнерът помни промените автоматично. Един път, когато случайно се обновява страницата и е готова за това, че промените няма да бъдат запазени. Но всичко беше на негово място, и аз не трябва да се ре-редактиране на блока.
Добавяне на снимка
Имах нужда да се добавят снимки на екрани на техните проекти. Опитах различни шаблони, и избра слайдер: за да мога да показват изглеждаше като проект в настолни и мобилни версии. Zoom и завъртете изображения могат да бъдат директно в конструктора при зареждане на снимки.
Етап 7. персонализиране навигация
Ти направи кавър и попълнете области - сайт е почти готов. Сега трябва да се създаде за навигация, че посетителят може да отиде директно на желания блок.
- Изберете един от шаблоните "Page Меню". Добавих един прост блок без лого, социални мрежи и адреси.
- Промяна на текста и броя на бутоните. Имам пет, "Игри", "Специални проекти", "Тест", "статии" и "Контакт".
- Добавяне на връзки. Бутоните могат да доведат до секции от страницата (като мен), на отделни страници на сайта си или директно на читателя към друг сайт.
Designer ви позволява да създавате неограничен брой безплатни страници и сайтове: Можете да направите отделни страници за различни проекти, създаване на блог и всичко това се направи в една шапка.
Етап 8. Изберете шрифтове и фонове
Когато сте готови, отидете на сайта за регистрация. По-лесно и по-бързо, за да донесе на всички звена на общ стил наведнъж, отколкото да редактирате всеки поотделно.
Изберете фон за блоковете
В конструктора има библиотека с произход: илюстрация, градиенти, шаблони и цветове. Можете да изтеглите и вашата подготовка. Избрах тъмносива за заглавието на корицата на сайта и един бутон - тя е комбинирана със стикер, който ме замества снимка. Останалите елементи са оставени бели.
За да изберете шрифт, трябва да се премине от редактора до главния дизайнер на страницата и отидете на настройките.
В настройките има четири шрифтове, за да избирате. На пръв поглед изглежда, че това не е достатъчно, но след това мислено благодари на разработчиците: ако имаше повече възможности, щях да ги опипа до вечерта. И аз се опитах всички четири и се спря на първата.
Етап 9. персонализиране уебсайт
Последната настройка, а сайтът може да бъде публикувана:
- Мислете за адрес или се свържете вашия домейн.
- Свързване на сайта с профила си в "Яндекс", за да прегледате статистически данни.
- Добавете сайт към "Яндекс. Webmaster ", така че тя ще се появи в търсенето.
- Добави чат на сайта - можете да пишете и да е от нейните страници.
- Изтегляне на уеб икона - иконата на сайта, който се появява в раздела браузър.
След това отново отидете на редактора на страницата и кликнете върху големия жълт бутона "Публикуване" в горния ляв ъгъл на екрана. Готово! Сега имате собствен онлайн бизнес карта.
В резултат на което
Website Builder "Tinkoff бизнес" чисто и просто. Ако имаш текст и изображения, готови да се съберат страница за 15 минути. Аз нося със себе си вече: да експериментира с фонове, не може да излезе с ясна структура и дълъг избира шаблон.
Първоначално тя ме притеснява, че устройството не може да се движи на елементите, за да промените размера на шрифта, и да се намали разстоянието между блоковете. Но това е дизайнер плюс: движещи се компоненти могат да бъдат завинаги, проверка на всеки милиметър. Готови шаблони елиминират агонията на избор - добър вариант в този момент.
Създаване на вашия сайт