Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Хочу научиться проф. верстке, готов учиться на своих/ваших примерах 
:(
    Опции темы
Redstuff
  Дата 24.1.2007, 12:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Команда REDSTUFF
**


Профиль
Группа: Участник
Сообщений: 497
Регистрация: 27.5.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 1



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

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

Вот первый пример макета. 
Кто, что может посоветовать?

Что в данном макете лучше использовать блоки, таблицы или смесь?
таблицы
Как лучше поступить с закруглениями, т.к. их довольно много?
вырезать каждый элемент
Стоит ли пользоваться стилями для создания градиента, или лучше 1px линии вырезать?
1px линии


Курсивом - мои предположения


Присоединённый файл ( Кол-во скачиваний: 32 )
Присоединённый файл  1.gif 80,34 Kb


--------------------
ГОСТы, СНиПы, ТУ...
<реклама удалена администрацией форума>
PM MAIL WWW ICQ Skype   Вверх
japanes
Дата 24.1.2007, 13:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7



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

Как лучше поступить с закруглениями, т.к. их довольно много?

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

<div style="background-image:url(file);">text in my div</div>

правильно
Код

<style>
div#my_div {background-image:url(file);}
</style>
<div id="my_div">text in my div</div>

Цитата

Стоит ли пользоваться стилями для создания градиента, или лучше 1px линии вырезать?

если терпения хватит, можешь и через стили ;)? 
PM MAIL   Вверх
japanes
Дата 24.1.2007, 14:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7



Цитата(Redstuff @  24.1.2007,  12:40 Найти цитируемый пост)
отелось бы научиться верстать: валидно, кроссбраузерно и по стандарту!

для этого скачай ФФ второй, там валидарь встроеный, а кроссбраузерно это самому путем проб и ошибок, хотя если, чего пиши, постараюсь объяснить 

PM MAIL   Вверх
Redstuff
Дата 26.1.2007, 20:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Команда REDSTUFF
**


Профиль
Группа: Участник
Сообщений: 497
Регистрация: 27.5.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 1



Должно быть код слишком громоздкий вышел ((

Присоединённый файл ( Кол-во скачиваний: 12 )
Присоединённый файл  1.rar 44,30 Kb


--------------------
ГОСТы, СНиПы, ТУ...
<реклама удалена администрацией форума>
PM MAIL WWW ICQ Skype   Вверх
japanes
Дата 28.1.2007, 19:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7



во первых надо научиться закрывать все открытые теги:
<tag></tag>
одинарные:
<tag />

эта конструкция в стиле безграмотна
Код

...
background: #FAFAFA repeat-x;
...


меняй на 
Код

background: #FAFAFA;


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

также старайся максимально упрощать любой код
Код

{
    margin:0 0 0 0;
    ...
}

меняем на
Код

{
    margin:0;
}


я так понял это одна таблица (?)
Код

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td height="231"></td>
</tr>
<tr>
    <td class="f2"></td>
</tr>
<tr>
    <td class="f3">&nbsp;</td>
</tr>
</table>

дело все в том, что задавая высоту первой ячейке, вторая и третья автоматически примут высоту первой ячейки (если их высота меньше), потому от указания высоты в стилях для ячеек с классами f2 и f3 можно воздержаться.

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


Это сообщение отредактировал(а) japanes - 28.1.2007, 19:41
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0728 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.