Инструкция по работе с сайтом школы. Добавление материала. Работа с сайтами


Инструкция по работе с сайтом hnh.ru

Первое в работе с сайтом и самое главное - надо понять, что всё очень просто. Уделите несколько минут, и вы поймёте, как создавать и редактировать свои статьи, как загружать фотографии, что такое фотогалерея и как с ней работать, как создать каталог своих товаров с ценами.

Ниже приводим инструкцию по работе с сайтом, однако она выглядит сложнее, чем обстоит дело. :-)

Управление на hnh аналогично управлению некоторыми другими сайтами, так что картинки для инструкции - с других сайтов.

Регистрация на сайте

1. Вам необходимо зарегистрироваться. Оставлять комментарии, добавлять фото и создавать статьи могут только зарегистрированные пользователи.

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

2. После регистрации вам на почту придёт письмо (обычно в течение часа) с подтверждением регистрации. Перейдите по ссылке - после этого вы - зарегистрированный пользователь.

3. На той полосе, где было "Зарегистрироваться", вы увидите приветствие "Здравствуйте, ник" и ссылки для управления сайтом.

Создание своей статьи

4. Создать свою статью вы можете, кликнув по ссылке "Мои статьи". Выберите из списка раздел, в который хотите добавить статью, нажмите "Добавить". Статья появится у вас в списке.

Как заполнить свою статью?

5. Заходите в новую (только что созданную) статью, щёлкнув по картинке-пиктограмме листик с карандашом.

Соседняя пиктограмма с картинкой - для загрузки фотогалереи, прикреплённой к этой статье внизу (через эту кнопку можно создать каталог товаров, но в галерею можно перейти и через статью).

6. Зашли в редактирование статьи по пиктограмме.

Вы видите перед собой поля, которые нужно заполнить. Заголовок - это название вашей статьи. Далее - ключевые слова, они перечисляются через запятую. Далее - краткое содержание - это тот текст, который отобразится в потоке статей на главной странице. Вы можете либо скопировать 1-2 абзаца из основного содержания (поле для которого располагается ниже), или написать специально кратко о своей статье. Обязательно напишите здесь хотя бы несколько строк.

Ниже - поле "Статья": сюда пишется (или вставляется скопированный) текст самой статьи.

Копирование и вставку нужно осуществлять при помощи клавиатуры: скопировать Ctrl+C, вставить текст - Ctrl+V.

Вы можете копировать тексты, например, из word (в том числе таблицы), или из интернет, и т.п.

Редактирования таблиц в редакторе на сайте пока не предусмотрено, поэтому лучше всего таблицу создать и заполнить в word, а на сайт просто скопировать и вставить.

Вы можете пользоваться Заголовками (из выпадающего списка - действует на строку/абзац)) и Стилями - соседний список )действует на выделенный фрагмент текста).

Когда сделали статью, не забудьте нажать кнопку СОХРАНИТЬ прежде чем выйти, а то всё потеряется!! Кнопка - дискетка сверху в панели управления, вторая слева, как обычно в word и других программах.

Как сделать гиперссылку?

7. Гиперссылку делаем следующим образом: открываем в соседнем окне страницу, на которую нужно дать ссылку. Затем возвращаемся в редактирование статьи, выделаем текст, по щелчку на который вы хотите сослаться на страницу, и нажимаем пиктограмму в виде земного шара со скрепкой). У вас появится поле, куда нужно вставить url выбранной страницы (зайдите в окно, где у вас открыта эта страница, скопируйте url-путь и вставьте, нажмите OK). Выделенный текст станет гиперссылкой.

Фотографии и файлы в статье

8. Справа у вас поле с закладками Изображения. Ставите курсор в белое поле, выбираете файл-фото у себя на компьютере (можно сразу несколько, но учитывайте скорость интернета, из-за города несколько файлов может грузится долго), когда выберете - загрузка начинается сразу. После загрузки фотографии появятся в списке - вы их увидите.

Вы загрузили фото. Теперь их нужно расположить в статье.

Чтобы расположить фото в тексте, поставьте курсор в текстовое поле там, где вы хотите вставить фото, после этого щёлкните по нужному фото - оно отобразится в статье. Если курсор будет расположен ближе к правому краю - фото вставится справа от текста, если слева - то слева. Фото в статье отображаются небольшими - с предпросмотром, в статье на сайте при наведении на картинку она будет распахиваться.

