Download - Създаване на интернет страница
![Page 1: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/1.jpg)
ГЛАВЕн
КОМПЮТЪр
Дай главния файлДай главния файл
<i>Hello Junior</i>
Зареди zoom.bg Зареди zoom.bg
<i>Hello Junior</i>
Интернет
zoom.bg
abv.bg
dir.bg
zoom.bg
Hello Junior
a1.jpga2.doca3.htmlindex.html
d1.jpgd2.docd3.htmlindex.html
z1.jpgz2.docz3.htmlindex.html
/z3.html дай zoom.bg/z3.htmlдай zoom.bg/z3.html
Дай z3.htmlДай z3.html
<b>Аз съм z3</b><b>Аз съм z3</b>
<b>Аз съм z3</b><b>Аз съм z3</b>
Аз съм z3
Опростено предсттавяне на WWW
![Page 2: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/2.jpg)
Езикът HTML• Служи за визуализация на текст и картинки• Състои се от обикновен текст и тагове <tag>• Таг е дума заградена в знаците < и >.
Например <b>, <i>, <u>• Таговете указват как браузерът да
форматира даден текст• Желания за форматиране текст се загражда
с отварящ и затварящ таг. • Например <u>Тест</u> ще покаже Тест
![Page 3: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/3.jpg)
Езикът HTML
• <b>текст 1</b> - текст 1• <i>текст 2</i> - текст 2• <u>текст 3</u> - текст 3• Възможно вгнездяване, но правилно.• <u><b>текст 4</b></u> - текст 4• <b><u>текст 4</b></u> - текст 4
![Page 4: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/4.jpg)
Езикът HTML
• По-сложни тагове - с параметър<font size=“20”>Тест</font><p align=“center”>Текст</p><a href=‘http://abv.bg’>Поща</a> - поща<img src=“snimka.jpg“></img>
![Page 5: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/5.jpg)
Домейн и хостинг Интернетabv.bg
dir.bg
zoom.bg
a1.jpga2.doca3.htmlindex.html
d1.jpgd2.docd3.htmlindex.html
Няма файлове
• Хостинг• Домейн• Сървър на имeна (DNS)• Хостинг компании
Главен компютър
abv.bg
dir.bg
zoom.bg
![Page 6: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/6.jpg)
Създаване на сайт
• Създаване на файлове с HTML тескт на домашния компютър
• Осигуряване на домейн и хостинг• Качване на файловете на хостинга
Домашен компютърДомашен компютър Хост Хост
Качване на файловетеКачване на файловетеindex.htmlabout.htmlServices.html
index.htmlabout.htmlServices.html
![Page 7: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/7.jpg)
Създаване на файловетеВ коя да е папка (например c:\site)създаваме 2
текстови файла със следното съдържание: index.txt
<h1>Сайт на фирма АЛАБАЛА ООД</h1><a href=‘about.html’>за нас</a>
about.txt<h1>Адрес: ул. Алабалова N1</h1><a href=‘index.html’>Начало</a>
• Преименуваме файловете на index.html и about.html
![Page 8: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/8.jpg)
Осигуряване на домейн и хостинг
• купуване на домейн и хостинг от фирма– superhosting.bg– host.bg– icn.bg
• Регистрация за безплатен хостинг – free.bg – freehost.bg– hit.bg
![Page 9: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/9.jpg)
Качване на файловете
• Инсталиране на програма за FTP достъпнапример FileZilla
• Въвеждане в нея на данните получени при регистрация на хостинг.
• Свързване• Прехвърляне на файловете чрез влачене• Готово
![Page 10: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/10.jpg)
Filezilla
хостхост
потребител
потребител
паролапарола
Файловете на вашето PC
Файловете на вашето PC
Файловете на отдалеченото PC
Файловете на отдалеченото PC
-Въвеждате данните получени при хостинг регистрацията.-Влачите локалните файлове до отдалечения компютър
бутон за свързване
бутон за свързване
![Page 11: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/11.jpg)
Готовият сайт
![Page 12: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/12.jpg)
Програми за правене на сайтове
• Ще е то WYSIWYG програми• Лесно и бързо• Интегрирано FTP качване на сървър• Ограничения • Много и неясен HTML код• Трудности при редактирането• Популярни програми: – Dreamweaver, Microsoft Expression Studio, SeaMonkey
![Page 13: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/13.jpg)
Статични и Динамични сайтове
• Статични сайтове– Съдържанието – статичен HTML файл – Не зависи от външни параметри– Редакция от специалист
• Динамични сайтове– Съдържанието е гъвкаво – допуска параметри– Възможност за контролен панел – лесна
редакция от неспециалист– Трудно изграждане – програмистки познания
![Page 14: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/14.jpg)
ГЛАВЕн
КОМПЮТЪр
Дай главния файлДай главния файл
<i>Hello Junior</i>
Зареди zoom.bg Зареди zoom.bg
<i>Hello Junior</i>
Интернет
zoom.bg
abv.bg
dir.bg
zoom.bg
Hello Junior
a1.jpga2.doca3.htmlindex.html
d1.jpgd2.docd3.htmlindex.html
z1.jpgz2.docz3.htmlindex.html
Статичен сайт
![Page 15: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/15.jpg)
Дата: 10/03
<u>Дата: 10/03</u>
index.htmlindex.html
Дай главния ф-лДай главния ф-л
<u>Дата 10/03</u><u>Дата 10/03</u>
Zoom.bgZoom.bg
СофтуерСофтуер
Дай съдържание
zoom.bg
Статичен сайт детайли
Софтуерът връща съдържанието на файла!
Не го интерпретира!
Софтуерът връща съдържанието на файла!
Не го интерпретира!
![Page 16: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/16.jpg)
10/03
<?php date() ?>
index.htmlindex.html
Дай главния ф-лДай главния ф-л
10/0310/03
Интерпретатор
Zoom.bgZoom.bg
СофтуерСофтуер Дай съдържание
zoom.bg
Динамичен сайт
детайли
Софтуерът тълкува съдържанието на файла!
Интерпретира го!
Софтуерът тълкува съдържанието на файла!
Интерпретира го!
Date()10/03
![Page 17: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/17.jpg)
Технологии
![Page 18: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/18.jpg)
Open Source vs Non Open Source
• Какво е Open Source – отворен код• Open source не ≠ Free• Що е то Лицензи • Видове лицензи
![Page 19: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/19.jpg)
Технологии
• Какво е клиент и сървър• Технологии от страна на клиента– HTML, JavaScript, Flash
• Технологии от страна на сървъра
![Page 20: Създаване на интернет страница](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b503954a7959dc508b4596/html5/thumbnails/20.jpg)
Технологии от страна на сървъра
• Операционна система– Linux– Windows
• Web сървър– Apache– IIS
• Интерпретатори– PHP, ASP, JAVA, Pearl, Ruby и т.н.
• Бази данни– Mysql, Posgresql, Oracle, MSSQL