Слабая сила воли

Очередной раз начал дело и забросил на пол пути.
С таким подходом далеко не уехать. А всё потому что как вроде разобравшись с html и css столкнулся с проблемой дизайна. Но дизайн то еще куда не шло, куда интересней беда что у меня не было желания делать 10 сайтов просто чтобы валялись на моем компьютере. Хотелось выложить их в Интернете и иметь от них пользу.

Но пока я думал над темами для еще не сверстанных сайтов, я начал завышать планку. Мол, что мне этого чистого html'a, хочу написать простой движок под свой сайт. Буду лучше учиться дальше, сделаю более динамичный сайт на который будет легко и удобно помещать контент.

Приступил я к обучению PHP почитал немного, понял что ничего не понимаю. Давай сбавлять планку сел учить JavaScript почитал одну книгу (В.А. Дронов – JavaScript в Web-Дизайне) страниц так 150 автор раскидывался всякими терминами, которые для меня были не понятны и его методика была явно не на ламеров рассчитана, от чего только голова разболелась от непонимания. Пришлось искать другую книгу (Вадим Дунаев – Самоучитель JavaScript), та уже была понятней но тоже не идеал.

Почитал я её много, вроде в начале было всё понятно, пока дело не дошло до примеров.

Вот первый пример:

< html>
< img id="myimg" src="pict1.gif" onclick="document.all.myimg.src="pict2.gif" />
< /html>

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

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

< html>
< body>
< img id="myimg" src="11.jpg" onclick="imgchange()" />
< script>
var flag=false
function imgchange() {
 if (flag) document.myimg.src="1.jpg"
 else document.myimg.src="2.jpg"
flag=!flag
}
< /script>
< body>
< /html>

Смотря на это я ощутил себя дураком, так как смотря на пример я понимал как он работает но я не понимал как самому бы до подобного додуматься. Оказалось что я не знаю элементарного - логики программирования. Не зная логики толку от знания синтаксиса языка ноль. Это все равно, что знать как рисовать картину но не уметь рисовать.

После чего я взялся за поиски учебников по логике программирования, давай знакомых в аське спрашивать и мне посоветовали игру Colobot. Игра действительно оказала положительный эффект, так как это 3D игра в которой есть машинки, ресурсы, враги и т.п. Например можно запрограммировать робота чтобы он сам собирал ресурсы. А если код где-то не правильно написан можно видеть какой это даст эффект, как будет вести себя робот и понимать на ходу в чем же ошибка. Хотя и там всё не идеально, так как вопросов тоже не мало появляется и в основном работаешь по накатанной схеме.

Теперь я снова вернулся за изучение JavaScript'ов но на этот раз за третью книгу (Келли Л. Мэрдок - JavaScript Наглядный курс создания динамических Web-страниц) и скажу ей я доволен, так как там очень удобно подана информация как раз для новичков. Там нету кучи непонятной информации, а потом кучи примеров, что пока до них дошел то уже и забыл что там читал.

Здесь же все по полочкам, вот теории чуток и сразу пример, который на месте и объясняется. Причем всё элементарное, что голову не надо ломать. И именно с неё следовало бы начать изучать JavaScript, а потом уже браться за вторую и первую. В общем, всё в обратной последовательности надо было мне учить. Жаль что не было кому подсказать, а на форумах дохлый номер спрашивать, советуют много и разного и то что одни считают что оно сгодится для ламера (к примеру вторая книга) мне она туго шла.

ЗЫ: Вобщем вот так я потратил целый месяц не видно на что :(

HTML + CSS барьер преодолен, пора зарабатывать деньги

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

Дизайнер я конечно нулевой, значит, придется делать с минимумом графических эффектов, либо где одалживать куски дизайна и клепать в кучу, чтобы получился 1 сайт. Но то всё не беда, главное сверстать валидный сайт и разместить полезную информацию, а супер дизайн на последнем плане :)

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

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

DIV и Fixed – прикольный набор.

Вот сижу, учу верстку страниц Дивами (DIV) + КСС (CSS). Уж очень понравилось мне это свойство fixed, что решил написать.

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

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

Теперь радости полные штаны, сижу, учу дальше :)

Продолжаю учиться

Пока что я понимаю, как сделать страницу на HTML с помощью таблиц (табличная верстка). Также понимаю, как работает CSS но не умею делать сайт без учебника с тегами под рукой. У меня очень плохая память, и запомнить то всё мне сложно. Конечно, чем больше делаешь, тем больше оно проходит на автомате, и меньше подглядываешь в учебник. Но так как я не собираюсь заниматься всё время созданием простых ХТМЛ страниц, мне достаточно того чтобы понимать код уже готовой страницы. И того, как воспользоваться тем или иным тегом.

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

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

Плюс страницы занимают меньший объем, так как содержимое страницы сайта это только текст с указанием какой стиль к нему применить. А описание стилей находится в одном файле *.css. Браузер загрузив этот файл стилей при первой загрузке любой страницы сайта, больше его не грузит, так как он уже будет у него в кеше. И какраз за счет этого загрузка второй и последующих страниц будет происходить в разы быстрее.

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

Первый сайт построен

Не прошло и года, как я сделал простенький сайтик :)
Думал сначала сделать какой то сайт-учебник по HTML. Но, подумав чуточку еще, я отбросил такую идею, так как чего я научу то, если и сам только учусь. И материал для сайта пришлось бы копировать с уже всем известных и хороших сайтов. А вить не хотелось создавать, что попало и выкладывать в Интернет. Вить что попало можно и на своем компьютере сохранять.

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

В общем, старт есть, теперь надо дальше продолжать работать.
Полюбоваться этим творением можно на www.web-project.ho.ua