Все фото, которые загружаются здесь, автоматически уменьшатся (но останутся достаточно большими, в подавляющем большинстве случаев этого достаточно).

ВНИМАНИЕ! Если фотографий нужно загрузить много - целую галерею картинок, а не просто как иллюстрации к тексту, в поле работы с картинками перейдите по ссылке "Перейти в каталог" (сохраните перед этим статью!), можно открыть в новом окне. Увидите вот что - на картинке справа.

Сначала ставим курсор в поле, выбираем на компьютере файлы, и грузим фото на сайт (можно много, но каждая - не более 2 Мб, иначе не загрузится). Они появятся в списке.

Теперь их можно подписать. У нужной фото щёлкаем по кнопке - откроется мини-редактор, где вы можете дать текст для этой фотографии.

КАЖДОЕ ФОТО МОЖНО РАСПОЛОЖИТЬ как в статье, так и в галерее, так и в комментариях - в одном месте или во всех сразу - ставьте нужные галочки. Если вы грузили фото через статью (где основной текст пишем) - галки-крестики будут стоять вначале. Если грузите через каталог - то в середине. Если вы хотите, чтобы какое-то из фото отобразилось под статьёй комментарием - поставьте галку в конце.

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

Когда подписали все фото, можно вернуться в статью. Все фото, у которых вы поставили галку "отображать в статье" (первая из трёх), появятся у вас в поле сбоку, их можно расположить в статье. Если галерею открывали в новом окне, то закладку со статьёй обновите, чтобы там появились фотографии.

Текст, который вы вписали, появится под фотографией - при редактировании не отображается, но на сайте увидите.

Как посмотреть на сайте, что у меня получается?

9. При создании статьи (особенно большой) лучше регулярно нажимать кнопку "Сохранить" (пиктограмма-дискетка). Обращайте внимание: показатель того что статья сохранена - надпись под полем "Здравствуйте..." - "Сохранили" и цифры - время сохранения статьи. В скобках ссылка - "Посмотреть на сайте" - кликнув по ней, вы можете посмотреть, как ваша статья выглядит на сайте.

Если вы пишете о событии...

10. Если вы пишете статью о каком-либо событии (семинар, ярмарка, фестиваль, заезд в лагерь и т.п.), то под надписью "Сохранили" заполните 2 поля - Дата начала и конца события (если они совпадают, т.е. ярмарка 5-го июля - то и начало, и конец события выбираем 5 июля). Дату выбираем, щёлкнув по пиктограммке-календарику, месяцы можно листать.

На сайте существует поиск по событиям, а грядущие 10 событий (самые ближние к сегодняшней дате) отображаются в колонке справа, поэтому не забывайте заполнять эти поля с датами.

Если хотите загрузить большие фото или создать каталог товаров с ценами...

11. Когда вы видите список своих статей ("Мои статьи") - у каждой статьи 2 пиктограммки: одна для входа в редактирование статьи, вторая - для входа в галерею (каталог картинок к статье). В каталог картинок можно также войти и через статью.

ВНИМАНИЕ! Ваша статья не сразу отобразится в потоке!

ВНИМАНИЕ!!! Все материалы сайта hnh.ru  проходят модерацию - и комментарии, и ваши статьи. Все материалы, хотя уже и находятся на сайте, появятся в общем потоке только после проверки администратором (обычно  сутки-двое после вашей публикации). Если хотите ускорить проверку - пишите администраторам через Контакты.

После проверки статьи отображаются на главной странице в потоке (а также в потоках отдельных разделов).

Замечание - разные браузеры имеют свои особенности. Редактор нашего сайта в основном рассчитан на работу с FireFox (скачать можно здесь), если у вас возникают проблемы при работе через Explorer или другие браузеры - пишите.

При работе на Mac (Макинтошах) копирование и вставку осуществляйте, переключившись на английскую раскладку клавиатуры.

Если у вас остались вопросы или появились пожелания - пишите!

www.hnh.ru

Работа с сайтом своей компании в интернете

Работа с сайтом своей компании в интернетеЛюбой крупный бизнесмен знает, что хорошая компания должна иметь свой собственный сайт. Причин тому очень много, а самая важная, пожалуй, заключается в том, что сайт является лицом компании. К примеру, если он не информативен и сделан крайне неудобно, то это вызывает отторжение у пользователей. А если сделать его максимально простым и понятным, то отношение к компании будет более доброжелательным.

