SlideShare a Scribd company logo
1 of 47
Download to read offline
Звезды
онлайна




                 1
HTML
Fas5ood
   15
ноября,
2008,
Киев
Проекты
HTML
• Базовый
уровень
—
знать
что
это
• Прикладной
—
редактировать
• Профессиональный
—
зарабатывать

  деньги,
разрабатывать
сайты
Первая
страничка
• Текстовый
       • Сохранить
файл
как:
  редактор


Результат
Картинки
в
HTML
Но
картинки
в
интернете

       не
такие?
Таги
–
условные
обозначения
•   <html>…</html>
•   <h1>Заголовок</h1>
•   <p>Параграф
текста</p>
•   <em>Важный
текст</em><br>
•   <strong>Пам‐пам!</strong>
•   <a
href=“hgp://ya.ru”>Ссылка</a>
Базовая
страничка

Немного

теории
• 
<html>
—
всё
что
внутри
считается
HTML‐
  документом
• 
<body>
—
всё
что
внутри
отображается
на
экране
• HTML‐таги
обязательно
закрывать
<t></t>
(кроме

  некоторых:
<input>,
<br>,
<img>)
• Бывают
атрибуты:


 <таг
атрибут=“значение”>Таг</таг>

 <a
href=“hgp://opera.com”>Ссылка</a>

 <img
src=“karvnka.jpg”>
Добавим
больше
тагов
Почти
сайт
Хочу
написать
ответ
на
форуме

жирным
мигающим
курсивом
Вас
оградят
от
HTML
Иначе:
Готовое
решение
• <blink><b><i>Жирный
и
мигает</i></b></blink>
Хочу
делать
сайты!
Помогут
программы
• Adobe
Dreamweaver



• Microso†
Expression
Web
Expression
Web

Редактор
от
Microso†
Не
хочу
разбираться,
хочу
сайт
• Есть
хостинги
сайтов,
все
сделают
за
вас
  – Wordpress.com
  – Blogger.com


• Есть
те
кто
разобрался
  – Попросите
их
помочь
Хочу
менять
дизайн
на

   сервисах
сайтов
Infostore.org,
prostoprint.com
               …
CSS
–
дизайн
для
HTML
• Файлы
выглядят
так:   • Полностью
описывают

                          дизайн
сайтов.






                          HTML
–
содержание

                          сайтов,
CSS
–
дизайн.
Как
действует
CSS
CSS:                   HTML:
P{                     <p>Параграф</p>

 font‐size:
20px;

 color:
green;        РЕЗУЛЬТАТ

 background:
black;

 }
Часто
сайты
дают
доступ
к
CSS
Хочу
зарабатывать
этим
деньги
Что
нужно?
•   Прочитать
пару
книг
•   Почитать
несколько
сайтов
по
теме
•   Лучше
всего
учиться
в
интернете
•   Делать
сайты
•   Вам
это
всё
должно
нравится
Книги
• Любой
самоучитель
по
HTML
• Джеффри
Зельдман.






































  Web‐дизайн
по
стандартам.



• Эрик
А.
Мейер.
CSS
–

























  каскадные
таблицы
стилей.












  Подробное
руководство.
Сайты
•   hgp://alistapart.com
•   hgp://habrahabr.ru/blogs/css/
•   hgp://webmascon.com

•   Блоги
Чем
хороша
профессия?
• Не
теряет
актуальности
• Активно
развивается
(CSS3,
Микроформаты,

  Javascript)
• Можно
работать
дома!
Сколько
хочешь!

  Когда
хочешь.
• Делать
сайты
–
это
круто!
Как
я
стал
HTML‐специалистом
Юрий
Артюх,
Cайт:
hgp://cssing.org.ua
почта:
akella.a@gmail.com

СПАСИБО!
Геннадий
Виктор Ющенко Юлия Тимошенко
Виктор Ющенко Юлия Тимошенко
Все мальчики — диджеи,
 все девочки — модели.
Штихель штихелю —
      рознь!
Старожилы помнят ;)
st fi ff ft
A er the dark
 les on ickr
where ill okay!
Спасибо за
    внимание
Осипенко Геннадий


электронная почта: soap@genn.org
icq: 22543441
сайт: http://genn.org/
блог: http://mega.genn.org/

More Related Content

What's hot

Отток клиентов
Отток клиентовОтток клиентов
Отток клиентовAndrey Sviridov
 
логарифмические спирали
логарифмические спиралилогарифмические спирали
логарифмические спиралиkorneeva
 
Mercurial&OnenoteServer
Mercurial&OnenoteServerMercurial&OnenoteServer
Mercurial&OnenoteServerKeisuke Hata
 
Internet aplikacii razvoj marketig
Internet aplikacii razvoj marketigInternet aplikacii razvoj marketig
Internet aplikacii razvoj marketigDarko Buldioski
 
Успешный программист. Современные тенденции
Успешный программист. Современные тенденцииУспешный программист. Современные тенденции
Успешный программист. Современные тенденцииStas Fomin
 
