Блог українського вебмайстра » Новачкам http://vseseo.com Seo, інтернет заробіток, бізнес, оптимізація та просування сайтів Sat, 28 Jan 2012 11:43:57 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 Урок 2. Програма для створення сайтів Dreamweaver http://vseseo.com/site-created/simplesite/urok-2-prohrama-dlya-stvorennya-sajtiv-dreamweaver.html http://vseseo.com/site-created/simplesite/urok-2-prohrama-dlya-stvorennya-sajtiv-dreamweaver.html#comments Mon, 07 Dec 2009 16:18:04 +0000 admin http://vseseo.com/?p=18

adobe dreamweaver8 255x300 Урок 2. Програма для створення сайтів DreamweaverЯк можна було побачити з уроку 1  створювати інтернет сторінки можна за допомогою звичайного текстового редактора - Блокноту або іншого.  Але для створення масштабної сторінки необхідний спеціалізований графічний Веб-редактор.  Я рекомендую Вам програму Dreamweaver від компанії Adobe.

Програма доволі громіздка, біля 200 мегабайт в залежності від версії . Тому скачувати її доволі проблематично, особисто я в подібних випадках шукаю подібний софт на торрент трекерах, наприклад torrents.ru , або ж юзайте всемогутній Гугл. Раджу одразу шукати програму з креком, з цим проблем виникнути не має.

Якщо Вас цікавить детальне ознайомлення з програмою Dreamweaver, маєте можливість скачати непогану книгу Самоучитель Macromedia Dreamweaver 8 Лінк 1 ,  Лінк 2,  Автор: Владимир Дронов, Видавництво: БХВ - Санкт-Петербург, 2006 г. 320 сторінок

Основний принцип графічного редактора  Dreamweaver в тому , що вам не обов'язково працювати з кодом сторінки напряму. Ви можете все робити у графічному редакторі а код сторінки буде формуватися автоматично.

Ось кілька відео уроків по Dreamweaver 2004, хоч версія дещо застаріла, але всі основні принципи збереглися і в нових релізах.

Урок 1

Урок 2

Урок 3

Урок 4

Урок 5

Урок 6



Схожі записи

]]> http://vseseo.com/site-created/simplesite/urok-2-prohrama-dlya-stvorennya-sajtiv-dreamweaver.html/feed 1 Урок 1. Як функціонує сайт. Створення html сторінки. http://vseseo.com/site-created/simplesite/urok-1-yak-funktsionuje-sajt.html http://vseseo.com/site-created/simplesite/urok-1-yak-funktsionuje-sajt.html#comments Mon, 07 Dec 2009 15:16:14 +0000 admin http://vseseo.com/?p=13 html Урок 1. Як функціонує сайт. Створення html сторінки.Перед початком роботи над створенням сайту варто засвоїти деяку інформацію щодо  функціонування вашого Html сайту.

Якщо вас цікавить детальне вивчення хтмл то ви можете скачати книгу -  підручник  HTML

Схема роботи HTML сайту:

1. Припустимо є  файл який містить Html код :

<!doctype HTML public "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Мій перший HTML-документ</title>
</head>
<body>
Hello world!
</body>
</html>

2. В адресній строці Вашого браузера вводиться адреса файлу з html кодом.

3. Браузер читає цей код та інтерпретує його в інтернет сторінку яку ви бачите на моніторі.

Вам не обов'язково розміщувати сайт в мережі інтернет. Ваш сайт може функціонувати і локально, тобто на вашому компютері.  Про розміщення сайту в мережі інтернет йтиметься у наступних уроках.

Практичне завдання.

1. Створіть звичайний текстовий документ   ,  за допомогою стандартного текстового редактора, (особисто я користуюсь текстовим редактором Notepad2, усім раджу ) запишіть туди наступний текст(код):

<!doctype HTML public "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Мій перший HTML-документ</title>
</head>
<body>
Hello world!
</body>
</html>

Збережіть цей файл під іменем site.html . Після збереження відкрийте цей файл, якщо ви зробили усе вірно то даний файл відкриється через браузер. Щойно ви створили інтернет сторінку.

2.  Проробіть пункт 1 з іншими кодами, поекспериментуйте , внесіть власні зміни у код  :

<html>
<head>
<title>Приклад 2</title>
</head>
<body>
<H1 ALIGN=CENTER>Привіт!</H1>
<H2>Це трохи складніший приклад
HTML-документа
</H2>
<P>Тепер ми знаємо, що абзац можна вирівнювати
не тільки вліво
</P>
<P ALIGN=CENTER> і по центру</P>
<P ALIGN=RIGHT>і по правому краю.</P>

</body>
</html>

<html>
<head>
<title>Приклад 3</title>
</head>
<body>
<H1>Вірш</H1>
<H2>Автор невідомий</H2>
<P> Однажды в студеную зимнюю пору<BR>
Сижу за решеткой в темнице сырой.<BR>
Гляжу - поднимается медленно в гору<BR>
Вскормленный в неволе орел молодой.</P>
<P> И шествуя важно, в спокойствии чинном,<BR>
Мой грустный товарищ, махая крылом,<BR>
В больших сапогах, в полушубке овчинном,<BR>
Кровавую пищу клюет под окном.</P>
</body> </html>

<html>
<head>
<title>Пример 4</title>
</head>
<body>
<H1>Колекція горизонтальних ліній</H1>
<HR SIZE=2 WIDTH=100%><BR>
<HR SIZE=4 WIDTH=50%><BR>
<HR SIZE=8 WIDTH=25%><BR>
<HR SIZE=16 WIDTH=12%><BR>
</body>
</html>



Схожі записи

]]> http://vseseo.com/site-created/simplesite/urok-1-yak-funktsionuje-sajt.html/feed 0 Вступ. Самостійне створення сайту. http://vseseo.com/site-created/simplesite/vstup-samostijne-stvorennya-sajtu.html http://vseseo.com/site-created/simplesite/vstup-samostijne-stvorennya-sajtu.html#comments Mon, 07 Dec 2009 14:46:28 +0000 admin http://vseseo.com/?p=11 70000000 300x199 Вступ. Самостійне створення сайту.Фактично цей розділ - це збірка уроків по створенню сайту для новачків. Одразу хочу сказати що тут я буду висвітлювати лише основні моменти у створенні простого сайту. Більш детальні підручники ви можете знайти в інтернеті у вільному доступі, але  не на українській мові.

Простий сайт -  тут мається на увазі сайт з кількох сторінок створений за допомогою Html.  Для створення даного сайту вам не обовязково повністю вивчати  Html, достатньо засвоїти основні його моменти.

Html - простими словами - це невеличка мова програмування(а якщо точніше мова розмітки) для створення інтернет сторінок. Сукупність зв'язаних між собою інтернет сторінок і буде Вашим сайтом.   Детальніше про html в Вікіпедії.

Увага . Якщо ви новачок то на даному етапі ви не повинні думати про заробіток на сайті, все прийде з часом, поки що  засвойте базовий матеріал.



Схожі записи

]]> http://vseseo.com/site-created/simplesite/vstup-samostijne-stvorennya-sajtu.html/feed 0