Прежде всего, нужно сделать так, чтобы сайт работал максимально быстро и не переставал работать из-за хакерских атак. Если вам нужна профессиональная поддержка сайта в г. Дмитров в PROMO Street вы легко сможете её найти. Поддержка нужна даже самым простым сайтам не очень популярных фирм. Если количество посетителей сильно загрузит сервера вашей компании, то потенциальные посетители не смогут работать с сайтом.

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

Однако, на форум могут проникать различные тролли и спамеры, потому нужно иметь одного-двух модераторов в штате компании. Пока форум будет малопосещаемым, его может "чистить" любой сотрудник, но потом это будет слишком сложно и придётся нанять специальных людей. Также, на первых порах, понадобится наполнение форума. Для этого нужно будет заплатить за работу удалённым сотрудникам, которые занимаются наполнением форумов.

Важно иметь свою службу технической поддержки. Это специализированные сотрудники, которые будут принимать "тикеты" от клиентов и отвечать на их вопросы. Польза от них будет заключаться не столько в решении проблем клиентов, сколько в формировании общественного мнения о компании. Потенциальный клиент легче доверится той компании, для которой его мнение важно. Решением же проблем всегда должны заниматься технические специалисты, которым операторы техподдержки будут передавать жалобы клиентов.

Итак, можно точно заявить, что хороший сайт нужен практически любой фирме.

Рассказать друзьям

xdan.ru

Инструкция по работе с сайтом школы. Добавление материала

После того как для Вас был разработан сайт на базе CMS Joomla для Вашего образовательного учреждения, наступает период по самостоятельному наполнению контента. Сам процесс по добавлению материала на сайт очень прост и интуитивно понятен, однако давайте рассмотрим основные моменты:

Для того, чтобы добавить материал на сайт школы необходимо выполнить следующие действия:1. Введите в адресной строке браузера адрес сайта школы. Например:http://it-school.pw

2. После того, как вы убедились, что сайт функционирует, переходим в панель управления сайтом. Для этого необходимо ввести в адресной строке браузера:

http://адрес вашего сайта/administrator

3. В появившемся окне авторизации введите логин и пароль администратора сайта и нажмите кнопку «Войти»:

4. В панели управления выберете справа раздел «Создать материал»:

5. В окне создания материала в строке «Заголовок» введите название материала:

6. В разделе редактирвоания текста введите текст материала, используя панель форматирования:

7. После введения текста для публикации выберете «Состояние» — оно должно быть в режиме «Опубликовано»:

8. Выберете категорию, в которой должен относится создаваемый материал:

9. Если материал должен быть опубликован в разделе «Избранное» — укажите. Обычно раздел «Избранное» используется для публикации на главной странице сайта:

10. Для сохранения материала нажмите кнопку «Сохранить»:

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

it-school.pw

Урок№7. Как работать с визуальным редактором сайта на ucoz.ru

В этом уроке Вы узнаете о том, как работать с визуальным редактором сайта на ucoz.ru. Для кого-то работа с визуальным редактором может показаться элементарным, но на сайте webcaum.ru представлены уроки сайтостроения, разработанные специально для новичков, которые впервые сталкиваются с задачей создания и ведения сайта. И именно для начинающих web-мастеров предназначен данный урок.

Итак, в этом уроке Вы узнаете, как делать ссылки в статье, помещать фотографии, менять шрифт текста и его размеры, делать выделения и многое другое, связанное с оформлением страницы сайта.

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

Ну, что, приступим? Предлагаю заполнить главную страницу сайта, на примере которой Вы уже потом сможете сами заполнить остальные страницы сайта. Зайдите в админку сайта и перейдите в раздел: Редактор страниц -> Управление страницами сайта.

Управление страницами сайта на ucoz

В данном разделе мы можем редактировать страницы нашего сайта. Обратите внимание на правую крайнюю колонку инструментов управления страницами сайта.

Инструменты управления страницами сайта на ucoz.ru

Вкратце о каждом инструменте:

кнопка в виде глаза — кнопка в виде глаза позволяет редактировать страницу в визуальном редакторе.