Project Office.Net - marketing plan
Project Office.Net - marketing planProject Office.Net - marketing plan
Project Office.Net - marketing planDarko Buldioski
 
JBoss Drools presentation for Devclub.eu
JBoss Drools presentation for Devclub.euJBoss Drools presentation for Devclub.eu
JBoss Drools presentation for Devclub.euAnton Arhipov
 
Learning environments and learning objects
Learning environments and learning objectsLearning environments and learning objects
Learning environments and learning objectsHans Põldoja
 
Критерии выбора SEO/SEM компании. Оценка эффективности
Критерии выбора SEO/SEM компании. Оценка эффективностиКритерии выбора SEO/SEM компании. Оценка эффективности
Критерии выбора SEO/SEM компании. Оценка эффективностиGooVape
 
кеширование в бд
кеширование в бдкеширование в бд
кеширование в бдMax Lapshin
 
Відомості про Інтернет
Відомості про ІнтернетВідомості про Інтернет
Відомості про Інтернетzagranychna21pgf
 
Для конференции "Интранет в России"
Для конференции "Интранет в России"Для конференции "Интранет в России"
Для конференции "Интранет в России"Mikhail Galushko
 
HighLoad Sites, Oleg Bunin
HighLoad Sites, Oleg BuninHighLoad Sites, Oleg Bunin
HighLoad Sites, Oleg BuninOntico
 
Nikishin Root Conf
Nikishin Root ConfNikishin Root Conf
Nikishin Root ConfLiudmila Li
 

What's hot (20)

Отток клиентов
Отток клиентовОтток клиентов
Отток клиентов
 
lenvendo on bitrix cms
lenvendo on bitrix cmslenvendo on bitrix cms
lenvendo on bitrix cms
 
логарифмические спирали
логарифмические спиралилогарифмические спирали
логарифмические спирали
 
Mercurial&OnenoteServer
Mercurial&OnenoteServerMercurial&OnenoteServer
Mercurial&OnenoteServer
 
Internet aplikacii razvoj marketig
Internet aplikacii razvoj marketigInternet aplikacii razvoj marketig
Internet aplikacii razvoj marketig
 
Успешный программист. Современные тенденции
Успешный программист. Современные тенденцииУспешный программист. Современные тенденции
Успешный программист. Современные тенденции
 
Project Office.Net - marketing plan
Project Office.Net - marketing planProject Office.Net - marketing plan
Project Office.Net - marketing plan
 
BlogCamp CEE 2008 - B2Blogger
BlogCamp CEE 2008 - B2BloggerBlogCamp CEE 2008 - B2Blogger
BlogCamp CEE 2008 - B2Blogger
 
JBoss Drools presentation for Devclub.eu
JBoss Drools presentation for Devclub.euJBoss Drools presentation for Devclub.eu
JBoss Drools presentation for Devclub.eu
 
Learning environments and learning objects
Learning environments and learning objectsLearning environments and learning objects
Learning environments and learning objects
 
Критерии выбора SEO/SEM компании. Оценка эффективности
Критерии выбора SEO/SEM компании. Оценка эффективностиКритерии выбора SEO/SEM компании. Оценка эффективности
Критерии выбора SEO/SEM компании. Оценка эффективности
 
кеширование в бд
кеширование в бдкеширование в бд
кеширование в бд
 
I Net
I NetI Net
I Net
 
Відомості про Інтернет
Відомості про ІнтернетВідомості про Інтернет
Відомості про Інтернет
 
Для конференции "Интранет в России"
Для конференции "Интранет в России"Для конференции "Интранет в России"
Для конференции "Интранет в России"
 
Каскадні таблиці стилів CSS
Каскадні таблиці стилів CSSКаскадні таблиці стилів CSS
Каскадні таблиці стилів CSS
 
HighLoad Sites, Oleg Bunin
HighLoad Sites, Oleg BuninHighLoad Sites, Oleg Bunin
HighLoad Sites, Oleg Bunin
 
Nikishin Root Conf
Nikishin Root ConfNikishin Root Conf
Nikishin Root Conf
 
Pr In Social Media 1
Pr In  Social Media 1Pr In  Social Media 1
Pr In Social Media 1
 
Sapka Contest 2009 (UA)
Sapka Contest 2009 (UA)Sapka Contest 2009 (UA)
Sapka Contest 2009 (UA)
 

Viewers also liked

архитектура компьютера
архитектура компьютераархитектура компьютера
архитектура компьютераknuble
 
Introduccion Instrumentos (Virtuais Parte1)
Introduccion Instrumentos (Virtuais Parte1)Introduccion Instrumentos (Virtuais Parte1)
Introduccion Instrumentos (Virtuais Parte1)cjose72
 
Hoboken B O E Budget 2009 Revised Part 4 Of 4
Hoboken  B O E  Budget 2009  Revised Part 4 Of 4Hoboken  B O E  Budget 2009  Revised Part 4 Of 4
Hoboken B O E Budget 2009 Revised Part 4 Of 4Hoboken Resistance
 
