Воскресенье, 2019/10/13, 10:15 PM
Создание сайта, заработок на сайте, SEO
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Меню сайта
Форма входа


Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
 Создание мини сайта и формы подписки в офисе NPN
Как сделать мини сайт в The NPN    

Сделать сайт в The NPN – легко!
Достаточно владеть навыками работы в программе WORD.  
Итак. Заходим в свой бэкофис NPN 
1.Находим на левой панели CapturePage Creator Elite! Заходим на эту страницу.

2. Затем находим Create New Page (html editor) Кликаем на эту ссылку и мы оказываемся на странице создания нашего сайта.  
Это пустой шаблон, который вы можете наполнить тем содержанием, которое  вам нужно.  

Если у вас какой-то свой бизнес и вы хотите использовать его для своего бизнеса (не NPN) , вы заполняете как хотите)  

3.Page Name (required): - пишем просто цифру 1 или то, что вам подскажет, про что этот сайт, т.к. на других уровнях NPN Plus, NPN Director, NPN Silver, NPN Gold у вас будет возможность создать несколько сайтов, и тогда имеет смысл как-то обозначать свои сайты, чтобы не заблудиться в них .
На 10.75$ у нас только 1 мини сайт, так что можете просто поставить цифру.  

4.Keyword/Keyphrase (required): здесь мы просто пишем  латинскими буквами ключевое слово или фразу.
Но ЛАТИНСКИМИ БУКВАМИ! Например – HomeBussiness, zarabotok , Home Programm и т.д.

Но имейте ввиду, что это будет окончание в вашей ссылке на сайт.

Поэтому если будет большое слово – ваша ссылка приобретет невообразимые размеры, хотя ее можно будет и укоротить, используя инструменты маскировки ссылки.  

Верхняя панель содержит много значков, более половины из них вы знаете – они практически идентичны программе WORD.  

5.Находим надпись HTML   Кликаем. В появившемся коде сверху находим <title>Untitle Document</title>

Здесь мы вписываем  название вашего сайта.  

Убираем Untitle Document и вписываем русскими буквами название вашего сайта – например  Как зарабатывать в интернет, Заработок на международной партерской программе .

Тут уж вы сами определитесь. Название не должно быть очень длинным, но отражать суть содержания сайта.  
После каждого вашего действия не забудьте нажимать на кнопку Update
( если вы хотите сохранить ваши действия) или Cancel ( отмена,если вы хотите отменить действие)
или кнопку Save слева вверху – такая же как в word е  

6. Далее надо поместить наш баннер, шапку нашего сайта.
С баннером сайт смотрится красивее и солиднее.
Вставляем изображения на свой сайт. Включая ваше фото.  
Вы можете сами сделать баннер, если владеете навыками работы в Photoshop или других программах (использовать лучше файл типа png, они менее объемны).
Так же вы можете использовать сайт www.picnik.com ( внизу переводчик)- это очень удобный сайт для редактирования фотографий и там же можно сделать баннер.  
Для тех, кто не хочет или не может забивать голову созданием нового баннера, вы можете воспользоваться готовыми баннерами.  
Это баннеры с изображением мужчины и женщины. Готовые баннеры прилагаются и картинки прилагаются.  
Здесь адреса баннеров, которые вы можете сохранить к себе на компьютер

ВНИМАНИЕ! На сайт вы можете вставить изображение не с вашего компьютера, а только с интернетовским адресом (если хотите можете испльзовать адреса этих картинок).







Как получить интернетовский адрес  картинки или фото?  

Загрузите картинку или/и фото в социальную сеть, где вы зарегистрированы - Мой Мир,Одноклассники, VKontakte, Facebook и т.д.   Загрузили.
Теперь кликаем на картинку или фото правой кнопкой мыши. В выпадающем окне выбираем надпись Copy Image Location (скопировать ссылку на изображение) .  

Затем ставим курсор на то место, где мы хотим поместить наше изображение и находим на верхней панели нашего сайта картинку с изображением дерева.
Это функция добавления изображения на наш сайт.  

