Выполнила Ученица 11А класса Бондарева Анастасия.

Презентация:



Advertisements
Похожие презентации
Сайтостроение. Что такое сайт? Сайт (от англ. website: web «паутина, сеть» и site «место», буквально «место, сегмент, часть в сети») совокупность электронных.
Advertisements

Введение. Подбор информации.. * Сайт (от англ. website: web «паутина, сеть» и site «место», буквально «место, сегмент, часть в сети») совокупность электронных.
КУРС «WEB-ДИЗАЙН». Что такое Web-страница? То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое!
Вэб - дизайн Презентацию выполнили ученицы 11 «А» класса лицея 144 Фролова Мария и Кузнецова Ольга.
Обзор современных технологий. Современные компьютерные системы Персональные компьютеры Barebone – системы Портативные компьютеры Сетевые терминалы (тонкие.
А.С. Шутиков «Личный сайт своими руками» 2012 ГАОУ СПО НСО «БАРАБИНСКИЙ МЕДИЦИНСКИЙ КОЛЛЕДЖ» РУКОВОДИТЕЛЬ: О.А. ПОТЁМКИНА.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Инструментальные средства создания Web-сайтов
Сайт педагога: необходимость или дань моде?. Немного теории Web-сайт (от англ.) – место в сети {web – паутина, сеть; site – место} Веб-сайт – совокупность.
Веб-сайт (от англ. «место в сети») - место в Интернете, которое определяется своим адресом (URL), имеет своего владельца и состоит из веб- страниц, которые.
Начала Web дизайна. Web сайт Набор файлов, сгруппированных в несколько рубрик (разделов) и связанных между собою гипертекстовыми ссылками Основной тип.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Yagod-sch.ucoz.ru (все уроки) Составил учитель ИКТ Фоломкин А.И.
КАК СОЗДАТЬ СВОЙ САЙТ с минимальными вложениями Михаил Агеев,
Структура создания слайда. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
Internet Всемирная компьютерная сеть. На текущий момент в мире существует множество компьютеров. Они расположены в разных странах на разных континентах.
Технологические особенности WEB-дизайна Интернет и WWW.
Всемирная паутина Компьютерные телекоммуникации. 2 World Wide Web Популярнейшая служба Интернета - World Wide Web (сокращенно WWW или Web), еще называют.
Социальные медиасервисы. Социальные медиасервисы сервисы для совместного хранения медиафайлов Фотографии, схемы, рисунки. Видео. Документы (книги). Аудиозаписи.
Модем Интернет сервер адрес Модем Интернет Сервер Протокол.
Транксрипт:

Выполнила Ученица 11А класса Бондарева Анастасия

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

По доступности сервисов: Открытые все сервисы полностью доступны для любых посетителей и пользователей. Полуоткрытые для доступа необходимо зарегистрироваться (обычно бесплатно).зарегистрироваться Закрытые полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга пользователей. Доступ новым пользователям обычно даётся через т. н. инвайты (приглашения).приглашения По физическому расположению: Общедоступные сайты сети Интернет.Интернет Локальные сайты доступны только в пределах локальной сети. Это могут быть как корпоративные сайты организаций, так и сайты частных лиц в локальной сети провайдера.локальной сетипровайдера По схеме представления информации, её объёму и категории решаемых задач можно выделить следующие типы веб-ресурсов Интернет-портал многокомпонентная разветвлённая структура, скомпонованная из функционально самодостаточных сайтов самостоятельных организаций или подразделений корпоративной структуры.представления информацииИнтернет-порталкорпоративной

сайты различаются: По технологии отображения Статические состоящие из статичных html (htm, dhtml) страниц, составляющих единое целое. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.Статические ДинамическиеДинамические состоящие из динамичных html (htm, dhtml) страниц-шаблонов, информации, скриптов и прочего в виде отдельных файлов. Содержимое генерируется по запросу специальными скриптами (программами) на основе других данных из любого источника Сайты, созданные с применением т. н. Flash-технологий, когда весь сайт располагается на одной веб- странице, предназначенной исключительно для загрузки Flash-файла, а вся навигация и контент реализованы в самом Flash-ролике.Flashфайла По типам макетов Фиксированной ширины (англ. rigid fixed) размеры элементов страницы имеют фиксированное значение, независящее от разрешения, размера, соотношения сторон экрана монитора и размеров окна обозревателя, задаётся в абсолютных значениях PX (пиксели).Фиксированной шириныангл. Резиновый макетРезиновый макет (англ. adaptable fluid) размеры несущих элементов, значения ширины, задаются относительным значением % (проценты), страницы отображаются во весь экран монитора по ширине.англ. Динамично эластичныйДинамично эластичный (англ. dynamically expandable elastic) размеры большинства элементов задаются относительными значениями EM и %. Все относительные пропорции размеров элементов всегда остаются неизменными, независимо от разрешения, размера, соотношения сторон экрана монитора, размеров окна и масштаба окна обозревателя. И всегда постоянны относительно окна обозревателя.англ.

Изготовление сайтов как работающих целостных информационных ресурсов и систем составной процесс, вовлекающий труд различных специалистов. Этот вид деятельности называется веб- разработка. Владельцы будущего сайта (частные лица или организации) разрабатывают сайты своими силами, либо обращаются к специализированным разработчикам (фрилансерам, студиям, бюро, конторам и т. п.). Отношения между заказчиком и исполнителем регулируется с помощью договоров, технических заданий, специальных систем (различных сайтов, выступающих посредником между заказчиком и фрилансерами), либо устной договорённостью. Заказанная работа может представлять собой как полный комплекс создания сайта, вплоть до придумывания названия и регистрации домена, так и расширение сайта, техническую оптимизацию и редизайн. Всё больше разработка и сопровождение сайта (портала) становится мощным сегментом активов предприятий (организаций). Поэтому разработчиков предпочитают штатных или поручают проект вести одному из директоров аппарата управления (коммерческий директор, директор департамента по связям или непосредственно руководителю проекта с группой штатных специалистов и/или совместителей). Особую роль выполняют «тестеры» конечного продукта. Это ответственная роль в продвижении и оценке проекта, так как стадия разработки для динамического большого проекта никогда не прекращается. Если вы видите сайт невредимым 2-3 года без изменений, то он возможно никому не нужен, то ли пользуется спросом на базисную информацию. Но сопровождение проекта становится не менее ответственным делом.веб- разработкафрилансерам договоровтехнических заданийредизайн

Веб-дизайнерыВеб-дизайнеры разрабатывают макеты шаблонов страниц. Дизайнер определяет, каким образом конечный потребитель будет получать доступ к информации и услугам сайта то есть, занимается непосредственно разработкой пользовательского интерфейса. В большинстве случаев страницы включают в себя графические элементы. Их подготовкой занимаются художники иллюстраторы, фотографы, технические дизайнеры, шрифтовики, и т. д. Готовые шаблоны показываются заказчику. В этот момент страницы ещё не могут содержать конечного наполнения (это в обязанности дизайнера не входит). Чтобы макеты выглядели более наглядно, в них помещается произвольное содержимое. На сленге дизайнеров такое содержимое называется рыбой. Если заказчик удовлетворён внешним видом шаблонов, то наступает следующая фаза разработки вёрстка страниц сайта.макеты шаблоновДизайнер пользовательского интерфейсахудожники иллюстраторыфотографы

ВерстальщикВерстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG или PNG), либо разбитых по слоям (например, в PSD или AI). Его задача получить из этих графических макетов гипертекстовые веб-страницы с подготовленными для интернета изображениями.JPEGPNG PSDAI Одним из сложных моментов в работе верстальщика является обеспечение совместимости со множеством браузеров программами для просмотра веб-страниц (так называемая кроссбраузерность). Браузеры могут одни и те же элементы разметки или правила CSS интерпретировать по-своему, в результате чего некоторые пользователи могут увидеть содержимое не так, как задумывал дизайнер и ожидает увидеть заказчик. Когда верстальщик убедится, что большинство браузеров одинаково отображают готовые шаблоны, наступает следующая фаза разработки веб-программирование. браузеров разметкиCSS

К программистам поступают готовые шаблоны страниц и указания дизайнеров по работе и организации элементов сайта. Программист создаёт программную основу сайта, делая её с нуля, используя фреймворк или CMS. Выбор языка программирования в данном случае вопрос непринципиальный.фреймворкCMS После того, как сайт готов к эксплуатации, наступает следующая фаза наполнение сайта информацией.

Существует множество сайтов, которые являются значимыми ресурсами. На этих ресурсах могут располагаться персональные данные пользователей (например, личная переписка, адреса, телефоны) или финансовая информация (например, банковские сайты). Взлом таких ресурсов может повлечь как прямые денежные убытки (например, злоумышленник может перечислить деньги с чужого счёта на свой собственный), так и косвенные, связанные с распространением конфиденциальной информации или просто злоумышленник может испортить содержимое сайта. Для многих сайтов важно обеспечить некоторый уровень безопасности. Требуемый уровень безопасности во многом зависит от располагающейся на сайте информации.персональные данные Наиболее распространённые последствия атаки на сайт: несанкционированное изменение злоумышленниками (см.: дефейсинг, хакеры)дефейсингхакеры подделка сайта (дизайн и содержимое сайта может быть скопировано и у пользователя такого сайта могут украсть пароли) Наиболее популярными мотивами для взлома популярных ресурсов, таких как почтовые или социальные сети, являются [4] :социальные сети [4] ревность выгода: злоумышленник рассылает со взломанного аккаунта спамспам воровство с целью возврата владельцу за деньги