Game Art 3D texturing les2
Game Art 3D texturing les2Game Art 3D texturing les2
Game Art 3D texturing les2guest9ee85
 
Operazioni di gestione 02
Operazioni di gestione 02Operazioni di gestione 02
Operazioni di gestione 02Edi Dal Farra
 
Tkd Presentasion
Tkd PresentasionTkd Presentasion
Tkd Presentasionguesteddb55
 
fabiola paniagua grajales
fabiola paniagua grajalesfabiola paniagua grajales
fabiola paniagua grajalesgueste3d6f
 
El futur de l’informàtica de butxaca
El futur de l’informàtica de butxacaEl futur de l’informàtica de butxaca
El futur de l’informàtica de butxacaPaco Rivière
 
Op De Set
Op De SetOp De Set
Op De SetDocFilm
 
晴空萬里
晴空萬里晴空萬里
晴空萬里join
 

Viewers also liked (20)

архитектура компьютера
архитектура компьютераархитектура компьютера
архитектура компьютера
 
Introduccion Instrumentos (Virtuais Parte1)
Introduccion Instrumentos (Virtuais Parte1)Introduccion Instrumentos (Virtuais Parte1)
Introduccion Instrumentos (Virtuais Parte1)
 
Hoboken B O E Budget 2009 Revised Part 4 Of 4
Hoboken  B O E  Budget 2009  Revised Part 4 Of 4Hoboken  B O E  Budget 2009  Revised Part 4 Of 4
Hoboken B O E Budget 2009 Revised Part 4 Of 4
 
Orlando2
Orlando2Orlando2
Orlando2
 
Berriya
BerriyaBerriya
Berriya
 
Game Art 3D texturing les2
Game Art 3D texturing les2Game Art 3D texturing les2
Game Art 3D texturing les2
 
Operazioni di gestione 02
Operazioni di gestione 02Operazioni di gestione 02
Operazioni di gestione 02
 
Cristian Palma Book
Cristian Palma BookCristian Palma Book
Cristian Palma Book
 
Tkd Presentasion
Tkd PresentasionTkd Presentasion
Tkd Presentasion
 
fabiola paniagua grajales
fabiola paniagua grajalesfabiola paniagua grajales
fabiola paniagua grajales
 
VCA
VCAVCA
VCA
 
Kort Om Etikk2
Kort Om Etikk2Kort Om Etikk2
Kort Om Etikk2
 
El futur de l’informàtica de butxaca
El futur de l’informàtica de butxacaEl futur de l’informàtica de butxaca
El futur de l’informàtica de butxaca
 
Dislexia
DislexiaDislexia
Dislexia
 
Op De Set
Op De SetOp De Set
Op De Set
 
Moving Our Enterprises Into Moodle Seplan Jalisco
Moving Our Enterprises Into Moodle Seplan JaliscoMoving Our Enterprises Into Moodle Seplan Jalisco
Moving Our Enterprises Into Moodle Seplan Jalisco
 
晴空萬里
晴空萬里晴空萬里
晴空萬里
 
Flogolf
FlogolfFlogolf
Flogolf
 
Los Asteroides
Los AsteroidesLos Asteroides
Los Asteroides
 
Tutorial toko online
Tutorial toko onlineTutorial toko online
Tutorial toko online
 

More from EduCampKyiv2008

More from EduCampKyiv2008 (17)

Internet as a way of integration
Internet as a way of integrationInternet as a way of integration
Internet as a way of integration
 
20 reasons to write a blog
20 reasons to write a blog20 reasons to write a blog
20 reasons to write a blog
 
How to search and to find everytime
How to search and to find everytimeHow to search and to find everytime
How to search and to find everytime
 
Statup Ot A Do Ja
Statup Ot A Do JaStatup Ot A Do Ja
Statup Ot A Do Ja
 
Lets Talk!
Lets Talk!Lets Talk!
Lets Talk!
 
Social Serviсes
Social ServiсesSocial Serviсes
Social Serviсes
 
Social Bookmarking
Social BookmarkingSocial Bookmarking
Social Bookmarking
 
Podcasting
PodcastingPodcasting
Podcasting
 
 How to make a WP Blog in 15 minutes
 How to make a WP Blog in 15 minutes How to make a WP Blog in 15 minutes
 How to make a WP Blog in 15 minutes
 
Unistudy
UnistudyUnistudy
Unistudy
 
Sumno.com - success story
Sumno.com - success storySumno.com - success story
Sumno.com - success story
 
Creative And Mechanical Blogging
Creative And Mechanical BloggingCreative And Mechanical Blogging
Creative And Mechanical Blogging
 
RSS
RSSRSS
RSS
 
How To Create Start Up
How To Create Start UpHow To Create Start Up
How To Create Start Up
 
Highway Success Story Case
Highway Success Story CaseHighway Success Story Case
Highway Success Story Case
 
Advertising online
Advertising onlineAdvertising online
Advertising online
 
29 tips for internet
29 tips for internet29 tips for internet
29 tips for internet
 

Html Fastfood And Design