В выпадающем окне находим image URL и вставляем туда адрес нашей картинки из интернет.  

В окно Image Description вписываем краткое описание картинки.

В окно Title вписываем название картинки
(вы сами можете как-то ее назвать, желательно с ключевыми словами (работа, заработок) 
В окне Preview (предосмотр) вы увидите изображение вашей картинки или фото.
После этого нажимайте Insert ( вставить)  

Изменить положение картинки (в центре, справа, слева) вы можете,
кликнув сначала на картинку, потом на соответствующий блок  на верхней панели (текст справа, текст слева, текст в центре) Когда картинка слева, текст будет рядом с картинкой справа.  

7. Вводим текст нашего сайта.

Внимание, если вы копируете текст с Word документа,
то вверху слева есть такие папочки, копируйте с их помощью, чтобы с документа не попал лишний код, который переносится с Wordа 

Заголовок делаем более крупным шрифтом и отличным цветом от последующего текста.  
Делайте текст ОДНИМ ШРИФТОМ.  
Вы можете выделять слова и фразы разными способами – выделить жирным шрифтом , наклон, подчеркивание, выделить цветом.  

Но шрифт должен быть единый. Если вы начали в Times New Roman, то до конца выдержите в одном стиле весь текст.   Очень сложно читается текст, прыгающий из одного стиля в другой.  

8. Вставляем нашу форму подписки на сайт.  
Подразумевается, что вы уже сделали форму подписки.

Идем в наш Автореспондер Сверху справа находим слово FORMS
Кликаем.
В выпадающем окне выбираем View Forms
Затем кликаем на Get HTML

Копируем код Идем снова на наш сайт и кликаем на HTML в верхней панели.
В выпавшем окне вы видите код.
Находите последние слова вашего текста и на следующей строчке вставляете  ваш код формы подписки.  
Выглядит ваш код так:

(я привожу пример моего кода подписки – не копируйте отсюда! У вас есть своя личная форма подписки)  

Красным цветом выделено то, что вам надо ИЗМЕНИТЬ.

Английский заменить на русский и изменить размер окна ввода после First Name  

До изменения кода


<!-- Do not modify the NAME value of any of the INPUT fields the FORM action, or any of the hidden fields (eg. input type=hidden). These are all required for this form to function correctly. --> <!--     .myForm td, input, select, textarea, checkbox {         font-family: georgia, tahoma;         font-size: 14px;     }      .myForm td {         color: white;     }      .myForm {         background-color: #46444D;         border: 3px solid #000000;         padding: 10px;     }      .required {         color: red;     }      #ssImg img {         background: white;         border: 1px gray;     } --> <form id="frmSS1516" action="http://multisponderelite.com/elite/form.php?form=1516" method="post">
<table class="myForm" border="0" cellpadding="2">
<tbody>
<tr>
<td><span class="required">*</span>Your Email Address
:
</td>
<td id="ssImg"><input name="email" type="text" /></td>
</tr>
<tr>
<td><span class="required">*</span> Preferred Format
:</td>
<td id="ssImg"><select name="format"><option value="h">HTML</option><option value="t">Text</option></select></td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;First Name:</td>
<td id="ssImg"><input id="CustomFields_2_1516" name="CustomFields[2]" size="50" type="text" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><br /><input type="submit" value="Subcribe" /> <br /></td>
</tr>
</tbody>
</table>
</form>
<p>
<script type="text/javascript"><!--
            function CheckMultiple1516(frm, name) {
                for (var i=0; i < frm.length; i++)
                {
                    fldObj = frm.elements[i];
                    fldId = fldObj.id;
                    if (fldId) {
                        var fieldnamecheck=fldObj.id.indexOf(name);
                        if (fieldnamecheck != -1) {
                            if (fldObj.checked) {
                                return true;
                            }
                        }
                    }
                }
                return false;
            }
        function CheckForm1516(f) {
            var email_re = /[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
            if (!email_re.test(f.email.value)) {
                alert("Please enter your email address.");
                f.email.focus();
                return false;
            }
       
                        if (f.format.selectedIndex == -1) {
                            alert("Please choose a format to receive your email campaigns in");
                            f.format.focus();
                            return false;
                        }
                   
                return true;
            }
// --></script>


После изменения кода

<!-- Do not modify the NAME value of any of the INPUT fields the FORM action, or any of the hidden fields (eg. input type=hidden). These are all required for this form to function correctly. --> <!--     .myForm td, input, select, textarea, checkbox {         font-family: georgia, tahoma;         font-size: 14px;     }      .myForm td {         color: white;     }      .myForm {         background-color: #46444D;         border: 3px solid #000000;         padding: 10px;     }      .required {         color: red;     }      #ssImg img {         background: white;         border: 1px gray;     } --> <form id="frmSS1516" action="http://multisponderelite.com/elite/form.php?form=1516" method="post">
<table class="myForm" border="0" cellpadding="2">
<tbody>
<tr>
<td><span class="required">*</span> Ваш Email :</td>
<td id="ssImg"><input name="email" type="text" /></td>
</tr>
<tr>
<td><span class="required">*</span> Предпочитаемый формат:</td>
<td id="ssImg"><select name="format"><option value="h">HTML</option><option value="t">Text</option></select></td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;Ваше имя:</td>
<td id="ssImg"><input id="CustomFields_2_1516" name="CustomFields[2]" size="20" type="text" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><br /><input type="submit" value="Хочу получить!" /> <br /></td>
</tr>
</tbody>
</table>
</form>
<p>
<script type="text/javascript"><!--
            function CheckMultiple1516(frm, name) {
                for (var i=0; i < frm.length; i++)
                {
                    fldObj = frm.elements[i];
                    fldId = fldObj.id;
                    if (fldId) {
                        var fieldnamecheck=fldObj.id.indexOf(name);
                        if (fieldnamecheck != -1) {
                            if (fldObj.checked) {
                                return true;
                            }
                        }
                    }
                }
                return false;
            }
        function CheckForm1516(f) {
            var email_re = /[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
            if (!email_re.test(f.email.value)) {
                alert("Please enter your email address.");
                f.email.focus();
                return false;
            }
       
                        if (f.format.selectedIndex == -1) {
                            alert("Please choose a format to receive your email campaigns in");
                            f.format.focus();
                            return false;
                        }
                   
                return true;
            }
// --></script>

После изменения кода кликаем на Update ( кнопка внизу выпавшего окна)

Не забудьте внизу сайта написать свои данные Имя, фамилию Страна Желательно email или скайп.  
Нашли значок дискеты на верхней панели,нажали на него – СОХРАНИЛИ  

Поздравляю!   Ваш сайт готов!  
В любое время вы можете изменить что-то в вашем сайте.  
Для этого  достаточно при заходе на страницу

CapturePage Creator Elite!  
Page ID:
( ID вашего сайта) Page Name: Имя вашего сайта
Raw Hits to this page: 0- reset hit count (здесь вы можете посмотреть, сколько было кликов на ваш сайт.
Если вы хотите обнулить количество хитов, просто кликните на reset hit count)

URL: (адрес вашего сайта)
Options: Edit | Delete    
Кликнуть на Edit ( редактирование)
Если захотите удалить и сделать другой сайт , кликайте Delete.  
И делайте заново и не бойтесь эксперементировать, если делаете это впервые, просто потренируйтесь и разберитесь с каждой кнопкой.

Если вы скачаете редактор CatsHtml на обучающей странице, запустите его (в нем после запуска появл. код, сотрите его) вставьте свой код, получившийся после корректировки, затем в этой программе - нажмите файл, затем сохранить как (на рабочий стол)
Потом когда откроете сохраненный файл, увидите как он будет выглядеть в браузере.
Copyright MyCorp © 2019

Разрешается перепечатка материалов сайта в Интернете с обязательным указанием ссылки на сайт Работа в интернет и заработок в сети с компанией Global NPN Copyright MyCorp © 2011