Главная
События
Проекты
Контакты
Вход Регистрация Забыли пароль ?
webinformatic - Уроки Photoshop - Чудеса - Коллаж от нуля - страница 2
подробнее...
Программы
Статьи сайта
webinformatic - Что нужно знать для создания сайта ? ASC II Коды символовwebinformatic - Уроки Fruity Loops Studio (FL Studio) - урок 4 - пишем первый вариант композиции COLD
webinformatic - Популяризация Современных Научных Знаний и Размышления на околонаучные темы. СОДЕРЖАНИЕ
webinformatic - Популяризация Современных Научных Знаний и Размышления на околонаучные темы. Энергетический кокон
webinformatic - Модуль галерей для любой cms
webinformatic - Портфолио выполненных проектов сайтов и приложений
webinformatic - Мои Музыкальные Миры - страница 2
webinformatic - megainformatic cms rs
webinformatic - модуль Падающий снег
webinformatic - проект Open Shop
webinformatic - Рисуем красивую девушку всего за 6 шагов
webinformatic - Галерея красивых рисованных девушек
webinformatic - НОВОГОДНЕЕ ОБРАЩЕНИЕ СОЗДАТЕЛЯ webinformatic К ЖИТЕЛЯМ ПЛАНЕТЫ интернет
webinformatic - Отзывы оставленные пользователями как впечатление о проделанной работе или что-либо понравившееся на сайте
webinformatic - Уроки css - атрибут position
webinformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - СОДЕРЖАНИЕ
webinformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 1 - Обычный день
webinformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 2 - Начало (begin)
Новогодняя дискотека 2013 на megainformatic точка ru
webinformatic - Программируем на C++ с использованием MFC
webinformatic - Программируем на C++ с использованием MFC - Создание MFC приложения
webinformatic - Программируем на C++ с использованием MFC - Создание MFC приложения - hello, world !
webinformatic - Как создать игру ? - Пишем игровой движок с нуля
webinformatic - Как создать игру ? - Пишем игровой движок с нуля - Вступление
webinformatic - Как создать игру ? - Пишем игровой движок с нуля - Общая структура будущего игрового движка
Разное
webinformatic - Как создать игру ? - Пишем игровой движок с нуля - DXUTMainLoop - цикл работы DirectX-приложения
webinformatic - Варианты макетов Психолог 911
webinformatic - Шаблоны для сайтов - что это и какие они бывают ?
webinformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 3 - Кто он ? (who is ?)
webinformatic - Мои Музыкальные Миры - готовая музыка mp3 - новинки 2013 года
webinformatic - Теория и практика хакерских атак - самозащита от нападения
webinformatic - Теория и практика хакерских атак - самозащита от нападения - Способы подмены реального IP
webinformatic - Fruity Loops Studio 9 - Как синтезировать свои сэмплы - изучаем возможности плагина Sytrus
webinformatic - Видоизменяем тему для Wordpress под свои нужды
webinformatic - Flash приложения и игры - Шаг 3 - управляемый шарик
webinformatic - Учимся создавать флеш-игры, что нужно знать для того, чтобы заняться созданием flash приложений и игр ?
webinformatic - Шаг 4 в освоении Flash-технологий - как анимировать персонажа и управлять им
webinformatic - Форма для смены шаблонов сайта. Модуль template selector
webinformatic - megainformatic cms express files + module slider
webinformatic - Создание сайта бесплатно или под заказ
webinformatic - Как создать flash баннер
webinformatic - Разработка flash-приложения для сайта: онлайн примерочная
webinformatic - Мои впечатления о книге - Владислав Крапивин - Журавленок и Молнии
webinformatic - Модуль отзывов/комментариев для вашего сайта
webinformatic - Модуль отзывов/комментариев для вашего сайта
webinformatic - Модуль отзывов/комментариев для вашего сайта
webinformatic - Модуль короткие ссылки short link
webinformatic - Работа с сокетами fsocket из php
webinformatic - Как создать игру Создание игровых панелей и индикаторов
webinformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс
webinformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс
webinformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс
webinformatic - Система управления сайтом на php - megainformatic cms admin files
webinformatic - обзор антивирусных средств защиты
webinformatic - как работает антивирус ?
Что нужно знать для создания сайта ?
[к содержанию]Итак, Вы решили научиться создавать сайты, чтобы сделать свой собственный или выбрать эту область деятельности как источник заработка, а может быть просто - чтобы узнать что-то новое и интересное.
В любом случае, скажу, что эта тема слишком обширна и здесь мы рассмотрим лишь общие сведения.
Нужно иметь представление об общем устройстве, назначении и функциях сайтов.
Знать 5 языков:
- html;
- css;
- php;
- javascript;
- sql для mysql;
Создание сайта обычно включает следующие шаги:
- планирование задач и общей направленности сайта;
- составление технического задания (тз);
- рисование дизайн-макета в Photoshop или другой программе работы с растровой или векторной графикой;
- верстка шаблона сайта - на чистом html + css или сразу с внедрением в конкретную систему управления сайтом (cms);
- разработка необходимого функционала на html + css + php + javascript + my sql;
- наполнение сайта контентом (статьями, картинками, программами, пользователями) и прочим, что будет составлять полезную основу будущего сайта;
Общее представление о том, с чего можно начать я уже давал в некоторых своих статьях,
например Пишем свою cms, Web технологии, Уроки php
Программные инструменты, которые Вам понадобятся упоминаются здесь - Что нужно для создания собственного сайта.
Теперь давайте постепенно продвигаться вперед - будем шаг за шагом, страница за страницей изучать и рассматривать со всех углов зрения всё то, что Вам потребуется для изучения искусства разработки сайтов.
Глава 1 - первая страница вашего сайта
<html><head>
<title>Моя первая страница</title>
</head>
<body>
Привет! Это текст на моей первой странице.<br><br>
Ура !!! Работает !!!<br><br>
</body>
</html>
Любой сайт, какой бы сложный он не был, имеет одну и ту же структуру страниц, которая показана в данном примере.
Всегда есть <html> и </html> теги, внутри которых заключена вся структура любой страницы любого сайта.
Откройте любой сайт и посмотрите его код в браузере и вы сами убедитесь в этом.
Теги <head> и </head> венчают собой начало и конец заголовочной части страницы сайта.
Всё что описано внутри них - не выводится в видимой части страницы, но влияет на многие особенности отображения этих страниц.
В нашем простейшем примере внутри заголовочной части содержится только код, который задает TITLE - заголовок страницы сайта, выводимый браузером обычно в заголовке окна программы браузера.
И наконец, теги <body> и </body> определяют всю видимую часть страницы сайта, которая будет в том или ином виде показана браузером в области содержимого страницы.
Если эта информация для Вас является новинкой - то советую вам сразу же поэкспериментировать - создать в БЛОКНОТе или другом редакторе текста (например, notepad++), приведенный пример кода, сохранить созданный файл назвав например index.html и попробовать открыть его любым браузером.
Если всё получится - значит Вы сделали свой ПЕРВЫЙ ШАГ в понимании того, как работают сайты.
далее
[к содержанию]