кнопка в виде гаечного ключа — кнопка в виде гаечного ключа позволяет редактировать код страницы.

кнопка в виде крестика — кнопка в виде крестика позволяет удалять страницы сайта.

Чтобы отредактировать главную страницу сайта, нажмите справа от названия «Главная страница» на кнопку в виде глаза кнопка в виде глаза. Мы перешли в раздел редактирования содержимого главной страницы сайта. Как видите, панель инструментов визуального редактора сайта очень схожа с панелью инструментов программы Microsoft Word. Давайте добавим текста в содержимое страницы. Среди файлов, которые Вы скачали на странице уроков по созданию сайта на UCOZ, есть файл «главная.txt». Скачайте файлы, если Вы этого ещё не сделали. Откройте файл «главная.txt», скопируйте весь текст и вставьте его в содержимое страницы.

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

Визуальный редактор сайта, сделанного на ucoz.ru

Выделение цветом

Кнопка «Цвет текста» — Кнопка «Цвет текста». Данная кнопка позволяет менять цвет текста. Для этого выделите область текста, где Вы хотите поменять цвет, нажмите на кнопку «Цвет текста» и выберите нужный Вам цвет.

Кнопка «Цвет фона» — Кнопка «Цвет фона» позволяет менять фон вокруг выделенного текста. Также выделяем сначала область текста, нажимаем на кнопку и выбираем нужный нам цвет фона.

Как сделать ссылку

кнопка «Ссылка» — кнопка «Ссылка». С помощью данной кнопки мы можем делать ссылки на другие страницы нашего сайта, а также на страницы других сайтов, если это необходимо. Давайте сделаем несколько ссылок в статье. Для начала я покажу, как делать ссылку на главную страницу сайта. Выделите в первом абзаце адрес сайта http://katalogik.ucoz.ru и нажмите на кнопку кнопка «Ссылка» (Ссылка). Перед нами появится окно, в котором указывается адрес ссылки.

окно, в котором указывается адрес ссылки

Есть 2 способа сделать ссылку на главную страницу:

1-й способ — указать полный адрес сайта. В правое поле мы указываем адрес сайта katalogik.ucoz.ru, в левом поле выбираем схему обращения к ресурсу. Если мы делаем обычную ссылку, то нужно выбрать протокол http://. По такому же принципу делаются ссылки на другие сайты. Например, если мы хотим сделать ссылку на сайт webcaum.ru, то справа мы указываем адрес сайта webcaum.ru, а слева также выбираем http://.

1-й способ сделать ссылку на главную страницу

2-й способ сделать ссылку на главную страницу — это просто в правом поле поставить слеш «/» с наклоном слева-направо. Левое поле, где нужно выбрать протокол, мы оставляем пустым в таком случае. Ещё раз повторюсь: когда мы указываем полный адрес, то в левом поле мы выбираем протокол http://, когда ссылка указывается без полного адреса, то левое поле должно оставаться пустым. Это правило важно всегда соблюдать, иначе ссылки будут некорректно показываться. Мы воспользуемся 2-м способом, поскольку он проще и удобнее.

2-й способ сделать ссылку на главную страницу

Если Вы хотите, чтобы ссылка открывалась в новом окне, то там, где поле «Фрэйм/окно (Target)» выберите: Blank (новое окно).

В поле «Текст» введите название ссылки, в данном случае мы наберём: Белый каталог сайтов. Это всплывающая подсказка, которая будет появляться при наведении курсора мыши на ссылку.

Все значения мы ввели, нажимаем «Вставить», а затем «Ок».

Делаем ссылку на главную страницу

Если Вы хотите исправить ссылку, то нужно выделить всю фразу целиком и нажать на кнопку кнопка «Ссылка» (Ссылка).

Как исправить ссылку

Теперь давайте сделаем ссылку в заголовке «Как добавить сайт в каталог». В предыдущих уроках мы создали уже данную страницу. Зайдите на наш сайт и перейдите в раздел «Как добавить сайт». В верхней строке браузера указана ссылка, которую нам нужно скопировать и указать в заголовке.

Ссылка в строке браузера

Опять же таки, есть два способа сделать ссылку на страницу:

1-й способ — это указать полный адрес ссылки (в моём случае — это katalogik.ucoz.ru/index/kak_dobavit_sajt_v_katalog/0−4) и выбрать протокол http://.

1-й способ сделать ссылку на страницу

2-й способ — это указать неполный адрес ссылки, начиная со слеша «/».

Копируем неполный адрес ссылки, начиная со слеша

В моём случае нужно скопировать ссылку /index/kak_dobavit_sajt_v_katalog/0−4 и затем вставить её в поле «Адрес». Левое поле оставляем пустым.

2-й способ сделать ссылку на страницу

Теперь Вы знаете, как делать ссылки на сайте.

Как вставить изображение в текст

кнопка «Изображение» — кнопка «Изображение» позволяет нам вставлять картинки в текст. Поставьте курсор в самом начале первого абзаца. Нажмите на кнопку кнопка «Изображение» (Изображение). Перед Вами появится окно, где нужно указать ссылку на изображение. Но прежде чем это сделать, необходимо загрузить изображение на сайт. Чтобы загрузить картинку перейдите в папку в верхнем правом углу.

Чтобы загрузить картинку перейдите в папку в верхнем правом углу

Для начала я предлагаю создать отдельную папку для наших картинок. Нажмите кнопку «Создать папку».

Создание папки для загрузки файлов на ucoz.ru

Введите img и нажмите на зелёную галочку, чтобы создать папку.

Создание папки для загрузки файлов на ucoz.ru

Перейдите в созданную папку и нажмите «Обзор». Нам нужно выбрать среди файлов, которые Вы скачали на странице уроков по созданию сайта на ucoz.ru, картинку katalogik.jpg. Загрузите её на сайт.

Загрузка файла на сайт

Чтобы вставить картинку нажмите один раз по её названию.

Чтобы вставить картинку нажмите один раз по её названию

Там, где нужно было прописать путь к картинке, адрес ссылки на неё вставился автоматически.

Чтобы вставить картинку нажмите один раз по её названию

Заполним остальные поля.

В поле «Название» введите: Белый каталог сайтов. Это будет замещающий текст к картинке, который будет показываться в случае, если картинка по каким-то причинам не будет отображаться.

Выравнивание. Чаще всего, выравнивание устанавливается либо слева, либо справа. Остальные виды выравнивания Вы можете попробовать сами повыбирать. В данном случае мы поместим картинку справа от текста. Выбираем «вправо».

Стиль рамки. Указывать значения стилей рамки мы не будем, но давайте посмотрим, что это такое и для чего это нужно. Нажмите на эту кнопку. В первой колонке мы можем выбрать вид рамки вокруг картинки. Во второй колонке — ширину рамки. В третьей колонке нужно выбрать, с какой стороны должна быть рамка — со всех сторон или с какой-то одной определённой.

Ширину и высоту можно не указывать, но если Вы считаете, что картинка слишком широкая то можно немного уменьшить её ширину и картинка уменьшится, сохранив свои пропорции.

Осталось указать отступы от текста. Установим отступ только слева в 15px.

Все поля мы заполнили, нажимаем «Вставить».

Чтобы вставить картинку нажмите один раз по её названию

Как видите, картинка разместилась справа от текста. Теперь Вы знаете, как загружать и вставлять картинку в тест.

Форматирование текста

Нажав по полю «Абзац», можно выбрать заголовки разных уровней (h2,h3,h4,h5,h5,h6), а также различные форматы текста. Чтобы установить формат заголовка, выделите текст и выберите требуемый размер.

Форматирование текста на ucoz.ru – Абзац

Нажав по полю «Шрифт», можно выбрать для определённой части текста свой шрифт.

Форматирование текста на ucoz.ru – Шрифт

Нажав по полю «Размер», можно выбрать для определённой части текста размер.

Форматирование текста на ucoz.ru – Размер

Выделения

Выделения текста на ucoz.ru – жирный шрифт — выделяет текст жирным шрифтом.

Выделения текста на ucoz.ru – Курсив — выделяет текст курсивом.

Выделения текста на ucoz.ru – Подчёркивание — подчёркивает текст.

Выравнивание текста

Выравнивание текста — данные кнопки выравнивают текст слева, по центру, справа и равномерно по ширине.

Списки

Пронумерованные списки — с помощью этой кнопки можно делать пронумерованные списки.

Пример:

  1. Строка 1
  2. Строка 2
  3. Строка 3

Маркированные списки — с помощью этой кнопки можно делать маркированные списки.

