Aristotel
Well-Known Member
- Регистрация
- 14.04.2011
- Сообщения
- 213
Популярные вопросы начинающих!
- Автор темы ScripT
- Дата начала
tigra60
Спасатель
- Регистрация
- 10.12.2009
- Сообщения
- 1 990
Ну, что ж, господин posy, попробуем произвести анализ вашего кала.
То, что вы здесь "выложили на суд" является говнокодом в целом и в частности.
Мотивирую.
1. То, что подразумевается под веб-версткой, лишь с одной стороны напоминает верстку для печати. Веб-разработчик (если он не криворукий школяр) не верстает страницу, а создает веб-документ. Не забывайте, что интернет посещают люди с ограниченными возможностями, и для них создано множество программ, работа которых с веб-страницами типа вашей просто невозможна. Такой программе для правильной работы нужен логически структурированный документ. А табличный способ расстановки блоков на странице доступен только пользователям графических браузеров. Таких большинство, конечно, но как быть с остальными?
Это вам для затравки, чтобы вы понимали, почему таблицы для верстки - это плохо.
2. Имена классов типа "table1, img1" позволяют представить вас к почетной награде - Орден говнокодера - дримвьювериста IV степени (с закруткой на спине). Лучшие имена классов дает только фронтпейдж (цифр больше).
А если серьезно, имена классов должны быть информативными. А таблица класса "таблица1" - это, по меньшей мере, непонятно что.
3. С головой выдают махрового говнокодера конструкции типа
</div><br/> и <p> </p>
причем, первая - вообще бессмысленна, а вторая - типичный прием криворукого лентяя поставить промежуток между блоками, а потом в биться в истерике, пытаясь установить его размер.
4. Оформительские атрибуты типа <body link="#00FFFF" alink="#0000FF" vlink="#FF0000"> или <ul type="disc"> являются атавизмами и их нужно всячески избегать. Просто удивительно, как вам удалось еще избежать применения тега <font>. Тогда картина была бы полной! А так - только второе место.
А резюме такое - для веб-разработки недостаточно посмотреть видеоуроки попова (в данном случае - имя нарицательное, потому - с маленькой буквы). Нужно учиться много и упорно.
Хотите сайт сразу - берите вордпресс со стандартным шаблоном (это действительно просто и быстро) и потом потихонечку допиливаете свой сайт по ходу изучения языков веб-разработки (HTML и CSS, javascript и РНР)
То, что вы здесь "выложили на суд" является говнокодом в целом и в частности.
Мотивирую.
1. То, что подразумевается под веб-версткой, лишь с одной стороны напоминает верстку для печати. Веб-разработчик (если он не криворукий школяр) не верстает страницу, а создает веб-документ. Не забывайте, что интернет посещают люди с ограниченными возможностями, и для них создано множество программ, работа которых с веб-страницами типа вашей просто невозможна. Такой программе для правильной работы нужен логически структурированный документ. А табличный способ расстановки блоков на странице доступен только пользователям графических браузеров. Таких большинство, конечно, но как быть с остальными?
Это вам для затравки, чтобы вы понимали, почему таблицы для верстки - это плохо.
2. Имена классов типа "table1, img1" позволяют представить вас к почетной награде - Орден говнокодера - дримвьювериста IV степени (с закруткой на спине). Лучшие имена классов дает только фронтпейдж (цифр больше).
А если серьезно, имена классов должны быть информативными. А таблица класса "таблица1" - это, по меньшей мере, непонятно что.
3. С головой выдают махрового говнокодера конструкции типа
</div><br/> и <p> </p>
причем, первая - вообще бессмысленна, а вторая - типичный прием криворукого лентяя поставить промежуток между блоками, а потом в биться в истерике, пытаясь установить его размер.
4. Оформительские атрибуты типа <body link="#00FFFF" alink="#0000FF" vlink="#FF0000"> или <ul type="disc"> являются атавизмами и их нужно всячески избегать. Просто удивительно, как вам удалось еще избежать применения тега <font>. Тогда картина была бы полной! А так - только второе место.
А резюме такое - для веб-разработки недостаточно посмотреть видеоуроки попова (в данном случае - имя нарицательное, потому - с маленькой буквы). Нужно учиться много и упорно.
Хотите сайт сразу - берите вордпресс со стандартным шаблоном (это действительно просто и быстро) и потом потихонечку допиливаете свой сайт по ходу изучения языков веб-разработки (HTML и CSS, javascript и РНР)
Кто-нибудь скажет какие-либо вещи по этому вопросу?
tigra60
Спасатель
- Регистрация
- 10.12.2009
- Сообщения
- 1 990
К сожалению, сдается мне, не таких мест. Ни у одного из веб-мастеров на лбу не написано, что и как он умеет делать и насколько он обязателен. Портфолио здесь тоже очень относительный показатель. Равно как и ни про одного из заказчиков (или менеджеров) нельзя сказать - кинет он или нет. Посему приветствуются устоявшиеся контакты и вклинится очень тяжело, даже будучи знающим и ответственным. Все хотят денег за каждый чих, никто не хочет платить, и каждую, запрошенную исполнителем копейку считает лишней. И в то же время не хотят давать заказы бесплатно или за отзыв - боятся, наверное, что покрадут их никчемные говномакеты?
Matytsin Kostyantin
Well-Known Member
- Регистрация
- 28.11.2011
- Сообщения
- 51
Спасибо за интересные и полезные ссылки
Отличная статья-ответ! Согласен абсолютно со всем!
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
.shapka1 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
position: fixed;
left: 5px;
top: 8px;
display: block;
}
.menu1 {
margin-top: 170px;
position: absolute;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
font-variant: normal;
text-transform: capitalize;
width: 220px;
left: 4px;
top: 8px;
list-style-type: none;
}
.banner {
margin: 0px;
padding: 0px;
float: none;
clear: none;
display: block;
position: absolute;
top: 267px;
left: 394px;
}
.poisk {
position: absolute;
left: 284px;
top: 190px;
width: 718px;
height: -114px;
clear: none;
float: none;
padding: 0px;
margin-top: 20px;
margin-left: 20px;
}
.button1 {
margin-left: 5px;
position: absolute;
left: 659px;
top: 0px;
right:0px;
}
</style>
</head>
<body>
<div class="shapka1">
<div><img src="../Мои документы/Сайт без имени 2/logo.jpg" /><img src="../Мои документы/Сайт без имени 2/34097_1024_768.JPG" height="168" width="1173"/></div></div>
<div class="menu1">
<ul>
<li>
<h2><a href="">О компании</a></h2>
</li>
<li>
<h2><a href="">Клиентам</a></h2>
</li>
<li>
<h2><a href="">Контакты</a></h2>
</li>
<li>
<h2><a href="">Новости</a></h2>
</li>
</ul>
</div>
<div class="poisk">
<input type="text" value="> Поиск" size="100" />
<input class="button1" type="button" name="1" value="Поиск" />
</div>
<div class="banner">
<div><img src="../Мои документы/Сайт без имени 2/34097_1024_768.JPG" height="150" width="500" /></div></div>
<div class="lc_articles">
<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>
Нано-часы из прошлого
</p>
<p>
<a href="">29.03.2011 12:26</a>
W 3240 помощница в стирке
</p>
<p>
<a href="">25.03.2011 17:06</a>
AMD 810 и AMD 120 от AnyDATA
</p>
</div>
</body>Вот, чуток поработал! Оцените плиз качество кода.
Код:
<!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">
.header {
display: block;
position: absolute;
width: 1395px;
height: 168px;
}
.navi {
display: block;
position: absolute;
width: 221px;
height: 202px;
left: 7px;
top: 205px;
background-color: #CF9;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
}
.comp {
position: absolute;
right: 300px;
}
.footer2 {
position: absolute;
}
.lc_articles {
background-color: #CF9;
display: block;
position: absolute;
left: 8px;
top: 430px;
width: 219px;
height: 316px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-style: italic;
line-height: normal;
font-variant: normal;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
}
.list {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 26px;
line-height: 30px;
list-style-type: none;
font-weight: 300;
left: 10px;
top: 200px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
}
.loginmenu {
position: absolute;
left: 1193px;
top: 205px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 16px;
line-height: 2px;
background-color: #CF9;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
width: 204px;
height: 202px;
}
.banner1 {
position: absolute;
left: 1190px;
top: 442px;
width: 215px;
height: 169px;
}
.poisk {
position: absolute;
left: 330px;
top: 236px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
}
.menupoisk {
position: absolute;
left: 352px;
top: 265px;
width: 654px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
background-color: #CF9;
}
.ramkamp {
position: absolute;
}
.banner2 {
position: absolute;
left: 429px;
top: 311px;
width: 571px;
height: 109px;
}
.banner3 {
position: absolute;
left: 1191px;
top: 625px;
}
.rybrikator {
position: absolute;
left: 441px;
top: 443px;
line-height: 0.5px;
}
.circle {
list-style-type: none;
}
.popular {
position: absolute;
left: 377px;
top: 643px;
}
.popularc {
line-height: 15px;
}
.footer {
position: absolute;
height: 120px;
width: 1395px;
left: 10px;
top: 862px;
background-color: #CF9;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
}
.footer3 {
position: absolute;
right: 150px;
}
.circle2 {
list-style-position: outside;
}
.footer2 {
position: absolute;
right: 300px;
}
.copy {
position: absolute;
bottom: 25px;
left: 100px;
}
</style>
</head>
<body>
<div class="header">
<div><img src="logo.jpg" /><img src="34097_1024_768.JPG" width="1170" height="169" />
</div></div>
<div class="navi">
<ul class="list">
<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>
<div class="lc_articles">
<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>
Нано-часы из прошлого
</p>
<p>
<a href="">29.03.2011 12:26</a>
W 3240 помощница в стирке
</p>
<p>
<a href="">25.03.2011 17:06</a>
AMD 810 и AMD 120 от AnyDATA
</p>
</div>
<div class="loginmenu">
<table width="209" height="204">
<tr><td><p><b>Логин:</b></p></td></tr>
<tr><td align="center"><input type="text" size="20" /></td></tr>
<tr><td><p><b>Пароль:</b></p></td></tr>
<tr><td align="center"><input type="text" size="20" /></td></tr>
<tr><td align="center"><input type="button" name="enter" value=" Вход " /></td></tr>
<tr><td align="center"><input type="button" name="register" value="Регистрация" /></td></tr>
</table>
</div>
<div class="banner1" align="center"><img src="logo.jpg" width="215" /></div>
<div class="banner3" align="center"><img src="logo.jpg" width="215" /></div>
<div class="poisk"><input type="text" size="100" /><input type="button" name="poisk" value="Поиск" /></div>
<div class="menupoisk">
<table width="655">
<tr align="center">
<td width="216"><a href=""><b>Расширенный поиск</b></a></td><td width="212"><a href=""><b>Сравнить товары</b></a></td><td width="211"><a href=""><b>Искать акции и скидки</b></a></td>
</tr>
</table>
</div>
<div class="banner2"><img src="34097_1024_768.JPG" height="108" width="571" /></div>
<div class="rybrikator">
<table>
<tr align="center" valign="top">
<td><ul class="circle"><li><p><a href=""><h2>Компьютеры</h2></a></li><li><p><a href="">Мониторы</a></p></li><li><p><a href="">Системники</a></p></li><li><p><a href="">Ноутбуки</a></p></li></ul>
</td>
<td><ul class="circle"><li><p><a href=""><h2>Сотовые</h2></a></li><li><p><a href="">Телефоны</a></p></li><li><p><a href="">Коммуникаторы</a></p></li><li><p><a href="">Планшеты</a></p></li></ul>
</td>
<td><ul class="circle"><li><p><a href=""><h2>Телевизоры</h2></a></li><li><p><a href="">Плазменные</a></p></li><li><p><a href="">ЖК- панели</a></p></li><li><p><a href="">3D- телевизоры</a></p></li></ul>
</td>
</tr>
<tr align="center" valign="top">
<td><ul class="circle"><li><p><a href=""><h2>Быт. техника</h2></a></li><li><p><a href="">Крупная</a></p></li><li><p><a href="">Мелкая</a></p></li><li><p><a href="">Роботы</a></p></li></ul>
</td>
<td><ul class="circle"><li><p><a href=""><h2>CD-DVD</h2></a></li><li><p><a href="">CD</a></p></li><li><p><a href="">DVD</a></p></li><li><p><a href="">BLUE-ray</a></p></li></ul>
</td>
<td><ul class="circle"><li><p><a href=""><h2>Разное</h2></a></li><li><p><a href="">Для себя</a></p></li><li><p><a href="">Для дома</a></p></li><li><p><a href="">Для дачи</a></p></li></ul>
</td>
</tr>
</table>
</div>
<div class="popular">
<table>
<tr align="center" valign="middle" class="popularot">
<td><img src="i.jpeg" /></td>
<td><img src="i2.jpeg" /></td>
<td><img src="i3.jpeg" /></td>
<td><img src="i4.jpeg" /></td>
<td><img src="i5.jpeg" /></td>
<td><img src="i6.jpeg" /></td>
</tr>
<tr class="popularc" align="center" valign="middle">
<td><p><a href="">HTC сенсация</a></p><p>15'990p</p></td>
<td><p><a href="">APPLE IPad2</a></p><p>35'990p</p></td>
<td><p><a href="">SAMSUNG IX350</a></p><p>18'350p</p></td>
<td><p><a href="">ASUS DIS1350</a></p><p>25'840p</p></td>
<td><p><a href="">ASUS FRG5896</a></p><p>29'990p</p></td>
<td><p><a href="">SAMSUNG GalaxyS</a></p><p>14'990p</p></td>
</tr>
</table>
</div>
<div class="footer">
<div class="footer3">
<ul>
<li class="circle"><a href="">О компании</a></li>
<li class="circle"><a href="">Павильонам</a></li>
<li class="circle"><a href="">Постовщикам</a></li>
<li class="circle"><a href="">Клиентам</a></li>
<li class="circle"><a href="">Доставка</a></li>
</ul>
</div>
<div class="footer2">
<ul>
<li class="circle"><a href="">Как купить?</a></li>
<li class="circle"><a href="">Как продать?</a></li>
<li class="circle"><a href="">Куда обратиться?</a></li>
<li class="circle"><a href="">Где найти?</a></li>
</ul>
</div>
<p class="copy">© ООО "Митино Рус" 2012</p>
</div>
</body>
</html>Вот ещё отличнейший сайт обучалка http://www.site-do.ru/glavnay.php Там и ХТМЛ и ЦСС расписаны так что просто здорово. А курс по Joomla вообще наверное лучший в Рунете. Там показано не только как создавать сайты на основе базовых шаблонов, но и как переделывать их. Ещё отличный сайт zvirec.com его авторы Андрей Галямов и Алексей Попов кстати на этом же сайте можно найти великолепные курсы по Drupal опять же на мой взгляд лучшие в рунете. Они кстати и бесплатные
Гм-гм. Ну я ещё добавлю Сенеку был такой древнеримский философ. Всё истинно великое свершается медленным и незаметным ростом.
А чтобы всё таки расти быстрее порекомендую.
1. Бесплатные курсы по HTML и CSS Евгения Попова
2. Отличнейший сайт обучалку http://www.site-do.ru/glavnay.php там есть всё для начинающего дизайнера и HTML CSS различные способы вёрстки сайтов в таблицах и div-ax великолепный курс по Joomla PHP и MySQL для старта более чем достаточно.
3. Великолепный сайт Андрея Галямова и Алексея Попова http://www.zvirec.com/ там кстати есть и великолепные курсы по Drupal самые лучшие в русскоязычным рунете, к тому же они и бесплатные
Нормальные хорошие курсы. Особенно бесплатные по HTML и CSS к тому же у него мощнейшая служба поддержки, если будет трудно помогут.
tigra60
Спасатель
- Регистрация
- 10.12.2009
- Сообщения
- 1 990
Стыд и позор!
Ну, разве можно так делать?
Хотя, чему я удивляюсь? На основе поповщины иного не наваяешь...
Ну, разве можно так делать?
Это ужасный высер, а не "отличнейший сайт обучалка". На первом уроке РНР (http://www.site-do.ru/php/include.php) рассказывать сразу про include(), и как рассказывать! Это же кошмар!
Это у вас шутка юмора такая? От этого "курса" только каша в голове может образоваться!
Хотя, чему я удивляюсь? На основе поповщины иного не наваяешь...
- Регистрация
- 13.11.2010
- Сообщения
- 4 138
Мне иногда хочется тоже начать советовать эти Г уроки, чтобы не доставали.
Всё чаще слышу вопросы "Хочу замутить мегасуперпупер проект, за сколько я смогу научиться и как лучше изучать?" (в том числе от знакомых)
Глядишь, если советовать, то у половины сразу через какое -то время пропадет желание, а другой половины будет УГ и, как Тигра сказал, каша, что я на фоне всего это несусветного мастерства буду просто мегасуперпупер гуру.
Да еще если перечитать эту тему, то так же возрастает желание это советовать, ибо людям лень прочитать 2 страницы советов, при этом когда в первых 2-3 постах идет основная полезная информация.
Хоть кол на голове чеши.
Всё чаще слышу вопросы "Хочу замутить мегасуперпупер проект, за сколько я смогу научиться и как лучше изучать?" (в том числе от знакомых)
Глядишь, если советовать, то у половины сразу через какое -то время пропадет желание, а другой половины будет УГ и, как Тигра сказал, каша, что я на фоне всего это несусветного мастерства буду просто мегасуперпупер гуру.
Да еще если перечитать эту тему, то так же возрастает желание это советовать, ибо людям лень прочитать 2 страницы советов, при этом когда в первых 2-3 постах идет основная полезная информация.
Хоть кол на голове чеши.
motek
злой как @
- Регистрация
- 13.04.2010
- Сообщения
- 730
может пришло время написать свой курс? так сказать составить конкуренцию поповщине?
- Регистрация
- 13.11.2010
- Сообщения
- 4 138
Да, я уже подумал об этом, после того как написал свой пост )))
Дураки одинаково мыслят )))
Но не хочу заморачиваться с видео. А таким людям, любителям поповщины, подавай видео. Они уверены, что по видео проще и быстрее научиться.
Ну что тут можно сказать, кроме как "люди не научились читать быстро и по диагонали".
Дураки одинаково мыслят )))
Но не хочу заморачиваться с видео. А таким людям, любителям поповщины, подавай видео. Они уверены, что по видео проще и быстрее научиться.
Ну что тут можно сказать, кроме как "люди не научились читать быстро и по диагонали".
motek
злой как @
- Регистрация
- 13.04.2010
- Сообщения
- 730
а ты попробуй...сегодня видео не проблема (html5), а в сочетании с качественными текстами и примерами...
попов нервно курит в сторонке
