Как бързо да създадете страница за абонамент
За тези хора, които са запознати с технологията за създаване на html страници или които са поне малко запознати с изграждането на сайтове, такава задача не е проблем. Но подозирам, че за новодошлите в Интернет създаването на статична страница е трудна задача. Откъде да започна? Наистина ли е необходимо да научите html?
За това ще кажа, че би било хубаво, ако разбирате езика за маркиране на хипертекст. Това знание ще ви бъде полезно отново и отново. В момента обаче нямаме курс за изучаване на html, задачата пред нас е следната:
Как бързо да създадете страница за абонамент?
Ето защо, ако не знаем как да създаваме html страници от нулата, тогава ще използваме готови шаблони.
Като пример да вземем страницата ми за абонамент за книгата „Превърнете мислите си в източник на доходи“.
За да направите нещо подобно за вас, изтеглете този архив на вашия компютър. Разопаковайте го. В него ще видите два файла: index.html, style.css. и папка img. За да направите своя страница за подпис въз основа на този шаблон, ще трябва да:
- Във файла index.html заменете моя текст с вашия собствен. —В същия файл заменете кода на формуляра за абонамент. - Заменете моите снимки в папката img с вашите собствени. - Ако има нужда да промените фона на страницата, размера на шрифта, направете го във файла style.css
И така, ще опиша как се прави това, но естествено няма да мога да покажа всички нюанси. Трябва да разберете самия принцип на работа с шаблон, да разберете какво е отговорно за какво и тогава ще можете експериментално да променяте много параметри.
Първо, нека изясним ролята на архивните документи. Файлът index.html е самата страница с текст и html код. Папката img е папка за съхраняване на снимки. style.css файл −това е лист със стилове. Целта му е да управлява html кода.
Например, трябва да променя размера на шрифта на страница. Как мога да направя това? Може да се направи в страницата index.html чрез промяна на атрибутите на всеки ред. Или можете да използвате едно кликване във файла style.css.
Освен това папката и файловете трябва да бъдат поставени на едно и също ниво (както в архива), в противен случай ще трябва да промените пътищата на тяхното поставяне в самия код.
И така, откъде да започнем създаването на страница за абонамент?
Затова изтеглете kompozer (http://depositfiles.com/files/3pndhu6p8) (6.0 mb), разопаковайте архива, инсталацията не е необходима. Програмата се стартира с помощта на файла kompozer.
Първи раздел Normal – тук можем да редактираме страницата, като просто пренаписваме текста, преоразмеряваме обекти (таблици, картини). За да направите това, просто трябва да изберете желания обект и, като държите границите му, да го преоразмерите. Преди кода за достъп в този раздел нямаме. Все още обаче не ни трябва. Въведете текста си, абзац по абзац. Така вече трябва да имате страница с вашия текст
В раздела Normal можете също да промените цвета на текста, размера на шрифта и т.н. Имайте предвид обаче, че в този случай не сте засегнати от редактирането на файла style.css. Но това е напълно приемливо, тъй като имате работа само с една страница, а не с многостраничен сайт.
Въпреки това, ако сте запознати с каскадните стилови таблици, можете да промените маркирането на хипертекста с помощта на файла style.css. За това използваме бутона Каскади.
Тук, в горния панел, има бутони за отмяна на предишни действия, така че винаги можете да се върнете към оригиналната версия на вашата редакция.
Така че по принцип цялата работа по персонализирането на шаблона за себе си може да се извърши в раздела Нормално
Какпромените и заменете необходимите снимки? Ако сте доволни от местоположението им в шаблона, тогава всичко, което трябва да направите е:
- поставете снимката си в папката img. - премахване на снимката ми от шаблона. — вмъкнете вашето изображение през отворения елемент от менюто.
Така че вече трябва да имате нов текст и ново изображение на страницата. Ще кажа също, че в този шаблон картината е разположена в таблица с две колони. Лявата колона е празна. Това означава, че можете, ако е необходимо, да въведете своя текст в него, докато изображението от центъра ще се премести вдясно. Или обратното, можете да поставите картината в лявата колона и да попълните дясната колона с текст.
Ако изберете обект и щракнете върху него с десния бутон на мишката, ще се отвори падащо меню за редактиране на свойствата на обектите. Като цяло, това ще ви бъде полезно, ако искате да работите с шаблона на по-дълбоко ниво. Ако няма такава необходимост, оставете всичко както е, просто заменете информацията на страницата с вашата собствена.
Втори раздел HTML TAGS – едва ли е полезен на този етап от вашето запознаване с редактирането на шаблони. Тук визуално ще видите етикетите, налични в шаблона, към които можете да присвоите вашите атрибути.
Трети раздел Източник - ще трябва да променим кода на формата за абонамент. Намерете код, който започва с низ и завършва с низ
Тук в Source променяме външните връзки, както и стойностите на описанието, ключовите думи. Напишете ново заглавие за вашата страница. Това са редове 4,9 и 11.
Как да променя цвета на фона на страницата? Отворете раздела Каскади - фон, щракнете върху етикета body, променете цвета, щракнете върху OK!
Тук можете също да промените размера на заглавията и т.н. С една дума, експериментирайте и се учете. Всички ваши действия ще бъдат показани в прозореца Normal.
Последният раздел е изгледът на вашата страница в Mazil, както ще бъде изобразен във Firefox. Така че, след като сте направили всички необходими промени, запазете и проверете страницата, както изглежда в други уеб браузъри. Това е целият смисъл да работите върху персонализирането на шаблона за себе си.
Така че, когато сте персонализирали шаблона за себе си, трябва да имате всички същите във финалната версия: файлове index.html, style.css и папка img.
Сега трябва да създадете друга папка, например да се абонирате и да преместите всичките си три документа в тази папка. След това качете папката за абониране на сървъра.
Страницата за абонамент вече трябва да се отвори на http://yoursite/subscribe/ или http://yoursite/subscribe/index.html
В заключение ще кажа, че всеки друг шаблон за абонамент се редактира по същия принцип. Къде да го вземем? Можете да намерите всяка страница за абонамент в Интернет, да я запазите на вашия компютър и след това да започнете да я редактирате, изтривайки елементи, които не са ви необходими, създавате свои собствени, променяте текста и т.н.