Dinow
-
Posts
108 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Dinow
-
-
Смысл закрывать br есть только при строгом доктайпе
Вы хотели сказать "при XHTML"?
Да, при XHTML
и, к слову, закрываются такие теги <br /> , а не </br>
К слову, в разных книгах пишут по разному
Тру, говорила же тебе выкини ту книгу)
-
подход "сначала от корки до корки" считаю неэффективным,
Svatov, а кто говорил про Такой подход? Речь о том, что бессмысленно браться за сложную задачу, не зная элементарщины. Все равно что пытаться прочесть роман, причем кому-то вслух, зная всего 10 букв алфавита.
вы правильно сделали, что приступили к практике сразу по мере изучения, так вы ускорили процесс обучения на добрых 50%. вы приобрели бесценный опыт в отличии от просто знаний, ваши знания приобретают логичность и структуру, не останавливайтесь
Практика это замечательно! Это реально ускоряет процесс обучения, Но надо же реально оценивать свои силы и практиковаться по мере изучения материала.
Зачем так категорично выражаться по поводу ее работы...не понимаю..первая работа, а вы " скомкать и выбросить" "учите основы"...наоборот только желание отбиваете у человека, или повышаете свою самооценку, уверен первая работа у большинства из нас была далека от совершенства, Яркая время зря не теряет. Методология у всех разная и зависит от характера.
Если у человека реальное желание, то его никто и ничто не отобьет, как до меня Макс написал. Тут по соседству есть тема, где присутствует яркое тому подтверждение.
- 1
-
Сань, я не злая) просто считаю, что выставлять работу для поисков ошибок, надо не До того как изучил что-то, а хотя бы После того как внимательно выучил основы. А иначе в чем смысл?
Yarkaya, успехов в обучении.
- 1
-
все одновременно изучала и верстку и дизайн, ну уж не обессудьте, пропустила
И в итоге ни верстки, ни дизайна..
- 1
-
Тру, по поводу маргинов и паддингов:
body.home #container {
background: url("Natfon.jpg") repeat scroll 0 0 transparent;
height: 719px;
margin: 0 auto;
width: 823px;
}
#header {
color: #FFFFFF;
font-size: 3.2em;
padding: 10px;
text-align: right;
}
Видимо, все же дошла.
И вообще, какой смысл выставлять на суд работу, не выучив элементарных основ?
- 1
-
Я только две недели назад начала учить html и css, не судите строго) Буду разбираться дальше
А чему вы учились две недели? Глава о доктайпе в Любой книге идет одной из первых. И где он?
- 1
-
А по мне </br> лучше всегда закрывать. Во избежание всего.
Смысл закрывать br есть только при строгом доктайпе
<p> </p><p> </p>
Это дико даже для меня. Замените на это:
</br>
</br>Вот на это менять не надо! Для отступов придуманы маргины и паддинги.
-
Yarkaya,
1. доктайп!!!
2. body.home - убери padding-left: 25% - страница встанет по центру, а то уезжает и горизонтальный скролл пояляется
3. вообще для чего у body этот класс?
4. body.home #container - у id итак самый высокий приоритет, зачем этот body.home ?
5. вообще использовать id НЕ желательно (программисты скажут спасибо), пользуйся классами
6. <p>Психологические консультации</p> - это заголовок, а не абзац
7. Меню принято делать на списках, а не оборачивать каждую ссылку в абзац
8. <div id="aside"> </div> - смысл этого блока?
9. <p> </p>
<p> </p>
Паддинги, маргины уже не в моде?
Это первое что бросилось в глаза.
Так что вердикт - идти учить основы!
-
Да, видео-уроки с одной стороны проще для восприятия, нагляднее, но с их помощью не научишься понимать суть работы. Посмотришь, повторишь, потыкаешь и забудешь. А когда сам копаешься, разбираешь каждый урок, часами ищешь ошибку или решение, во-первых, понимаешь основательно, во-вторых, это надолго запомнится.
-
Столкнулась с проблемой, при печати html-документа из браузера Safari (для windows) оказалось, что он искажает (увеличивает) размеры полей и текста. Провела эксперимент на текстах и простых линиях в разных единицах измерения (mm, px, pt), в любом случае в Сафари результат больше, чем в других браузерах. Кто-нибудь сталкивался с подобным? Есть ли пути лечения?
-
g_shamil_a
1. Не стоило лого ставить бэкграундом к шапке сайта. Лучше сделать через <img>.
2. Неоправданное использование <br> - речь о Поиске по сайту
3. Для основного меню по HTML5 используется <nav>, а не <div>
4. <div class="marg"></div> - вот это что??
5. <div class="leftcol"> - это скорее <aside>, <header>Последние статьи</header> - это заголовок, а каждая новость - отдельный <article>
6. О том что Далее - это не заголовок, уже упоминалось выше
7. <div style="clear:both"></div> - это плохо! Вот почитай http://www.xiper.net/collect/html-and-css-tricks/css-tricks/clearfix.html
8. Названия классов должны нормально отражать содержимое, а не leftcol, rightcol, ppsaitu и т.д
-
Myuzik, я с вами не согласна.
Дело в том, что использование HTML5 пока не стало стандартом, поэтому для такого типа работ его лучше не использовать.
Что за глупость? HTML5 уже активно используется повсеместно и никто от этого не страдает, просто нужно знать какие браузеры какие теги поддерживают и исходить из этого.
И для какого типа работ, по вашему, его стоит тогда использовать?
Из того, что первым кинулось в глаза:
- Неуместное использование HTML5, но если всё же решились использовать - включайте голову, чтобы в коде не было вот этого <header class="header"></header>, масло масленое получается, тегу <header /> прекрасно можно присвоить стили и без классов.
А вот нежелательно ему присваивать стили без классов, т.к. <header> на странице может быть не один. Хотя исходя из этого:
- <header> лучше использовать один на всю страницу, а заглавия, которые вы тоже так обозначили нужно размечать как заглавия, т.е. тегами <h1....h6>
вы не в курсе, что по спеке <header>, как и <footer>, и <aside> могут быть на странице у каждого <section> или <article>. И каждый из них может начинаться с заголовка первого уровня.
- 2
-
-
Как тогда писать кроссбраузерный сайт включая IE6, IE7, IE8?
Легко. Добавь этот скрипт в <head></head>
<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
-
1 и 2 попробовал исправить, незнаю, получилось или нет, у меня то дома все норм отображается.. жду ответов
Почти. Ниже футера остался белый фон
5 - вот это как раз интересно, пробовал через списки сделать, но маркеры незнаю как убрать
ul {list-style: none;}
-
-
-
psywalker, спасибо! получилось!
-
Случаем не под *nix проверяется, а то может влияет регистр файла. Что другие браузеры показывают?
Неа. Другие браузеры отображают нужный шрифт, даже ИЕ начиная с 6го. Проблема только с Мозилой любой версии
Dinow, Алиса, а ты когда архив качнула с белки, то там именно так прописывались шрифты?
Ага, все в точности также, только начало путей сменила
-
<div id="left">
<div id="leftColumn">
<div id="rightColumn">
<div id="right">
Классам надо давать названия по содержимому, а не по расположению или визуальным эффектам. Что если колонки придется менять местами?
Почему заголовки начинаются сразу с H3?
-
Пытаюсь подключить нестандартный шрифт через @font-face. Если html, css файлы и шрифты лежат в одной папке, то отображается все везде как надо.
Если файл со стилями и шрифты раскладываю по разным папкам (пути естественно тоже меняю), то Мазила всех версий перестает видеть этот шрифт. В чем может быть проблема? Или что я делаю не правильно?
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="../Css/test.css">
</head>
<body>
<h3>Etiam porta sem malesuada magna mollis euismod</h3>
<p>Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
</body>
</html>@font-face {
font-family: 'DaysRegular';
src: url('../Fonts/Days/days-webfont.eot');
src: url('../Fonts/Days/days-webfont.eot?#iefix') format('embedded-opentype'),
url('../Fonts/Days/days-webfont.woff') format('woff'),
url('../Fonts/Days/days-webfont.ttf') format('truetype'),
url('../Fonts/Days/days-webfont.svg#DaysRegular') format('svg');
}
h3, p {font-family: 'DaysRegular';} -
Влад, спасибо! И присоединяюсь к поздравлениям!
-
А почему везде заголовки 3го уровня? По логике HTML5 ведь каждый раздел может содержать собственный H1
-
В вашем примере указано оформление только для ссылок в right_block, так будет для обоих:
#left_block a, #right_block a{
font:10pt Arial;
color:#666;
text-decoration:none;
}
#left_block a:hover, #right_block a:hover{
color:#C00;
text-decoration:underline;
}- 2
Как вернуться к верстке сайтов?
in Flame
Posted
Приветствую всех старожил и новичков сайта!
Когда-то давно, лет 5 назад, увлекалась версткой. Училась, практиковалась, дошла до фриланса, брала заказы. Паралелльно устроилась в офис бухгалтером и через какое-то время перестала справляться с двойной нагрузкой. От верстки постепенно отошла. Сейчас вышла в декрет и очень хочу вернуться к разработке сайтов, но.. не знаю с какой стороны подступиться(( Вроде основы я помню (HTML 4,5, CSS 2,3), но за это время и технологии, и требования настолько выросли, что начала метаться и разрываться между всем этим объемом информации.
Очень надеюсь на дельные советы, с чего лучше начать и в какую сторону двигаться.