Создание и дизайн сайтов презентация

МИНИ ОПРОС: Что такое сайт? Что такое контент? Что такое движок сайта? Что представляет из себя хостинг?

Слайд 1Создание и дизайн сайтов
Краткая аннотация: Урок рассчитан для 11-го класса. Предполагается

предварительное ознакомление с программой Adobe Dreamweaver

Слайд 2МИНИ ОПРОС:
Что такое сайт?

Что такое контент?

Что такое движок сайта?

Что представляет из

себя хостинг?

Слайд 3ПРАВИЛЬНЫЕ ОТВЕТЫ:
Сайт – это совокупность взаимосвязанных документов

Контент – это содержание сайта

Движок

– это программа, позволяющая изменять контент и оформление сайта

Хостинг – это предоставление места под сайт

Слайд 4ОПРЕДЕЛЕНИЯ
Тег - элемент HTML, представляющий из себя текст, заключенный в угловые

скобки <>

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки.

JAVAScript - язык программирования, основанный на объектном представлении браузера.

Adobe Dreamweaver в пер. «ткач мечты», «мечтаплёт» или «плетельщик мечты») — HTML-редактор.

Слайд 5СПОСОБЫ СОЗДАНИЯ
Ручной (самописный) – этот способ использовался профессионалами и сегодня практически

утратил свою актуальность.

Онлайновый– этот способ используется для создания простых сайтов из готовых шаблонов.

Программный – этот способ используется для создания дизайнерских изысков и сложных сайтов.


Слайд 6РУЧНОЙ (САМОПИСНЫЙ) СПОСОБ

content="text/html; charset=utf-8" />
Документ без названия



// тут может быть что угодно



свободное владение языком программирования


возможность свободного изменения свойств страницы


отсутствие лишнего ненужного кода


не удобность позиционирования


большая вероятность наличия ошибок


отсутствие парсинга


отсутствие подсветки кода


долгое время создания


и многое другое…

МИНУСЫ:

ПЛЮСЫ:


Слайд 7ОСНОВНЫЕ ЭЛЕМЕНТЫ СТРАНИЦЫ

charset=utf-8" />
Документ без названия



// тут может быть что угодно



Слайд 8ОНЛАЙНОВЫЙ
Существует множество различных хостингов предоставляющих как место под уже готовые сайты,

так и имеют свои собственные структуры шаблонов для создания сайта.

Рассмотрим пример создания сайта на web сервисе http://www.UCOZ.ru


Слайд 9СОЗДАНИЕ САЙТА ОНЛАЙН
1. Нажимаем кнопку создать сайт

2. Заполняем все поля

Шаг

1-2

Слайд 103. Подтверждаем регистрацию через e-mail
4. Заполняем колонку администратора


СОЗДАНИЕ САЙТА ОНЛАЙН
Шаг

3-4

Слайд 115. Указываем домен сайта

6. Сайт успешно создан

7. Панель управления дизайном сайта



СОЗДАНИЕ САЙТА ОНЛАЙН

Шаг 5-7


Слайд 12ВИД СОЗДАННОГО САЙТА


Слайд 13ПРОГРАММНЫЙ
Далее рассмотрим создание каркаса сайта с помощью программы ADOBE DREAMWEAVER, а

также привязку CSS для формирования стиля



Слайд 144. Заполняем колонку администратора

ПРОГРАММНОЕ СОЗДАНИЕ САЙТА

Шаг 1
1. Создаем новый документ из

шаблона пустой страницы – выбираем все пункты и нажимаем создать

Слайд 15
ПРОГРАММНОЕ СОЗДАНИЕ САЙТА
После нажатия кнопки создать у Вас появится такое окно

и есть созданный нами сайт с его основными структурными частями


Шаг 2


Слайд 16
ПРОГРАММНОЕ СОЗДАНИЕ САЙТА
Шаг 3


Слайд 17СПАСИБО ЗА ВНИМАНИЕ!


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика