воскресенье, 23 сентября 2007 г.

Кто здесь?

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

Как я упоминал в прошлом посте, я занимаюсь написанием сайта, пока только одного :) но надеюсь вдальнейшем заказчиков станет больше,
 нужно только их поискать )

Так вот, хотел бы поделиться своим опытом на этом поприще...
Первое, о чём нужно подумать- это разбираетесь ли Вы в программировании, есть ли у Вас опыт, знакомились ли с компьютерной графикой, HTML и WEB технологиями более менее подробно. Если нет, то лучше обратиться к профессионалам Т.к. когда я взялся за эту работу я переоценил свои возможности и чуть было не подавился тем куском, который думал проглочу одним махом. Хотя я неплохо создаю алгоритмы прграмм, тут всё оказалось иначе и появилось множество нюансов, т.к. HTML это не язык программирования, а только разметка страниц, их структура.
 
Изначально я наметил приблизительную структуру сайта и решил сделать его на фреймах(для незнающих: страница разбивается на несколько областей, данные для которых загружаются из других страниц) для создания меню, но оказалось что такая структура совсем не подходит,
т.к. сайт корёжило и кривило в зависимости от объёма подгружаемых страниц.
В итоге пришлось всё переделывать... Про HTML мона пачитаць  тут

Второе: обговорить с заказчиком(если Вы делаете для кого-то) ВСЕ нюансы, всё что должно быть на сайте и как выглядеть, а лучше составить техническое задание(хоть это и гемор, но оно спасёт от куда большего гемора впоследствии, когда тебе говорят что вот нужно ещё добавить это и это, а меню сделать выпадающим, например, а для этого нужно полностью переделывать то что ты уже создал! и если не знаешь как сделать- читать кучу инфы и тратить драгоценное время)


Третье: на основе диалога с "хазяинам":), разработать структуру и подобрать цветовую гамму более подходящую для создаваемого сайта. Лучше нарисовать это всё в Photoshop'е, так Вы увидите как сочетаются Ваши цвета, размеры блоков, а уж потом написать HTML-файл страницы(для наглядности ставьте атрибут border="1" в ваших таблицах и div'ах).


Далее разбить сайт на блоки(например, шапка, меню, содержание, footer (шапка только снизу :) ) Вопрос: для чего? Отвечаю: если сайт будет хотя бы на страниц 10, то если Вы их сделали цельными(все блоки как одна цельная страница), то для внесения изменения, например в шапку, вам придётся
 это выполнить 10 раз! а если больше?...

Затем разбитые области помещаем в отдельные файлы.

Например, из эскизной таблицы 
вырезаем кусок кода, который создаёт шапку и вставляем
 в новый файл. 
Сохраняем как header.php (только не пугайтесь:) ), а на место где был этот кусок(в главной странице)вставляем строчку <_?php require('header.php');?>(только без _ ).
 
Закачиваем на хост шапку и страницы в которых проделана данная операция(но с расширением .php) и вуаля- страницы выглядят как раньше, но изменение шапки (файла header.php) приводят к одновременному изменению всех страниц :) .

Также для избавления от ненужного мартышкиного труда, связанного с изменениями вида текста(размер, шрифт, цвет и т.д.) используйте CSS(каскадная таблица стилей) пачитаць можна деся. И не пугайтесь незнакомых страшных слов, букв и названий. Лучше потратить день-два на прочтение книги и усвоению новых технологий, чем тупо потратить 3 дня чтобы поменять размер шрифтов на ваших страницах и выровнять текст.
Далее нам нужно меню навигации по сайту. Можно его сделать простеньким, в виде обычных строк- ссылок пунктов меню, а можно и написать на JavaScript и у Вас будет всё выезжать, переливаться и подсвечиваться :). Но с нуля писать меню дело неблагодарное, нужно сначала изучить что такое это JavaScript, а потом ещё и написать меню и чтоб оно правилонь работало. Поэтому мы пойдём другим путём). Есть множество программ для автоматического создания меню. Я, например, использовал Sothink DHTML Menu 7.3.70329. (скачать можно тута )
Итак структура разработана, меню создано теперь осталось забить сайт содержимым, но об этом в другой раз, пока писал что-то мне поплахело, пойду за градусником и малиной..


Критика и комментарии приветствуются )