Пример:

  • Строка 1
  • Строка 2
  • Строка 3

Отступы

Отступы — данные кнопки позволяют делать отступы справа и обратно влево.

Теперь Вы знаете, как работать с визуальным редактором сайта на ucoz.ru. Далее Вы уже можете сами оформить весь текст.

Популярность заметки: 9%

Опубликовал admin 21 апреля, 2013 | 5 комментариев | Просмотров: 40,678

Рейтинг заметки:

Loading ... Loading ...

Размещено в рубрике: Сайт на UCOZ

Метки: ucoz

Если Вам понравились материалы сайта http://webcaum.ru, и Вы хотите отблагодарить автора данного ресурса, то скопируйте код баннера, который представлен ниже, и вставьте его на любой странице Вашего сайта.

Как создать свой сайт

5 комментариев к заметке «Урок№7. Как работать с визуальным редактором сайта на ucoz.ru»

webcaum.ru

Как работают сайты

Как работают сайты

Оглавление:

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

Так вот в этой статье именно этот вопрос мы и разберём. То есть, узнаем основные принципы работы сайтов.

Для того чтобы запустить какой-то сайт, нам нужны такие вещи как исходные файлы данного сайта, веб-сервер и браузер.

По словам википедии, веб сервер это сервер, который принимает запросы типа HTTP, от веб браузеров и выдаёт им HTTP ответы.

Вместе с HTTP ответами, веб сервер возвращает браузеру HTML страницу, изображения и другие необходимые файлы.

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

Сайты бывают двух типов, статические и динамические.

Когда мы заходим на главную страницу сайта, то в первую очередь, браузер ищет индексный файл, то есть файл с названием index. У статических сайтов, этот файл имеет расширение " .html " или " .htm ", а у динамичных сайтов " .php ".

Принцип работы статических сайтов

Со статическими сайтами всё просто. Для каждой странице, есть соответствующий html файл, который отвечает за эту страницу. Для страницы с контактами, может отвечать файл " contacts.html ", для страницы об авторе, может отвечать файл " about.html " и так далее.

То есть браузер, каждый раз обращается к серверу за конкретный файл, сервер ищет у себя этот файл и если он есть, то в качестве ответа, возвращает браузеру html-разметку данного файла. Иначе, если запрашиваемый файл не существует, то сервер возвращает ошибку.

как работает статический сайт

Принцип работы динамических сайтов

Здесь, сначала браузер также делает запрос к серверу, но сервер в этом случае уже не возвращает какой-то конкретный файл, а отправляет этот запрос на обработку интерпретатору PHP. Интерпретатор обрабатывает этот запрос и возвращает серверу обработанный код, а сервер уже возвращает браузеру этот код в формате html разметки.

как работает динамический сайт

У динамических сайтов, физических страниц, фактически нет. Они при каждом запросе генерируются.

Еще такой момент. Если в корне сайта находятся оба индексных файла, то есть файл " index.html " и файл " index.php ", то, когда мы заходим на главную страницу сайта, в первую очередь загружается файл " index.html ". Поэтому, если Вы хотите чтобы загружался файл " index.php ", то файл " index.html " нужно удалить.

На этом всё. Надеюсь, Вы поняли в общих чертах как работают сайты. Статья получилась не большая, но зато полезная.

Похожие статьи:

Видео по теме:

Понравилась статья?

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Поделиться с друзьями:

Подписаться на новые статьи:

Поддержите пожалуйста мой проект!

Следующая статья >>

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту [email protected] И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Добавляйтесь ко мне в друзья в:

Добавляйтесь в мои группы:

Подпишитесь на мои каналы:

Автор статьи: Мунтян Сергей

Копирование материалов с сайта sozdatisite.ru ЗАПРЕЩЕНО!!!

Дата добавления: 2017-08-22 01:28:18

sozdatisite.ru

Инструментарий web-разработчика. Организация работы с сайтами.

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

Локальный веб сервер