В мире «Google» (google.com) поисковая система и мультисервисный портал.Google «Facebook» (facebook.com) самая большая социальная сеть.Facebook «YouTube» (youtube.com) сервис, предоставляющий услуги хостинга видеоматериалов.YouTube «Yahoo!» (yahoo.com) поисковая система и мультисервисный портал.Yahoo! «Baidu» (baidu.com) китайская поисковая система.Baidu «Wikipedia» (wikipedia.org) свободная мультиязычная универсальная энциклопедия.Wikipedia «Blogger» (blogger.com) веб-сервис для ведения блогов.Blogger «Windows Live» (live.com) комплекс интегрированных веб-приложений и программ от Microsoft.Windows Live «Twitter» (twitter.com) система, позволяющая пользователям отправлять короткие текстовые заметки.Twitter «Amazon» (amazon.com) американская компания, крупнейшая в мире по обороту среди продающих товары и услуги через Интернет.Amazon В России «Яндекс» (yandex.ru) поисковая система и мультисервисный портал.Яндекс «Google» (google.ru) поисковая система и мультисервисный портал (российское представительство).Google «Mail.ru» (mail.ru) почтовый сервис и мультисервисный портал.Mail.ru «Google» (google.com) поисковая система и мультисервисный портал.Google «ВКонтакте» (vk.com) социальная сеть в Рунете.ВКонтакте «YouTube» (youtube.com) сервис предоставляющий услуги хостинга видеоматериалов.YouTube «Одноклассники.ru» (odnoklassniki.ru) социальная сеть, русскоязычный аналог сайта Classmates.com.Одноклассники.ru «Facebook» (facebook.com) самая большая социальная сеть.Facebook «Wikipedia» (wikipedia.org) свободная мультиязычная универсальная энциклопедия.Wikipedia «Живой Журнал» (livejournal.com) блог-платформа для ведения онлайн-дневников.Живой Журнал