html fastfood and design
DESCRIPTION
By Yuriy Artyukh and Gennady OsipenkoTRANSCRIPT
Звездыонлайна
1
HTMLFas5ood
15ноября,2008,Киев
Проекты
HTML
• Базовыйуровень—знатьчтоэто
• Прикладной—редактировать
• Профессиональный—зарабатыватьденьги,разрабатыватьсайты
Перваястраничка
• Текстовыйредактор
• Сохранитьфайлкак:
Результат
КартинкивHTML
Нокартинкивинтернетенетакие?
Таги–условныеобозначения
• <html>…</html>
• <h1>Заголовок</h1>
• <p>Параграфтекста</p>
• <em>Важныйтекст</em><br>
• <strong>Пам‐пам!</strong>
• <ahref=“hgp://ya.ru”>Ссылка</a>
Базоваястраничка
Немноготеории
• <html>—всёчтовнутрисчитаетсяHTML‐документом
• <body>—всёчтовнутриотображаетсянаэкране
• HTML‐тагиобязательнозакрывать<t></t>(кроменекоторых:<input>,<br>,<img>)
• Бываютатрибуты:
<тагатрибут=“значение”>Таг</таг>
<ahref=“hgp://opera.com”>Ссылка</a>
<imgsrc=“karvnka.jpg”>
Добавимбольшетагов
Почтисайт
Хочунаписатьответнафорумежирныммигающимкурсивом
ВасоградятотHTML
Иначе:Готовоерешение
• <blink><b><i>Жирныйимигает</i></b></blink>
Хочуделатьсайты!
Помогутпрограммы
• AdobeDreamweaver
• Microso�ExpressionWeb
ExpressionWeb
РедакторотMicroso�
Нехочуразбираться,хочусайт
• Естьхостингисайтов,всесделаютзавас–Wordpress.com
– Blogger.com
• Естьтекторазобрался– Попроситеихпомочь
Хочуменятьдизайннасервисахсайтов
Infostore.org,prostoprint.com
…
CSS–дизайндляHTML
• Файлывыглядяттак: • Полностьюописываютдизайнсайтов.HTML–содержаниесайтов,CSS–дизайн.
КакдействуетCSS
CSS:
P{ font‐size:20px;
color:green;
background:black;
}
HTML:
<p>Параграф</p>
РЕЗУЛЬТАТ
ЧастосайтыдаютдоступкCSS
Хочузарабатыватьэтимденьги
Чтонужно?
• Прочитатьпарукниг
• Почитатьнесколькосайтовпотеме
• Лучшевсегоучитьсявинтернете
• Делатьсайты
• Вамэтовсёдолжнонравится
Книги
• ЛюбойсамоучительпоHTML
• ДжеффриЗельдман.Web‐дизайнпостандартам.
• ЭрикА.Мейер.CSS–каскадныетаблицыстилей.Подробноеруководство.
Сайты
• hgp://alistapart.com
• hgp://habrahabr.ru/blogs/css/
• hgp://webmascon.com
• Блоги
Чемхорошапрофессия?
• Нетеряетактуальности
• Активноразвивается(CSS3,Микроформаты,Javascript)
• Можноработатьдома!Сколькохочешь!Когдахочешь.
• Делатьсайты–этокруто!
КакясталHTML‐специалистом
Геннадий
Виктор Ющенко Юлия Тимошенко
Виктор Ющенко Юлия Тимошенко
Все мальчики — диджеи,все девочки — модели.
Штихель штихелю — рознь!
Старожилы помнят ;)
! " # $st fi ff ft
A!er the dark"les on #ickrwhere $ill okay!
Спасибо за внимание
Осипенко Геннадий
электронная почта: [email protected]: 22543441сайт: http://genn.org/блог: http://mega.genn.org/