С Новым Годом! С Новым Cчастьем!!!!!!!

Ну вот мы и добрались до JavaScript. Если честно, я даже толком и не знаю, что именно можно писать на Яве... Вот так вот - учу, сама не знаю что. Зато точно уверена, что мне пригодится :)"JavaScript как-бы оживляет web странички. Благодаря JavaScript можно создавать web приложения аналогичные настольным."- вот нашла такую фразу, а еще много других, которые, все равно, мало мне что объясняют. Так что разберемся по ходу дела :-)

Оказывается, почти все верстальщики делятся на два клана - те, кто используют табличную верстку и те, кто верстает в div'ах.Наш преподаватель относится ко вторым, и , похоже, переманит на свою сторону добрую часть группы... #block{ width: 400px; height: 400px; border: solid 1px red; } #block .header {width: 400px; height: 80px; background-color: #e26144; } #block .menu {width: 400px; height: 10px; border: solid 1px #9b1a44; margin- left: -15px; } .menu1 {width: 48px; height: 10px; background-color: #e7b844; border: solid 1px #9b1a44; float: left; } #block .news {width: 100px; height: 280px; background-color: #e84f7f; float: left; } #block .content {width: 400px; height: 280px; border: solid 1px #9b1a44; } .content1 {width: 230px; height: 280px; background-color: #f5dea8; float: left; } .ads {width: 70px; height: 280px; background-color: #f46311; float: left; } .footer {width: 400px; height: 30px; background-color: #adc911; } a.out{ font-size: 20pt; color: #ffffff; font-weight: bold; text-decoration: none; font-family: Comic Sans MS; } a.out:hover{ font-size: 20pt; color: #f8f511; font-weight: bold; text-decoration: none; font-family: Comic Sans MS; } a.ins{width: 48px; height: 10px; display:block; font-size: 6pt; color: #ffffff; font-weight: bold; text-decoration: none; font-family: Comic Sans MS; } a.ins:hover{ width: 48px; height: 10px; display:block; font-size: 6pt; color: #f11711; font-weight: bold; text-decoration: none; font-family: Comic Sans MS; } p{font-size: 7pt;} Header ШАГФотоAiInddДождьHTMLTableHover News Блочная верстка Когда браузеры имели маленькие номера версий, а список всех сайтов влезал в тонкую жёлтую книжечку, возникли изначальные правила и методы разметки веб-страниц. Например, верстка сложных страниц с помощью таблиц и невидимых изображений.Но с развитием браузеров и стабилизацией стандартов, этот метод окончательно устарел, так как имеет много существенных недостатков. Поэтому постепенно все перешли на так называемую “блочную верстку”.Суть блочной верстки - в использовании всех возможностей CSS (каскадных таблиц стилей) вместо таблиц и направляющих изображений. Ads Footer

Это - восторг! после того, как нам открыли тайну "ховера", меня не покидает радостное чувство приобщенности к чему-то волшебному :D Конечно, само поступление в ШАГ,и многие предметы(и Illustrator , и InDesign привносили в мою жизнь немало эмоций(чего стоили только фотографии "зелененького")! Но CSS c HTML побили все рекорды в этом смысле :-)Должно быть, смешно, что великовозрастная девица прыгает от восторга перед монитором от таких мелочей... Но мне - все-равно! Ведь я знаю КАК ЭТО СДЕЛАТЬ )))Эти переживания напомнили мне удивление, пережитое в детстве, когда я вдруг(после того, как уже каждый член моей большой семьи испытал на мне свой педагогический талант) поняла все-таки как складываются буквы в слоги и слоги в слова, что это не волшебство и не непостижимое мастерство. Смотришь на буквы,и вдруг понимаешь, что за слово написано!До этого памятного прорыва, не смотря на то, что я давно знала все буквы, я могла только прочитать их по очереди и они почему-то даже отдаленно не напоминали мне написанное слово! И тут - бах - и не просто не напоминают, а просто таки мило в него складываются. Пять минут назад не складывались, а сейчас - да!Вот так и с ховером! Мне казалось, что чтобы ссылочка изменяла свой вид при наведении курсора "Мастератые мастера web -дизайна" должны написать никак не меньше сотни строк хитроумного скрипта))) Преувеличиваю, конечно. Но я, дейсвительно, не ожидала, что это так легко))) a.green {font-family:Comic Sans MS; color:#37c749; font-weight:bold; text-decoration:none } a.green:hover {font-family:Comic Sans MS; color:#1b9149; font-weight:bold; text-decoration:none }a.step {font-family:Comic Sans MS; color:#ed5b49; font-weight:bold; text-decoration:none }a.step:hover {font-family:Comic Sans MS; color:#9a3249; font-weight:bold; text-decoration:none }

Табличная верстка оказалась делом веселым! Особенно весело стало, когда нам дали сверстать табличку с целой кучей столбиков и строчичек, самым причудливым образом объединенных. И, казалось бы, все предельно просто и понятно, colspan и rowspan, удалил лишние столбики - и готово! Но! Столь счастливому финалу упорной работы мешали два обстоятельства: первое - столбики стали вылазить в местах, не поддающихся прогнозированию с помощью логики... Второе - после усиленного "пялинья" на красующуюся в мониторе таблицу-задание (дело было на третьей по счету паре, проведенной за освоением непростого дела под названием "табличная верстка") , строки и столбики и вовсе стали передвигаться по таблице мелкими перебежками,перемигиваться, и, что хуже всего, не таясь посмеиваться над начинающим горе-верстальщиком.Со второй проблемой, говорят, можно справиться с помощью антибликовых(словарь предлагает заменить это слово на бубликовые - тоже вариант :D) очков.А вот что делать с первой? Хотя, может, она имеет, много общего со второй. И, если задуматься, они имеют мало отношения к зрению, а наверное, больше все-таки к мозгам... Может стоит просто отдохнуть и подумать об этом завтра?Может - не может... А вот наш преподаватель знает стопроцентный метод решения всех проблем: "Практика, практика и еще раз практика!"

Еще один предмет, в который я влюбилась, - HTML! Для меня эта тема была достаточно далека, хотя в институте мы и проходили основы. Так что для меня это - поле непаханное, неизведанное, полное открытий!Конечно, первое впечатление - это восторг! Разумеется, я всегда знала, что разметка текста делается на сайтах с помощью HTML, но больше все-таки автоматом воспринимала это как данность, как что-то далекое от меня и недоступное. Наверное, именно поэтому в такой восторг меня привело то, что я могу теперь раскрашивать текст во все цвета радуги, менять его размер и гарнитуру! Все это наивно, но мне нравится вновь чувствовать себя ребенком, который делает свои первые ШАГи :-)

