Интернет

Давно уже не новость для вебмастеров что за несколько лет работы в Интернете можно заработать на квартиру. Люди ничего не понимающие в создании сайтов и вообще в Интернет-коммерции, иначе говоря “чайники”, вполне могут за 3-4 года заработать на 1 - 2-х комнатную квартиру. Эти слова не пустой воздух, пойдите в Яндекс и поищите там информацию по такому словосочетанию “Интернет бомж”, вы получите море информации о людях которые называют себя “бомжами”, ну конечно они не бомжи, просто кто-то их так назвал, а на самом деле они люди которые поставили себе определенную задачу и временные рамки на ее решение, например, заработать за год на машину или заработать за 2 года на квартиру.

(далее…)

В HTML нет ничего сложного, нужно запомнить всего несколько английских слов и букв, а также некоторые параметры. ХТМЛ - это деже не программирование, это всего лишь набор тегов для разметки www-страницы.

Изучить хтмл очень просто! Предлагаемый видеоурок даст вам начальные знания об устройстве и назначении html-кода.

Скачать видеоурок. Знакомство с html Скачали 232 раз

Сколько тегов нужно знать чтобы зарабатывать в Интернете

Программа Macromedia Dreamweaver имеет очень интересную функцию: представьте себе, что вы открываете какую-нибудь страницу сайта, редактируете ее и сохраняете, так вот сразу после нажатия кнопки “сохранить” этот файл может автоматически отправляться на хостинг и заменить старый файл. Эта функция очень удобна, но требует того, чтобы во время редактирования сайта ваш компьютер был подключен к Интернету, иначе программа не сможет подключиться к хостингу.

Как настроить программу Дримвеар на автоматическую отправку отправку обновленных файлов на хостинг вы узнаете из следующего видеоурока:

Скачать видеоурок автоматическая загрузка измененных файлов на хостинг Скачали 234 раз

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

Скачать видеоурок как создать сайт во FrontPage Скачали 413 раз

Уроки Dreamweaver

Как известно для лучшей загрузки html-страницы следует все большие изображения разрезать на несколько частей. Как правило такой способ используют для нарезки изображений шапки (логотипа) сайта.

Скачать видеоурок по нарезке изображений Скачали 471 раз

На предыдущем уроке мы сделали папку с новой темой free_subject и семь файлов:

/free_subject/
header.php
sidebar.php
index.php
sidebar_right.php
footer.php
comments.php
style.css

Теперь разберемся что должен содержать файл index.php. У нас уже есть таблица с ячейками в которые нужно вставить части темы.

Начнем с файла header.php он должен выводиться в верхней части таблицы, для этого добавим следующий код вместо записи “Шапка, файл header.php“:

<div align=center>
<table border=0 cellpadding=8 cellspacing=0 width=900 id=page>
<tr>
<td colspan=3>
<!– Выводим на страницу header –>
<?php get_header(); ?>
<!– Конец вывода header –>
</td>
</tr>
<tr>
<td width=200 valign=top>Меню, файл sidebar.php</td>
<td width=500 valign=top>Контент, файл index.php</td>
<td width=200 valign=top>Реклама, файл sidebar_right.php</td>
</tr>
<tr>
<td colspan=3>Подвал, файл footer.php</td>
</tr>
</table>
</div>

Чтобы в дальнейшем не путаться что и где выводится выделите код поясниями, как в примере выше.

Теперь выведем на страницу файлы sidebar.php, sidebar_right.php и footer.php, обратите внимание на то как выводится файл sidebar_right.php

<div align=center>
<table border=0 cellpadding=8 cellspacing=0 width=900 id=page>
<tr>
<td colspan=3>
<!– Выводим на страницу header –>
<?php get_header(); ?>
<!– Конец вывода header –>
</td>
</tr>
<tr>
<td width=200 valign=top>
<!– Выводим на страницу sidebar –>
<?php get_sidebar(); ?>
<!– Конец вывода sidebar –>
</td>
<td width=500 valign=top>
<!– Выводим на страницу index –>
Контент, файл index.php
<!– Конец вывода index –>
</td>
<td width=200 valign=top>
<!– Выводим на страницу sidebar_right –>
<?php include(TEMPLATEPATH . ‘/sidebar_right.php’); ?>
<!– Конец вывода sidebar_right –>
</td>
</tr>
<tr>
<td colspan=3>
<!– Выводим на страницу footer –>
<?php get_footer(); ?>
<!– Конец вывода footer –>
</td>
</tr>
</table>
</div>

Без изменений осталась только строка для файла  index.php

Переходим к 3-у уроку  где мы рассмотрим содержание тега <head></head>

Как создать тему для WordPress
Урок 1. Создаем тему для WordPress
Урок 2. Создаем файл index.php
Урок 3. Тег head для блога
Урок 4. Редактирование таблицы стилей
Урок 5. Скриншот для темы WordPress
Урок 6. Тестируем самодельную тему
Урок 7. Функции файла index.php
Урок 8. Функции файла comments.php

