Маленькі, але дуже корисні поради, Різне, Інтернет-технології, статті

Igor R`

Ця, порівняно невелика, стаття присвячена тому, як максимально спростити і зробити зручним процес роботи.
Йтиметься про Web дизайні, тому що мені простіше за все буде говорити про те, чим займаюся я сам. Не знаю, хто буде читати цю статтю, можливо, це просунутий профі, який зробив вже десяток – інший сторінок, а може це школяр який намеривается зробити свою першу домашню сторінку. На мій погляд, ця стаття повинна бути корисна кожному. На даний момент мені не хочеться торкатися тему дизайну як такого або приводити в приклад небудь хитрий html код, надалі списаний зі сторінок журналу. Я хочу розповісти про те, як і в якій послідовності краще працювати.

Крок 1

Відійдіть від комп’ютера (як не дивно на даному етапі він вам не знадобитися). Вам потрібна, буде всього лише зошит і ручка. Користуватися, зошитом доведеться від початку і до кінця. У цю зошит потрібно записувати все, (так!) все. Перше, що піде в цей зошит, це замальовка сайту (такий собі макет сторінки) далі раджу розписати по пунктах кожен розділ сайту, на наступній сторінці потрібно спробувати зобразити логотип, якщо звичайно він є. Так само корисно виписати в зошит всі свої матеріали, будь це ваша біографія або науково популярна стаття про освоєння космосу в 3092 році.

Крок 2

Можна ненадовго відкласти зошит, і обхопивши руками голову, міцно задуматися. А задуматися доведеться про свої силах, а саме чи можете ви здійснити те, що задумали, якщо ні, то хапайте зошит і починайте викреслювати все, що ви не в змозі виконати. Якщо в результаті у вас нічого не залишилося, то вже “вибачте … не все геймеру квага”.
Наприклад: ви намалювали логотип, але як не дивно ви ніколи не працювали в графічних редакторах, що робити? Пошукайте того, хто б міг здійснити вашу ідею. Знайти такого людини не складно – друзі, родичі, однокурсники, товариші по чату і т.д.
Далі знаєте ви html? (Якщо немає то, бігом за підручником), звичайно більшість “необізнаних” біжать купувати Frontpage – справа, звичайно, ваше, але я категорично проти: цей так званий редактор робить такі ляпи, при вигляді яких у людини, який читав хоч одну книгу по html, виникає думка про самогубство. З часу існування цього редактора розробники так і не усвідомили для себе, що не існує тега в будь-якому навіть самому простому довіднику написано “закривається дескриптора

не існує “.
Ну да ладно я обіцяв не вдаватися в подробиці, повернемося до вашої зошити, вона вже повна текстів та малюнків, але на жаль цього не достатньо … йдемо до комп’ютера.

Крок 3

Ура! (Вскрічіте ви) ми будемо “тиснути батони і мишу кнопи “. Ні, поки ми не будемо цього робити, ми будемо займатися прибиранням! Пора нарешті витрусити попільничку, зняти многомілліметровий шар пилу з монітора і витягнути дохлих комах з під клави. Навіщо це робити? Не хвилюйтеся через тиждень, у вас знову буде повна попільничка і таргани під клавою. Але насправді це чисто психологічний прийом, тобто коли людина “весь такий задоволений” сідає працювати, йому потрібно бачити перед собою чистоту і порядок …. Ну вже якщо ви зовсім ледачий, то заберіть хоча б незліченну кількість паперів. Взагалі, не погано б обзавестися кошиком для сміття або на худий кінець, коробкою, куди сміливо можна скидати творчі відходи.

Крок 4

Ну ось прибралися. Сідайте покладіть поруч з собою свою улюблену (ненависну) зошит. Почати роботу потрібно, з того що створити папку, де буде лежати ваш “хом’як”, потім вже всередині цієї папки створити ще декілька, а саме: папку де будуть лежати тексти (У word (е)), папку для робочої графіки (те що ви ще не доробили або не наважуєтеся вставити в сторінку), Папка під назвою “Сміття” туди потрібно валити все, що з якої-небудь причини вам не сподобалося, навіщо така папка питається? … а потім, що все вами стерте, швидше за все він вам в Надалі знадобитися. Ще одна папка всередині головної – це власне та, де буде знаходитися найголовніше і важливе. Знову ж потрібно не полінуватися і всередині вже цієї папки створити ще дві, для графіки і для текстів. Всі ці маніпуляції робляться, для подальшого зручності, уявіть себе – годині о третій ночі в пошуках по всьому гвинту потрібної картинки, яка потрапила в папку з віндою, названа:
“Мое_изображение_плохая_фотография_номер_пять.gif”
Чи не краще так “фото.gif” і лежить в “img”. Та ще, щодо назв зображень, як сказав Артемій Лебедєв “від довжини імені зображення – краще воно не стане “
Примітка
Вам треба знову зошит! Доведеться знову малювати від руки, але вже по-іншому. Відкриваємо чисту сторінку і креслимо кілька ліній розділяють лист, в залежності від того, як побудована структура вашого сайту. Потім підписуємо, кожну частина (наприклад: зміст, текст, логотип, місце для реклами і т.д.), далі підписуємо назву полів і картинок (таким чином: logo.gif, novosty.gif і т.п.). Тепер розмір кожної частини (в пікселях) завжди розраховуйте заздалегідь розміри, інакше що-небудь, куди-небудь та не влізе або не буде виглядати в дозволі відмінному від вашого. В принципі цю операцію можна виконати і після створення графіки, але краще завжди мати під рукою начерк.

Крок 5

Наповнення сайту …
Почати потрібно з текстів. А чому не з графіки? Уявіть, ви мучилися, знемагали, підганяли кожен піксель – і ось ви, нарешті, те дизайн готовий, відразу ж з’являється бажання занурити все це на найближчий сервер … А тепер уявіть юзера, який в пошуках рулез заходить до вас і що він бачить: суцільний “андер конструкшен”, він грубо матюкаючись “жмакает” на “back” і більше ніколи не прийде до вас, тому що цей самий “андер конструкшен” може висіти роками.
Так от тексти і з чим їх їдять. А їдять їх з word (ом) і приправляють notepad (ом). В Word (е) їх потрібно набирати, щоб виключити граматичні помилки, неприємно надалі отримати лист змісту типу “Все добре, але не погано б на спелінг перевірити “.
Notepad: після мук з глюками word (а), варто перевести все в звичайний “txt”, потім все одно треба буде форматувати під html, а це явно зручніше робити в блокноті (виключаючи Frontpage). Тепер графіка, в чому її робити це ваша особиста справа, але не забувайте зберігати чорнові варіанти і, взагалі, коли, що то робите намагайтеся якомога частіше жати на “save” інакше через скромного “Віндовскій глюка” ви втратите все над чим пихкали пол ночі.
Примітка
Намагайтеся, як можна найбільше записувати, малюємо одне, а приходить в голову ідея іншого – терміново малю у зошит. Пишемо одну статтю, згадується цікавий афоризм, якій міг би послужити епіграфом до іншої статті – без зволікання в зошит і т.д.

Крок 6

Вантажимо на сервер.
В навантаженні на сервер нічого складного немає, будь-яка ftp (ішка) має зрозумілий інтерфейс, розібратися в якому не складе великих труднощів. Проблема в іншому: Більша частина власників сторінок прагнути вантажити все в недоробленому стані (знову ж одні “андер конструкшени”). Моя вам рада, вантажте тільки тоді, коли у вас не буде жодної “порожній” посилання, а якщо вам вже так не терпиться показати своє творіння, покажіть його друзям, ворогам, кому завгодно, але не варто випробовувати терпіння і без того злого на безрулезние сайти юзера.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*