- Регистрация
- 13.11.2010
- Сообщения
- 4 138
Популярные вопросы начинающих!
- Автор темы ScripT
- Дата начала
Начинал со справочника HTML-тегов в далеком 2003-м году. В данный момент советовал бы новичкам начинать с ресурса http://htmlbook.ru/
Но самым важным инструментом что тогда, что сейчас считаю свой личный хостинг-аккаунт в любой хостинг-компании.
Мне повезло, я сразу купил себе колокейшн жесткого диска на 160 Гб с возможностью использования MySQL, безлимитным трафиком и выходным каналом в 100 Мб/с. Это позволило мне экспериментировать без оглядки на что-либо и потому я всецело отдался самообразованию в сайтостроении.
Верой и правдой служил мне мой жесткий диск все эти годы, пока летом прошлого года он не стал сыпаться и пришел в негодность. Но благодаря ему я научился работать с CMS, отдав предпочтение WordPress.
Сегодня эти знания кормят меня. Я создаю сайты на этой CMS и людям эти сайты нравятся. Меня поражают вебмастера, которые ухитряются продавать сайты, не зная HTML/CSS. Шлепают их на Joomla! в визуальном редакторе, не умея редактировать сам каркас сайта. Не спорю, Joomla! прекрасный движок, нисколько не хуже WordPress. Но оригинальный дизайн в WordPress без знаний HTML/CSS не сделаешь. А иногда и этого мало, приходится править PHP-код шаблона.
Но настоящий вебмастер не должен ограничиваться только умением работать с html-css-javascript-php. Не менее важным является умение работать с графическими редакторами и редакторами flash-анимации. Из таковых работаю с PhotoShop, CorelDraw, Corel R.A.V.E., SwishMax, FlashDevelop (не заменимый потрошитель чужих flash-файлов), Sothink SWF Quicker и др.
Но самым важным инструментом что тогда, что сейчас считаю свой личный хостинг-аккаунт в любой хостинг-компании.
Мне повезло, я сразу купил себе колокейшн жесткого диска на 160 Гб с возможностью использования MySQL, безлимитным трафиком и выходным каналом в 100 Мб/с. Это позволило мне экспериментировать без оглядки на что-либо и потому я всецело отдался самообразованию в сайтостроении.
Верой и правдой служил мне мой жесткий диск все эти годы, пока летом прошлого года он не стал сыпаться и пришел в негодность. Но благодаря ему я научился работать с CMS, отдав предпочтение WordPress.
Сегодня эти знания кормят меня. Я создаю сайты на этой CMS и людям эти сайты нравятся. Меня поражают вебмастера, которые ухитряются продавать сайты, не зная HTML/CSS. Шлепают их на Joomla! в визуальном редакторе, не умея редактировать сам каркас сайта. Не спорю, Joomla! прекрасный движок, нисколько не хуже WordPress. Но оригинальный дизайн в WordPress без знаний HTML/CSS не сделаешь. А иногда и этого мало, приходится править PHP-код шаблона.
Но настоящий вебмастер не должен ограничиваться только умением работать с html-css-javascript-php. Не менее важным является умение работать с графическими редакторами и редакторами flash-анимации. Из таковых работаю с PhotoShop, CorelDraw, Corel R.A.V.E., SwishMax, FlashDevelop (не заменимый потрошитель чужих flash-файлов), Sothink SWF Quicker и др.
ScripT
Fighter
- Регистрация
- 04.08.2011
- Сообщения
- 291
лично я - против. Пример: дать новичку танк в разборе. он видит все детали и знает как танк виглядит, но есть разные модели танков и собирать все по одной схеме нет смысла. А когда человек опытный береться за дело, он уже знает к примеру, что у двух разных моделей танков всего-навсего - дуло имеет разницу 20см. если бы все так было гладко, верстальщики вымерли бы как мамонты =)
tigra60
Спасатель
- Регистрация
- 10.12.2009
- Сообщения
- 1 990
А я - за!
Очень полезный ресурс и экономит кучу времени. Любому новичку не терпится сразу получить результат, и этот шаблонизатор дает прекрасную возможность избежать рутинного программирования без скатывания в говнокод.
Если человек хочет научится, он разберется постепенно что и как там работает.
Да и кроме того, допиливания полученного шаблона под конкретный макет более чем достаточно для интимной близости со стилями.
Очень полезный ресурс и экономит кучу времени. Любому новичку не терпится сразу получить результат, и этот шаблонизатор дает прекрасную возможность избежать рутинного программирования без скатывания в говнокод.
Если человек хочет научится, он разберется постепенно что и как там работает.
Да и кроме того, допиливания полученного шаблона под конкретный макет более чем достаточно для интимной близости со стилями.
olgamar
Познающая
- Регистрация
- 16.12.2011
- Сообщения
- 262
я пользуюсь и думаю, многие тоже. В-первых, не надо беспокоиться за кроссбраузерность, включая даже IE-6, новичка избавляет от вопросов, почему тело оторвалось от футера, а для профессионала это просто экономия времени, которое лучше потратить на разработку оригинальных спецэффектов для сайта.
buldozer
Новичок
- Регистрация
- 07.01.2012
- Сообщения
- 1
ненужная вещь. такой шаблон можно написать руками и использовать когда будет нужно, но будет стойкое понимание что к чему.
зы ну если только когда проходите обучение.
Привет.!
Вот вы развели демагогию))) Есть одна очень хорошая поговорка:
"Терпение и труд- все перетрут".
Для себя определился-
1. Надо сделать макет сайта в табличном варианте.(HTML)
2. Раскрасить свой макет(CSS)
3. Добавить движения (JAVA)
4. Написать функционал (PHP)
5. Завести базу (mySQL)
Но я нубка и иду на курсы за фундаментом) впринцыпе можно и самому)) но чем не люблю начинать дело самому- это огромные массивы информации, с которыми чтобы плодотворно работать надо сначала провести работу по оптимизации и затем загнать в структурированный список) чтобы все отложилось в иерархическом порядке.
Кароче говоря изучать по порядку- сначала фкундаментальные знания , а потом в соторну конкретизации.
Мне очень помог ресурс www.postroika.ru на нем просто и доступно в 30-50 шагах расписано как научиться вставлять текст, ссылки, файлы, таблицы и тд. Нобор тэгов не очень большой главное правильно построенный алгоритм и знание подводных камней(это уже опыт).
Жалко что нет ресурса который помог бы на примере постройки научить комплексно азам- CSS, JAVA, PHP, mySQL. Не надо углубляться как пользоваться операторами, но показать правильный синтаксис и основные операторы можно. А там учи эти операторы, свойства, тэги и все остальное... пробуй, мечтай, исполняй))))
ФУУУУХ не судите строго, лучше попроавьте)
Вот вы развели демагогию))) Есть одна очень хорошая поговорка:
"Терпение и труд- все перетрут".
Для себя определился-
1. Надо сделать макет сайта в табличном варианте.(HTML)
2. Раскрасить свой макет(CSS)
3. Добавить движения (JAVA)
4. Написать функционал (PHP)
5. Завести базу (mySQL)
Но я нубка и иду на курсы за фундаментом) впринцыпе можно и самому)) но чем не люблю начинать дело самому- это огромные массивы информации, с которыми чтобы плодотворно работать надо сначала провести работу по оптимизации и затем загнать в структурированный список) чтобы все отложилось в иерархическом порядке.
Кароче говоря изучать по порядку- сначала фкундаментальные знания , а потом в соторну конкретизации.
Мне очень помог ресурс www.postroika.ru на нем просто и доступно в 30-50 шагах расписано как научиться вставлять текст, ссылки, файлы, таблицы и тд. Нобор тэгов не очень большой главное правильно построенный алгоритм и знание подводных камней(это уже опыт).
Жалко что нет ресурса который помог бы на примере постройки научить комплексно азам- CSS, JAVA, PHP, mySQL. Не надо углубляться как пользоваться операторами, но показать правильный синтаксис и основные операторы можно. А там учи эти операторы, свойства, тэги и все остальное... пробуй, мечтай, исполняй))))
ФУУУУХ не судите строго, лучше попроавьте)
olgamar
Познающая
- Регистрация
- 16.12.2011
- Сообщения
- 262
мне сейчас очень помогает вот это http://htmlbook.ru/html5. Курсы, это очень хорошо, но мне кажется, что ценнее всего общение с практиками.
Когда есть четкое представление, каким должен быть сайт, каждая страница, и что нужно от сайта, запоминать информацию, тэги и т.д., очень легко, потому, что читая про тэг уже понимаешь, какую функцию он будет выполнять на сайте. Одновременно просматриваю множество исходных кодов на других сайтах, чтобы знать множество вариантов выполнения задачи.
Когда есть четкое представление, каким должен быть сайт, каждая страница, и что нужно от сайта, запоминать информацию, тэги и т.д., очень легко, потому, что читая про тэг уже понимаешь, какую функцию он будет выполнять на сайте. Одновременно просматриваю множество исходных кодов на других сайтах, чтобы знать множество вариантов выполнения задачи.
- Регистрация
- 13.11.2010
- Сообщения
- 4 138
AngelGabriel
И имя мне - легион
- Регистрация
- 23.11.2008
- Сообщения
- 778
нафига минусовать сразу,
нет, по видео урокам учиться не стоит, будь их автором хоть сам w3c
Browar
New Member
- Регистрация
- 17.01.2012
- Сообщения
- 2
Спасибо! +1
- Регистрация
- 13.11.2010
- Сообщения
- 4 138
Что б не лень было прочитать 1 страничку.
Здрасти.
Ребята выкладываю свой первый Html-ко, написан в dreamweavere. На суд! На что обращать внимание при написании?
Я так понимаю табличная версстка, в прошлом. Сейчас надо начинать учиться блочной?
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
.table1 {
font-family: Tahoma, Geneva, sans-serif;
font-size: medium;
line-height: inherit;
color: #000;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
}
.menu1 {
font-family: "Times New Roman", Times, serif;
font-size: x-large;
font-style: normal;
line-height: normal;
background-color: #FFF;
padding: 1px;
float: none;
position: static;
margin: 0px;
height: 150px;
width: 225px;
}
.knopka {
position: fixed;
top: auto;
right: auto;
clip: rect(auto,auto,auto,auto);
}
.img1 {
margin-top: 10px;
}
</style>
</head>
<body link="#00FFFF" alink="#0000FF" vlink="#FF0000">
<table class="table1" cellspacing="0" border="0" width="1331">
<tr>
<td width="227"><img src="logo.jpg" alt="лого1" /></td><td colspan="2" height="120"><img src="34097_1024_768.JPG" height="170" width="1100" align="left" /></td>
</tr>
<tr>
<td height="458" align="justify" valign="top">
<div class="menu1">
<ul type="disc">
<li><a href="">О компании</a></li>
<li><a href="">Бонусы и скидки</a></li>
<li><a href="">Копании</a></li>
<li><a href="">Регистрация</a></li>
<li><a href="">Контакты</a></li>
</ul>
</div><br />
<div>
<a href="" class="title">Статьи</a>
<p>
<a href="">13.04.2011 13:49</a>
Новая коллекция лаков Serena Glam Slam
</p>
<p>
<a href=""> 5.04.2011 15:08</a>
PJD7383i проектор высокого качества
</p>
<p>
<a href="">31.03.2011 16:09</a>
Нано-часы из прошлого
</div>
</td>
<td width="776" height="300" valign="top" align="center">
<input type="text" name="foo" size=100 /><input class="knopka" name="Поиск" type="button" value="ПОИСК" align="right" />
<img class="img1" src="logo.jpg" width="700" height="120" alt="Баннер" />
<table class="table2" cellspacing="0" width="750" height="300">
<tr valign="middle">
<td align="center"><a href=""><b>Компьтерная техника</b></a><br />
<a href="">Компьютеры</a> <a href="">Ноутбуки</a><br />
<a href="">Мониторы</a> <a href="">Комплектующие</a><br />
</td>
<td align="center">
<a href=""><b>Электроника</b></a><br />
<a href="">Телевизоры</a> <a href="">DVD</a> <a href="">BLUE-ray</a><br />
<a href="">Фотокамеры</a> <a href="">MP3-плееры</a>
</td>
<td align="center">
<a href=""><b>Батовая техника</b></a><br />
<a href="">Холодильники</a> <a href="">Пылесосы</a><br />
<a href="">Плиты</a> <a href="">Обогреватели</a><br />
<a href="">Стиральные машины</a>
</td>
</tr>
<tr valign="middle" align="center">
<td>
<a href=""><b>Телефоны</b></a><br />
<a href="">Сотовые телефоны</a> <a href="">Гарнитуры</a><br />
<a href="">Радиотелефоны</a> <a href="">GPS</a>
</td>
<td>
<a href=""><b>CD-DVD диски</b></a><br />
<a href="">Фильмы</a> <a href="">Игры</a><br />
<a href="">Программы</a>
</td>
<td>
<a href=""><b>Разное</b></a><br />
<a href="">Косметика</a> <a href="">Кафе</a><br />
<a href="">Салон-красоты</a>
</table>
<td width="324" valign="top" align="center">
<table align="center" width="70" height="150" bgcolor="#00CCFF">
<tr valign="top">
<td><p style="margin:2px;">Логин:</p><input type="text" size=20 /></td>
</tr>
<tr>
<td><p style="margin:2px;">Пароль:</p><input type="text" size=20 /></td>
</tr>
<tr>
<td align="center"><input type="button" value="Регистрация" width="70" />
</td></tr>
<tr>
<td align="center"><input type="button" value="Забыли пароль" /></td></tr>
</table>
<br />
<img src="logo.jpg" width="225" height="169" />
</td>
</tr>
<tr>
<td colspan="2" height="150" style="margin-left:50px;"><p><a href="http://clck.yandex.ru/redir/dtype=stred/pid=30/cid=533/*http://maps.yandex.ru/moscow_traffic" style="background-image:url(http://clck.yandex.ru/click/dtype=stred/pid=30/cid=529/*http://ya.ru)"></a><a href="http://clck.yandex.ru/redir/dtype=stred/pid=30/cid=533/*http://maps.yandex.ru/moscow_traffic" style="background-image:url(http://clck.yandex.ru/click/dtype=stred/pid=30/cid=529/*http://ya.ru)"><img src="http://info.maps.yandex.net/traffic/moscow/current_traffic_150.gif" alt="Пробки на Яндекс.Картах" border="0"/></a></p>
<p> </p></td>
</tr>
</table>
</body>
</html>Я так понимаю табличная версстка, в прошлом. Сейчас надо начинать учиться блочной?