Безусловно, вести разработку локально гораздо удобнее, чем удалённо. А для этого необходимо иметь на компьютере развёрнутый веб сервер. Администратор из меня не ахти какой выдающийся, поэтому я предпочитаю использовать сборки. Которых, кстати, более чем хватает для всех моих нужд. Самая первая сборка, с которой я познакомился, это Denwer. Она довольна проста в установке и имеет ряд преимуществ:

  • Небольшой размер
  • Быстрая и простая установка
  • Автоматически ставится Zend Optimizer, что несколько ускоряет работу сервера.
  • Так же из коробки ставится эмулятор мэйл сервера, который позволяет "отправлять" емейлы. На самом же деле они закидываются в папку на сервере в виде текстовых файлов вместе с заголовками и содержимым емейла. Очень удобно.

Но и есть один серьёзный недостаток - сервер получается неполноценным. Отсутствует множество библиотек и дополнений, которые придётся ставить самому. Например, даже широко используемый cURL придётся скачивать и ставить самому.

Подытожим: Denwer хороший веб сервер для новичков. Вам не надо заботиться об установке сервера и его настройке - это сделано за вас. Однако при более серьёзных разработках придётся искать что-то посерьёзнее. Кстати, работает только под виндой ;)

Следущий веб сервер, к которому я перешёл (и который в большинстве случаев использую по сей день) - это XAMPP. Полноценный веб сервер, даже с дополнительными аддонами. Не сложен в установке. Включает в себя основной набор php библиотек для разработки. Покрутив немного настройки php и mysql можно сделать вполне себе шустрый веб сервер.

Из недостатков - включает в себя довольно сложно настраиваемый почтовый сервер, в котором не каждый разберётся.

XAMPP - веб сервер, который придётся немного покрутить, но оно того стоит. Кстати, кроссплатформенный, поэтому можно им пользоваться на любой ОС. Я им пользовался больше года и с большего был доволен результатами.

Ещё один продукт, на который советую обратить внимание - это разработка компании Acquia (для тех, кто в танке - фирма создателя Друпала). Они предлагают ставить Друпал на их Dev Desktop. Стоит отметить, что этот веб сервер не включает в себя что-то очень интересное или мощное. Обычная среда разработки с предустановленным Друпалом. Зато имеет удобный веб интерфейс по управлению сайтами и сервером.

Ну и сладкое на закуску. Не так давно вышел Open Server. Очень и очень рекомендую. Графический интерфейс, разные версии PHP / Mysql в коробке, возможность переключаться между Apache / Nginx и многое другое. Я даже скриншот сделал одной из вкладок с настройками:

openserver.png

Со скоростью работы у него тоже очень даже неплохо. На данный момент - это мой выбор.

IDE (интегрированная среда разработки)

Теперь о том, в чём я пишу. Первый год разработок мне вполне хватало обычного блокнота notepad++. Очень удобный блокнотик с подсветкой синтаксиса. Из преимуществ - быстрое открытие / закрытие документов, минимализм, очень удобный интерфейс. Пока не началась серьёзная разработка высоконагруженных и объёмных сайтов - большего мне не требовалось.

Однако разбираться в чужих проектах, которые писались другими программистами, с помощью блокнота было сложно. К тому же, всё чаще возникала необходимость пошаговой отладки кода. Поэтому пришлось пересесть на IDE. По рекомендациям других разработчиков выбор пал на PhpStorm. В своём я не разочаровался до сих пор. Эта IDE имеет массу удобств. Из моих любимых:

  • Возможность работы с системами контроля версий (об этом я ещё расскажу)
  • Умный автокомплит
  • Возможность пошаговой отладки кода
  • Рефакторинг кода
  • Поиск TODO комментариев
  • Отображение стека вызова функций
  • Удобный интерфейс

Выглядит она так:

phpstorm

Из более-менее достойных альтернатив этой среде разработки - NetBeans. Однако я PhpStorm'ом доволен, и менять его на что-то другое не собираюсь.

Система контроля версий

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

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

Краткий принцип работы систем контроля версий:

  • Имеется некое пространство, куда помещаются данные проекта (репозиторий)
  • У каждого программиста установлен локально клиент для работы с репозиторием.
  • В любой момент времени программист может отослать данные в репозиторий (это называется коммитом). Данные в репозитории будут объеденены с теми, которые там находились.
  • В любой момент времени программист может запросить актуальные данные из репозитория. Данные будут объеденены с теми, которые находятся на компьютере программиста.
  • В любой момент времени программист может как локально, так и в репозитории откатить данные к определённому коммиту.

Более подробно можно почитать на википедии.

