Презентация, доклад по информатике Создание сайта

Содержание

Основные определенияСайт – (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети») — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённая под одним адресом.

Слайд 1Создание сайта
Первая страничка

Создание сайтаПервая страничка

Слайд 2Основные определения
Сайт – (от англ. website: web — «паутина, сеть» и site — «место»,

буквально «место, сегмент, часть в сети») — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённая под одним адресом.
Основные определенияСайт – (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети»)

Слайд 3Основные определения
Web –страница - (англ. Web page) — документ или информационный ресурс Всемирной

паутины, доступ к которому осуществляется с помощью веб-браузера.
Основные определенияWeb –страница - (англ. Web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с

Слайд 4Основные определения
Бра́узер (от англ. browser; обозреватель) — программное обеспечение для просмотра веб-сайтов,

их обработки, вывода и перехода от одной страницы к другой.
Основные определенияБра́узер (от англ. browser; обозреватель) — программное обеспечение для просмотра веб-сайтов, их обработки, вывода и перехода от

Слайд 5Основные определения
Контентом называется информационно значимое содержимое веб - страницы.

Основные определенияКонтентом называется информационно значимое содержимое веб - страницы.

Слайд 6Основные определения
Тэг - (иногда тэг, англ. tag — «ярлык, этикетка, бирка; метить») - метка

как ключевое слово, идентификатор для категоризации, описания, поиска данных и задания внутренней структуры.
Основные определенияТэг - (иногда тэг, англ. tag — «ярлык, этикетка, бирка; метить») - метка как ключевое слово, идентификатор для категоризации,

Слайд 7Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








определяются цели разработки сайта
пути достижения целей
анализ аудитории на которую он рассчитан
анализ сильных и слабых сторон потенциальных конкурентов.

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткаопределяются цели разработки сайтапути

Слайд 8Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








создание информа-ционного наполне-ния - а проще говоря, содержимого проекта. На этом этапе пишется текст, который будет основой страниц и являет суть сайта

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткасоздание информа-ционного наполне-ния -

Слайд 9Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








создается визуальное оформление, дизайн сайта. По сути - сама оболочка вашей страницы

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткасоздается визуальное оформление, дизайн

Слайд 10Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








на этом этапе объединяются информационный и графический дизайн - т.е происходит создание самих веб-страниц.

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткана этом этапе объединяются

Слайд 11Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








происходит проверка сайта на работоспособность - корректность ссылок, удобство навигации, орфографию. Важно, чтобы ваш проект корректно отображался в разных браузерах.

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткапроисходит проверка сайта на

Слайд 12Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








размещение сайта в сети Интернет самый распространенный способ - воспользоваться услугами хостинг-провайдера

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткаразмещение сайта в сети

Слайд 13Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








предоставить информацию о наличии его в сети - что это за ресурс (тематика, содержание) и какой у него адрес. Т.е. зарегистрировать в поисковых системах, каталогах и рейтингах.

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткапредоставить информацию о наличии

Слайд 14Этапы создания сайта
3. Графический дизайн
4. Создание проекта
5. Тестирование
6.Публикация
7. Раскрутка
8. Сопровождение
2. Информационный

дизайн

1. Проектирование

7. Раскрутка








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

Этапы создания сайта3. Графический дизайн4. Создание проекта5. Тестирование6.Публикация7. Раскрутка8. Сопровождение2. Информационный дизайн1. Проектирование7. Раскруткасозданный сайт, в зависимости

Слайд 15Основы разработки сайта
Веб-страницы создаются на языке разметки HTML и могут

содержать гиперссылки для быстрого перехода на другие страницы. HyperText Markup Language – язык разметки гипертекста. Информация на веб-странице может быть представлена в различных формах: текст, статические и анимированные графические изображения, аудио, видео.
Основы разработки сайта Веб-страницы создаются на языке разметки HTML и могут содержать гиперссылки для быстрого перехода на

Слайд 16Структура HTML документа







Структура HTML документа

Слайд 17Список базовых тэгов HTML

Список базовых тэгов HTML

Слайд 18Перейдем к практике

Перейдем к практике

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

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


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

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

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

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