Если вы уже установили Вордпресс и ознакомились с отличиями страниц от рубрик и записей, то теперь будем учиться создавать статические страницы. для этого зайдите в панель администратора:

При входе вы автоматически попадаете на “Доску объявлений” тут есть кнопка для создания новой страницы:

Или для создания страницы можно зайти на закладку Написать => Страница

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

Ниже будут располагаться несколько дополнительных форм, рассмотрим некоторые из них:

Если убрать тут “птички” то на создаваемой странице не возможно будет оставлять комментарии и соответственно получать уведомления на e-mail о новых комментах:

Обязательно поставьте порядковый номер страницы, иначе список страниц будет сортироваться по алфавиту:

Далее жмите кнопку Опубликовать, если нажать кнопку Сохранить то страница будет сохранена в черновиках и не будет видна на сайте (блоге):

Теперь посмотрите как выглядит страница на сайте, ссылка на страницу появилась в списке страниц, но она отображается не первой, как мы указывали в порядковом номере, значит нужно открыть страницу О сайте и присвоить ей порядковый номер №2 или удалить ее вовсе если она вам не нужна.

Как редактировать страницу
Как удалить страницу
Что такое метки (теги) и зачем они нужны

Вы решили сделать для своего блога самописную тему? Тогда начнем с того, что установим Вордпресс для тестирования нашей будущей темы. Не советуем тестировать создаваемую тему на вашем работающем блоге с записями, мало ли что случится! Лучше всего установите новый Вордпресс в Денвере, затем откройте папку wp-content/themes и создайте в ней новую папку для будущей темы, назовите ее, например: free_subject или как захотите…

Решите для себя какая будет структура у вашего блога, будет меню слева или справа, ширина таблиц, расположение контента и рекламы…

Создайте файл index.php с таблицей, например так:

В таблице подписано в какой ячейке будут располагаться части темы, тоесть из каких файлов будет “собираться” единый внешний вид. Таким образом получилось 5 файлов:

header.php - выводит шапку сайта
sidebar.php - выводит меню
index.php - выводит контент
sidebar_right.php - выводит меню для рекламы
footer.php - выводит подвал сайта

В дальнейшем нам еще понадобится файл comments.php который будет выводить комментарии. Для задания стилей еще нужно создать файл style.css. Итого получилось 7 главных файлов их вполне достаточно для создания полноценной темы для блога. Конечно для рабочей темы можно было обойтись и одним файлом index.php, но удобнее разбить его на несколько файлов и работать отдельно с каждым из них.

Итог урока: Новая папка с пустыми файлами (7файлов) только в файле index.php имеется следующий хтмл-код:

<div align=center>
<table border=0 cellpadding=8 cellspacing=0 width=900 id=page>
<tr>
<td colspan=3>Шапка, файл header.php</td>
</tr>
<tr>
<td width=200 valign=top>Меню, файл sidebar.php</td>
<td width=500 valign=top>Контент, файл index.php</td>
<td width=200 valign=top>Реклама, файл sidebar_right.php</td>
</tr>
<tr>
<td colspan=3>Подвал, файл footer.php</td>
</tr>
</table>
</div>

Переходим к следующему уроку, где мы подробнее поработаем над файлом index.php.

Как создать тему для WordPress
Урок 1. Создаем тему для WordPress
Урок 2. Создаем файл index.php
Урок 3. Тег head для блога
Урок 4. Редактирование таблицы стилей
Урок 5. Скриншот для темы WordPress
Урок 6. Тестируем самодельную тему
Урок 7. Функции файла index.php
Урок 8. Функции файла comments.php

Сборник функций для создания тем WordPress

Известно, что изменить внешний вид блога, работающего на WordPress, очень просто, достаточно зайти в панель администратора и выбрать в закладке Дизайн одну из доступных тем. Конечно, предварительно темы нужно скопировать в папку wp-content/themes. По умолчанию WordPress использует тему default, ее внешний вид изображен на рисунке:

Не каждого вебмастера удовлетворит данная тема, поэтому многие ищут в Интернете другие темы или делают их сами, кстати на создании тем для WordPress некоторые еще и зарабатывают.

Наш сайт  computerlessons.ru также работает на движке блога  WordPress и имеет самописную тему. Сделать тему для блога на первый взгляд сложно, но создав одну, вторую вы сможете сделать “с закрытыми глазами”.

Сделать свою тему для блога сможет каждый из вас, просто начните изучение с первого урока по созданию темы для  WordPress.

Как создать тему для WordPress
Урок 1. Создаем тему для WordPress
Урок 2. Создаем файл index.php
Урок 3. Тег head для блога
Урок 4. Редактирование таблицы стилей
Урок 5. Скриншот для темы WordPress
Урок 6. Тестируем самодельную тему
Урок 7. Функции файла index.php
Урок 8. Функции файла comments.php

Сборник функций для создания тем WordPress

Тему для WordPress сделай сам