ГЛАВЕн

КОМПЮТЪр

Дай главния файлДай главния файл

<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

Езикът HTML• Служи за визуализация на текст и картинки• Състои се от обикновен текст и тагове <tag>• Таг е дума заградена в знаците < и >.

Например <b>, <i>, <u>• Таговете указват как браузерът да

форматира даден текст• Желания за форматиране текст се загражда

с отварящ и затварящ таг. • Например <u>Тест</u> ще покаже Тест

Езикът 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

Езикът HTML

• По-сложни тагове - с параметър<font size=“20”>Тест</font><p align=“center”>Текст</p><a href=‘http://abv.bg’>Поща</a> - поща<img src=“snimka.jpg“></img>

Домейн и хостинг Интернетabv.bg

dir.bg

zoom.bg

a1.jpga2.doca3.htmlindex.html

d1.jpgd2.docd3.htmlindex.html

Няма файлове

• Хостинг• Домейн• Сървър на имeна (DNS)• Хостинг компании

Главен компютър

abv.bg

dir.bg

zoom.bg

Създаване на сайт

• Създаване на файлове с HTML тескт на домашния компютър

• Осигуряване на домейн и хостинг• Качване на файловете на хостинга

Домашен компютърДомашен компютър Хост Хост

Качване на файловетеКачване на файловетеindex.htmlabout.htmlServices.html

index.htmlabout.htmlServices.html

Създаване на файловетеВ коя да е папка (например 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

Осигуряване на домейн и хостинг

• купуване на домейн и хостинг от фирма– superhosting.bg– host.bg– icn.bg

• Регистрация за безплатен хостинг – free.bg – freehost.bg– hit.bg

Качване на файловете

• Инсталиране на програма за FTP достъпнапример FileZilla

• Въвеждане в нея на данните получени при регистрация на хостинг.

• Свързване• Прехвърляне на файловете чрез влачене• Готово

Filezilla

хостхост

потребител

потребител

паролапарола

Файловете на вашето PC

Файловете на вашето PC

Файловете на отдалеченото PC

Файловете на отдалеченото PC

-Въвеждате данните получени при хостинг регистрацията.-Влачите локалните файлове до отдалечения компютър

бутон за свързване

бутон за свързване

Готовият сайт

Програми за правене на сайтове

• Ще е то WYSIWYG програми• Лесно и бързо• Интегрирано FTP качване на сървър• Ограничения • Много и неясен HTML код• Трудности при редактирането• Популярни програми: – Dreamweaver, Microsoft Expression Studio, SeaMonkey

Статични и Динамични сайтове

• Статични сайтове– Съдържанието – статичен HTML файл – Не зависи от външни параметри– Редакция от специалист

• Динамични сайтове– Съдържанието е гъвкаво – допуска параметри– Възможност за контролен панел – лесна

редакция от неспециалист– Трудно изграждане – програмистки познания

ГЛАВЕн

КОМПЮТЪр

Дай главния файлДай главния файл

<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

Статичен сайт

Дата: 10/03

<u>Дата: 10/03</u>

index.htmlindex.html

Дай главния ф-лДай главния ф-л

<u>Дата 10/03</u><u>Дата 10/03</u>

Zoom.bgZoom.bg

СофтуерСофтуер

Дай съдържание

zoom.bg

Статичен сайт детайли

Софтуерът връща съдържанието на файла!

Не го интерпретира!

Софтуерът връща съдържанието на файла!

Не го интерпретира!

10/03

<?php date() ?>

index.htmlindex.html

Дай главния ф-лДай главния ф-л

10/0310/03

Интерпретатор

Zoom.bgZoom.bg

СофтуерСофтуер Дай съдържание

zoom.bg

Динамичен сайт

детайли

Софтуерът тълкува съдържанието на файла!

Интерпретира го!

Софтуерът тълкува съдържанието на файла!

Интерпретира го!

Date()10/03

Технологии

Open Source vs Non Open Source

• Какво е Open Source – отворен код• Open source не ≠ Free• Що е то Лицензи • Видове лицензи

Технологии

• Какво е клиент и сървър• Технологии от страна на клиента– HTML, JavaScript, Flash

• Технологии от страна на сървъра

Технологии от страна на сървъра

• Операционна система– Linux– Windows

• Web сървър– Apache– IIS

• Интерпретатори– PHP, ASP, JAVA, Pearl, Ruby и т.н.

• Бази данни– Mysql, Posgresql, Oracle, MSSQL