Льет дождь... А я сижу дома, пью чай с вареньем и предвкушаю завтрашний день. Завтра на пары.. В новое здание, к новому преподавателю, заниматься новым предметом.Я люблю дождь. В дождь так уютно сидеть дома и, например, что-нибудь ваять на компе... Интересно, это у многих так?А сегодня я лазила по сайтам по трудоустройству и смотрела какие зарплаты предлагают людям с теми умениями, которые мы уже имеем и еще приобретем в ШАГе. Со знанием графических редакторов Photoshop и Illustrator предлагается работа дизайнером в рекламное агентство, видела даже вакансии с "можно без опыта работы", только платят мало - 2000грн.Ну а что меня больше воодушевило - вакансия веб-дизайнера -7000грн. Я думаю,это уже что-то! Учиться! Учиться! И еще раз учиться! Вот и приступим к веб -дизайну завтра :-)

Ну вот... Сегодня(то есть фактически уже вчера) был зачет по InDesign Все прошло успешно и, конечно, я испытываю чувство глубокого удовлетворения! Пройден новый этап! И даже можно пока не расставаться с запавшим уже в душу ИнДизайнчиком, потому что впереди еще курсовая. В общем - весело!А грустно потому, что сегодня у нас была последняя пара с нашей преподавательницей, и, хотя мы проучились совсем недолго вместе, по-моему, вся наша группа успела ее искренне полюбить.В целом, с преподавателями, не знаю как другим, а нашей группе, я считаю, везет. Каждый из них - действительно яркая личность! Есть с кого брать пример!Жутко хочу спать - полночи верстала домашнее задание, как образчик истинного студента - все делаю в последнюю ночь(как говорится, если бы не было последней ночи, ничего бы в мире не делалось) :-)Сквозь сонную пелену вспоминаю события сегодняшнего дня и на меня накатывают противоречивые чувства.Так неожиданно увлекла меня верстка... А ведь я пришла учиться в ШАГ под впечатлением от работ по трехмерной графике...Я тут еще подумала, чем хороша любая учеба - она развивает человека, как правило, намного в более широком понимании, чем он предполагает, когда выбирает, чему учиться. Вот, я, например, когда пришла учиться на факультет компьютерной графики и дизайна, никогда бы не подумала, что узнаю много нового о ... собаках! А у меня курсовая на тему "Журнал о собаках". Сижу, верстаю, нахожу информацию, раширяю кругозор :-)

Класс! Обалденная штука!!! InDesign - это здорово! А я то думала, как это создают многостраничные красивые такие документы, содержащие и графику и текст! А теперь - вижу как это делается изнутри! Очень захватывающе! Но совсем, по-моему, непросто!Очень жалко, что мы эту программу не учили до сдачи курсовой! Как я намучилась, комбинируя текст с изображениями! А тут для этого все удобства! А, главное, как красиво сделать можно то было!!!!!Я, вообще-то, любитель полистать журнальчики! Правда, никогда не оценивала их с точки зрения верстки, скорее, меня интересовало больше содержание материалов!Но всегда замечала, что журнал только берешь в руки и сразу же создается впечатление о том, к какой ценовой категории он принадлежит! Я относила это скорее к качеству бумаги, толщине журнала и т.д. А сейчас же смотрю на это другими глазами(способность смотреть на вещи по-другому - приятный бонус к учебе), мне интересна работа по верстке, качество фотографий! Понимаю, что и раньше оценивала аккуратность оформления, адекватность шрифтов и т.п., только не осознавала этого!!! В наших руках инструмент по влиянию на бессознательное:D

Вот и прошел (просто таки пробежал) первый семестр обучения! Столько всего нового, что время пролетело совсем незаметно! Illustrator оказался не таким уже и страшным, как мне представлялось с самого начала :-) Пусть кому-то это покажется не таким уж и большим достижением(не покажется достижением вообще), но я, открыв первый раз этот векторный редактор, представить себе не могла, что смогу когда-нибудь сама создать такое изображение!Итогом обучения в этом семестре была защита курсовой на тему "Создание корпоративного стиля компании". В процессе подготовки и даже самой защиты я реально узнала много интересного и приобрела полезный опыт!Например столкнулась со стандартами "Укрпошты" :-)http://www.ukrposhta.com/www/upostru.nsf/CatSearch?ReadFormОзнакомилась со стандартными размерами конвертов!http://www.dmdays.com.ua/workuadm/lawacts/programm_of_development/gost3876-99 С размерами папок для бумаг! http://www.polygraphcity.ru/standarty-iso.htmlИ еще со множеством "милых" мелочей, таких как стандартные поля визиток(5мм, как оказалось) и т.п. :-)Следующее по программе у нас - изучение Adobe InDesign! Ждем с нетерпением!