Систем контроля версий много. Я пользуюсь git'ом. К слову, эта же система используется на drupal.org для работы с проектами.

В качестве репозитория я предпочитаю github.com. С его помощью можно подключаться к внешнему репозиторию и хранить все данные в нём.

У себя я использую консоль по работе с гитом. Некоторые разработчики предпочитают работать с ним через графический интерфейс с помощью TortoiseGit.

Миграция данных между локальным и внешним сервером

Рано или поздно, сайт с локального сервера придётся переносить в Интернеты. Процесс переноса разбивается на две части:

  • Перенос базы данных
  • Перенос файловой системы

И если с переносом файловой системы всё просто - достаточно запихать данные в репозиторий, а потом с сервера их забрать, то с базой данных у меня два принципиально разных подхода.

Подход первый. Общая база данных.

Есть очень интересный подход, позволяющий использовать внешнюю базу данных как локальную. То есть БД реального сайта на внешнем сервере, но все данные в неё пишутся с локального сервера. Визуально это ничем не отличается от работы с локальной базой. То есть вы работаете у себя где-нибудь на http://localhost/site, добавляете материал, меняете настройки сайта и т.д. А в это время все изменения делаются не в локальной БД, а в базе реального сервера. Объясню на примере.

Этот трюк я постоянно проделываю на хостинге it-patrol.ru. У них внешний доступ к базе данных закрыт, однако можно пробросить по SSH туннель к ней (инструкция). После открытия туннеля в settings.php прописываете порт, на который открыт туннель - и получаете профит.

Второй подход. Ручное копирования базы.

Метод банален до безобразия. Копируем базу с локального сервера и закидываем на внешний. Но тут стоит остановиться на методах импорта и экспорта данных:

1. Экспорт и импорт с помощью консоли.

mysqldump my_database --user=username --password=my_password > my_dump.sql

и

mysql -u username -p database < my_dump.sql

2. Работа с базой с помощью phpmyadmin. Этот скрипт установлен на большинстве хостингов, поэтому наиболее популярен среди разработчиков. В принципе, допольно удобный, однако не всегда надёжный. По моей личной статистике, в 10% случаев с ним возникают проблемы при импорти либо экспорте базы. Хотя от его использования я до сих пор полностью не могу отказаться.

3. Копирование и восстановление данных при помощи модуля backup_migrate. Хороший и удобный модуль. Пользуюсь им в 50% случаев.

4. Использование скрипта Sypex Dumper. Достаточно надёжный и удобный. Быстро работает, имеет приятный интерфейс. Пользуюсь в 40% случаев.

Прямая работа с базой данных

Ковыряться в базе данных приходится постоянно. Раньше я делал это через phpmyadmin, однако нашёл более удобную утилиту - HeidiSql. Имеет приятный интерфейс и массу приятного функционала. Например, подсчёт статистики команд в запросах к базе; список активных процессов; удобный доступ к настройкам mysql и многое другое. Выглядит она так:

heidisql.png

Заключение

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

И о насущном. С наступающим Новым Годом, друзья!

drupalace.ru

Работа с сайтом

В век интернет-технологий для рекламы товаров, услуг, получения или распространения какой либо информации мало создать грамотный и действительно полезный сайт. Это лишь часть работы, первые шаги к тому, чтобы портал начал работать и выполнять... Подробнее Вопрос с сайтами всегда стоит неоднозначно, если ты развиваешь свой сайт, пишешь интересный контент, добавляешь видео, сайт развивается. Но никто не отменял расходы на содержание сайтов, оплату труда авторов, хостинг, доменное имя в конце концов,... Подробнее На рынке есть очень много решений по выбору выделенного сервера для размещения сайтов. В этой статье  я попробую систематизировать свои данные по серверам, по их цене, качеству работы, основным характеристикам, на которые, я считаю следует... Подробнее Апорт был продан за 150 000 долларов Один из известных поисковиков, который помнят многие из начинавших свое знакомство с Интернетом в девяностые годы Апорт потихоньку закончил свои дни. В это даже непонятно как можно было прийти, но увы все... Подробнее Чтобы создать сайт самостоятельно следует запастись огромным терпением, которое Вам очень понадобится начиная уже с первым минут работы над проектом будущего интернет-ресурса. Если в этом деле Вы новичок и совершенно не знакомы с понятиям... Подробнее

cmsinstant.ru