Jump to content

Dinow

User
  • Posts

    108
  • Joined

  • Last visited

  • Days Won

    3

Posts posted by Dinow

  1. Приветствую всех старожил и новичков сайта!

     

    Когда-то давно, лет 5 назад, увлекалась версткой. Училась, практиковалась, дошла до фриланса, брала заказы. Паралелльно устроилась в офис бухгалтером и через какое-то время перестала справляться с двойной нагрузкой. От верстки постепенно отошла. Сейчас вышла в декрет и очень хочу вернуться к разработке сайтов, но.. не знаю с какой стороны подступиться(( Вроде основы я помню (HTML 4,5, CSS 2,3), но за это время и технологии, и требования настолько выросли, что начала метаться и разрываться между всем этим объемом информации.

     

    Очень надеюсь на дельные советы, с чего лучше начать и в какую сторону двигаться.

  2. Смысл закрывать br есть только при строгом доктайпе

    Вы хотели сказать "при XHTML"?

    Да, при XHTML

    и, к слову, закрываются такие теги <br /> , а не </br>

    К слову, в разных книгах пишут по разному ;)

    Тру, говорила же тебе выкини ту книгу)

  3. подход "сначала от корки до корки" считаю неэффективным,

    Svatov, а кто говорил про Такой подход? Речь о том, что бессмысленно браться за сложную задачу, не зная элементарщины. Все равно что пытаться прочесть роман, причем кому-то вслух, зная всего 10 букв алфавита.

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

    Практика это замечательно! Это реально ускоряет процесс обучения, Но надо же реально оценивать свои силы и практиковаться по мере изучения материала.

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

    Если у человека реальное желание, то его никто и ничто не отобьет, как до меня Макс написал. Тут по соседству есть тема, где присутствует яркое тому подтверждение.

    • Like 1
  4. Тру, по поводу маргинов и паддингов:

    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;

    }

    Видимо, все же дошла.

    И вообще, какой смысл выставлять на суд работу, не выучив элементарных основ?

    • Like 1
  5. А по мне </br> лучше всегда закрывать. Во избежание всего.

    Смысл закрывать br есть только при строгом доктайпе

    <p> </p>

    <p> </p>

    Это дико даже для меня. Замените на это:

    </br>
    </br>

    Вот на это менять не надо! Для отступов придуманы маргины и паддинги.

  6. 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>

    Паддинги, маргины уже не в моде?

    Это первое что бросилось в глаза.

    Так что вердикт - идти учить основы!

    http://htmlbook.ru/samhtml

    http://htmlbook.ru/samcss

  7. Да, видео-уроки с одной стороны проще для восприятия, нагляднее, но с их помощью не научишься понимать суть работы. Посмотришь, повторишь, потыкаешь и забудешь. А когда сам копаешься, разбираешь каждый урок, часами ищешь ошибку или решение, во-первых, понимаешь основательно, во-вторых, это надолго запомнится.

  8. Столкнулась с проблемой, при печати html-документа из браузера Safari (для windows) оказалось, что он искажает (увеличивает) размеры полей и текста. Провела эксперимент на текстах и простых линиях в разных единицах измерения (mm, px, pt), в любом случае в Сафари результат больше, чем в других браузерах. Кто-нибудь сталкивался с подобным? Есть ли пути лечения?

  9. 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 и т.д

  10. Myuzik, я с вами не согласна.

    Дело в том, что использование HTML5 пока не стало стандартом, поэтому для такого типа работ его лучше не использовать.

    Что за глупость? HTML5 уже активно используется повсеместно и никто от этого не страдает, просто нужно знать какие браузеры какие теги поддерживают и исходить из этого.

    И для какого типа работ, по вашему, его стоит тогда использовать?

    Из того, что первым кинулось в глаза:

    - Неуместное использование HTML5, но если всё же решились использовать - включайте голову, чтобы в коде не было вот этого <header class="header"></header>, масло масленое получается, тегу <header /> прекрасно можно присвоить стили и без классов.

    А вот нежелательно ему присваивать стили без классов, т.к. <header> на странице может быть не один. Хотя исходя из этого:

    - <header> лучше использовать один на всю страницу, а заглавия, которые вы тоже так обозначили нужно размечать как заглавия, т.е. тегами <h1....h6>

    вы не в курсе, что по спеке <header>, как и <footer>, и <aside> могут быть на странице у каждого <section> или <article>. И каждый из них может начинаться с заголовка первого уровня.

    • Like 2
  11. 1 и 2 попробовал исправить, незнаю, получилось или нет, у меня то дома все норм отображается.. жду ответов :)

    Почти. Ниже футера остался белый фон

    5 - вот это как раз интересно, пробовал через списки сделать, но маркеры незнаю как убрать :(

    ul {list-style: none;}

  12. 1. текст под Экспертизой уехал наверх

    s_1315799774_9531768_116e755200.jpeg

    2. футер тоже заехал на текст

    s_1315799967_2249201_80b33726d4.jpeg

    3. нету кодировки

    4. классы называть надо по содержимому, а не по расположению - left, right, middle, или вообще как-то непонятно - 1cont1, ccont1 и т.д.

    5. меню обычно делается списками

  13. Случаем не под *nix проверяется, а то может влияет регистр файла. Что другие браузеры показывают?

    Неа. Другие браузеры отображают нужный шрифт, даже ИЕ начиная с 6го. Проблема только с Мозилой любой версии

    Dinow, Алиса, а ты когда архив качнула с белки, то там именно так прописывались шрифты?

    Ага, все в точности также, только начало путей сменила

  14. <div id="left">

    <div id="leftColumn">

    <div id="rightColumn">

    <div id="right">

    Классам надо давать названия по содержимому, а не по расположению или визуальным эффектам. Что если колонки придется менять местами?

    Почему заголовки начинаются сразу с H3?

  15. Пытаюсь подключить нестандартный шрифт через @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';}

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy