Войти

Верстка резюме

24.10.2012 06:30

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

Я начал с того, что начал верстать так как нас учили в колледже (могу сказать лишь одно, учили нас на отъебись ), а именно таблицами. За основу дизайна был взято мое резюме с сайта HH.RU. После завершения ТЗ, я пошел сдавать свое "творение" на рецензию своему другу Сане.

Залив все на хост и кинув ему сцылку, я стал ждать ответа. Учитывая что он относится к тем людям, которые любят "рубить правду матку", я знал что получу честный ответ. И мои ожидания в этом плане не оправдались. После почти полного разноса моей техники, я пришел к выводу что у меня ее все таки нет. После продолжительного обсуждения всех минусов мне был дан совет - использовать таблицы там, где есть таблицы, а сайт сам оборачивать в контейнеры - DIV.

Как оказалось, верстка DIV-ами оказалась проще чем я думал. Не просто проще, а гораздо удобнее. Как правило, вид блока управляется с помощью стилей. Все стили были вынесены у меня в отдельный файл (хоть тут я не промахнулся). Задавая стили блоков, передо мной была дилемма какой силектор использовать - "class" или "id". Начал много гуглить. Много разных мнений есть в инете. Разницу между ними описывать не буду, в нете и так достаточно подробно написано про них. Приведу выдержку "Оставьте ID для манипуляций данными через Javascript, а class - для изменения отображения. Это позволит легче читать код впоследствии, когда за различную функциональность отвечают _принципиально_ различные блоки". Задав очередную тьму вопросов Сане, я все же решил использовать "id" - и проект у меня не большой, да и JS я пока использовать не собирался.

Поигравшись немного, по создавая как class так и id, поэкспериментирую над наследованием свойств, я худо-бедно закончил с верстекой. Отдав в очередной раз на рецензию свое резюме, проект был принят;-)

comments powered by Disqus
  BENCHMARKS  
Loading Time: Base Classes  0.0032
Controller Execution Time ( Blog / Show )  0.0061
Total Execution Time  0.0095
  GET DATA  
No GET data exists
  MEMORY USAGE  
2,217,872 bytes
  POST DATA  
No POST data exists
  URI STRING  
blog/show/2
  CLASS/METHOD  
blog/show
  DATABASE:  blogAlenin (Blog:$db)   QUERIES: 3 (0.0007 seconds)  (Hide)
0.0003   SELECT *
FROM `article`
WHERE `id` = '2' 
0.0002   SELECT *
FROM `article`
WHERE `id` = '2' 
0.0002   SELECT *
FROM `categories`
ORDER BY `nameAS
  HTTP HEADERS  (Show)
  CONFIG VARIABLES  (Show)