SlideShare uma empresa Scribd logo
1 de 25
Технология создания  Web- сайтов образовательного назначения Носкова В.А. (По материалам Федерации Интернет образования)
Представление о назначении сайта образовательного учреждения ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Что такое сайт ? ,[object Object],[object Object]
Примеры сайтов образовательного учреждения   ,[object Object],[object Object],[object Object],[object Object]
 
 
 
 
Основные этапы создания сайта ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1. Разработка концепции ,[object Object],[object Object],[object Object],[object Object],[object Object]
2. Планирование бюджета и времени работы ,[object Object],[object Object],[object Object]
4. Подготовка информационного материала ,[object Object],[object Object]
5 . Технологический этап  ,[object Object],[object Object]
[object Object],[object Object],Программа для просмотра графики  ACDSee Browser    Программы для переноса сайта на сервер (для публикации в Интернете)  Global SCAPE Cute FTP  или Windows Commander  Графические редакторы Adobe Photoshop (обработка и оптимизация растровых изображений)  Macromedia Flash (создание анимации, с возможностью импорта звука и видео.   Веб-редакторы : MS FrontPage (входит в пакет Microsoft Office, удобен для создания простых сайтов)  Macromedia Dreamweaver (профессиональный редактор)
7. Реклама сайта ,[object Object]
Подготовка текстовой и визуальной информации   Текстовую  информацию мы готовим в любом текстовом редакторе, например Microsoft Word, или сканируем текст журналов, каталогов, альбомов и т. д. и переводим графическое изображение текста в текстовый файл, к примеру, с помощью программы FineReader. К текстам и шрифтам есть определенные требования, с которыми мы познакомимся, когда начнем заполнять страницы сайта. Изображения  мы сканируем из печатной продукции, фотографий, пленок, слайдов, рисунков ,используя  тематически е  библиотеки изображений на компакт-дисках, а также в Интернете.  Фотографии  - важный визуальный материал сайта. Хорошо, если в команде есть фотограф. Специально сделанные фотографии понадобятся и для подготовки элементов дизайна сайта: текстуры, объекты, тематические сюжеты.  Итак, мы собрали и подготовили тексты и изображения. Теперь информацию необходимо  структурировать  и подготовить к публикации на сайте.
В процессе создания сайта будет накапливаться огромное количество материалов: фотографий, рисунков, оцифрованных изображений, текстов, фильмов и т. п. Далеко не вся исходная информация понадобится для размещения на сайте. Существует эмпирическое правило 1:10. То есть только одна из 10 отобранных вами единиц (рисунков, текстов, фото) будет использована на сайте. Очень скоро вам станет сложно ориентироваться в море набранной информации.  Поэтому отведите отдельный каталог под исходную информацию.  Каталог исходной информации  Source И отдельный каталог - П роект сайта, назовем его Project
Каталог проекта (Project) Этот каталог - практически полный аналог каталога на сервере, где будет расположен сайт. Удобно сразу отвести отдельные разделы под разную информацию: Совет!  В именах каталогов и файлов используйте только латинские символы, так как большинство серверов не поддерживают буквы национальных алфавитов.
Запомните! ,[object Object],[object Object],[object Object],[object Object],o_shkole.htm  ucheniki.htm
Структура страниц сайта   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Схема главной страницы Совет! Схему как главной, так и прочих страниц лучше рисовать карандашом на листе бумаги - это самый быстрый и удобный способ.
О сновные элементы главной страницы ,[object Object],[object Object]
Дизайн страниц сайта   ,[object Object],Для помощи в разработке дизайна можно обратиться к учителю ИЗО.
Таблица 1.  Табличный вариант размещения информации на странице. логотип  название  Разделы:  Главная  Учителям  Ученикам  Родителям  Контакты  Карта сайта  _______  © данные о разработчиках сайта  Основное содержание                    Разделы подменю:  Подраздел 1 | Подраздел 2 | Подраздел 3
В приведенной ниже таблице 3 указано, какие ссылки соответствуют тому или иному разделу. Назначьте ссылки для всех кнопок. Название кнопки  Имя файла  Главная index.htm Ученикам uchenik.htm Учителям uchitel.htm Родителям rod.htm Контакты cont.htm Карта сайта  karta.htm

Mais conteúdo relacionado

Destaque

HTML5 Conference [LT] Blue Light Filter 50% Off
HTML5 Conference [LT] Blue Light Filter 50% OffHTML5 Conference [LT] Blue Light Filter 50% Off
HTML5 Conference [LT] Blue Light Filter 50% Off
Yusuke Kawasaki
 
英語ブログのスヽメ - 1000スピーカープロジェクト#5
英語ブログのスヽメ - 1000スピーカープロジェクト#5英語ブログのスヽメ - 1000スピーカープロジェクト#5
英語ブログのスヽメ - 1000スピーカープロジェクト#5
Yusuke Kawasaki
 

Destaque (10)

Mashup Awards 6 - YAPC::Asia 2010 Tokyo
Mashup Awards 6 - YAPC::Asia 2010 TokyoMashup Awards 6 - YAPC::Asia 2010 Tokyo
Mashup Awards 6 - YAPC::Asia 2010 Tokyo
 
Revitalizing Asian American Churches for New Generations
Revitalizing Asian American Churches for New GenerationsRevitalizing Asian American Churches for New Generations
Revitalizing Asian American Churches for New Generations
 
IR Light vs HEV Light - OSDC.TW 2013 #osdctw
IR Light vs HEV Light - OSDC.TW 2013 #osdctwIR Light vs HEV Light - OSDC.TW 2013 #osdctw
IR Light vs HEV Light - OSDC.TW 2013 #osdctw
 
ATND - Recruit Media Technology Labs (Internet Week 2008)
ATND - Recruit Media Technology Labs (Internet Week 2008)ATND - Recruit Media Technology Labs (Internet Week 2008)
ATND - Recruit Media Technology Labs (Internet Week 2008)
 
Recent Web Tech Updates from Japan - YAPC::Europe 2009 Lisbon
Recent Web Tech Updates from Japan - YAPC::Europe 2009 LisbonRecent Web Tech Updates from Japan - YAPC::Europe 2009 Lisbon
Recent Web Tech Updates from Japan - YAPC::Europe 2009 Lisbon
 
Blue Light Filter 〜 おばかアプリ選手権
Blue Light Filter 〜 おばかアプリ選手権Blue Light Filter 〜 おばかアプリ選手権
Blue Light Filter 〜 おばかアプリ選手権
 
HTML5 Conference [LT] Blue Light Filter 50% Off
HTML5 Conference [LT] Blue Light Filter 50% OffHTML5 Conference [LT] Blue Light Filter 50% Off
HTML5 Conference [LT] Blue Light Filter 50% Off
 
英語ブログのスヽメ - 1000スピーカープロジェクト#5
英語ブログのスヽメ - 1000スピーカープロジェクト#5英語ブログのスヽメ - 1000スピーカープロジェクト#5
英語ブログのスヽメ - 1000スピーカープロジェクト#5
 
Luzes do amanhecer 01 - tia neiva com som
Luzes do amanhecer   01 - tia neiva com somLuzes do amanhecer   01 - tia neiva com som
Luzes do amanhecer 01 - tia neiva com som
 
シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet
シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet
シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet
 

Semelhante a Texnolog

International projects in internet
International projects in internetInternational projects in internet
International projects in internet
Lydmila Gontsova
 
Компьютер и здоровье детей
Компьютер и здоровье детейКомпьютер и здоровье детей
Компьютер и здоровье детей
saget889
 
Cоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайтаCоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайта
Nina Panasenko
 
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Сообщество eLearning PRO
 
2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-
Amberita
 
2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-
Amberita
 
Общая презинтация
Общая презинтацияОбщая презинтация
Общая презинтация
ludmila1989
 
Продвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. ПрактикумПродвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. Практикум
imba_ru
 
Формула сайта: философия успеха
Формула сайта: философия успехаФормула сайта: философия успеха
Формула сайта: философия успеха
vgpl1
 

Semelhante a Texnolog (20)

International projects in internet
International projects in internetInternational projects in internet
International projects in internet
 
методичка3
методичка3 методичка3
методичка3
 
отчет вебинара
отчет вебинараотчет вебинара
отчет вебинара
 
Компьютер и здоровье детей
Компьютер и здоровье детейКомпьютер и здоровье детей
Компьютер и здоровье детей
 
Cоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайтаCоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайта
 
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
 
Разработка сайта
Разработка сайта Разработка сайта
Разработка сайта
 
Работа интернет-редакции вуза
Работа интернет-редакции вузаРабота интернет-редакции вуза
Работа интернет-редакции вуза
 
Дизайн сайта как средство повышения его информативности. С. Добровольская.
Дизайн сайта как средство повышения его информативности. С. Добровольская.Дизайн сайта как средство повышения его информативности. С. Добровольская.
Дизайн сайта как средство повышения его информативности. С. Добровольская.
 
2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-
 
Welcome
WelcomeWelcome
Welcome
 
2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-2 prezent 8kl_30_inf-
2 prezent 8kl_30_inf-
 
6.4
6.46.4
6.4
 
Общая презинтация
Общая презинтацияОбщая презинтация
Общая презинтация
 
Site school
Site school Site school
Site school
 
Продвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. ПрактикумПродвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. Практикум
 
пр 12.docx
пр 12.docxпр 12.docx
пр 12.docx
 
Формула сайта: философия успеха
Формула сайта: философия успехаФормула сайта: философия успеха
Формула сайта: философия успеха
 
Виртуальная экскурсия. Часть 4 (Текст к докладу)
Виртуальная экскурсия. Часть 4 (Текст к докладу)Виртуальная экскурсия. Часть 4 (Текст к докладу)
Виртуальная экскурсия. Часть 4 (Текст к докладу)
 
Формула сайта: философия успеха
Формула сайта: философия успехаФормула сайта: философия успеха
Формула сайта: философия успеха
 

Texnolog

  • 1. Технология создания Web- сайтов образовательного назначения Носкова В.А. (По материалам Федерации Интернет образования)
  • 2.
  • 3.
  • 4.
  • 5.  
  • 6.  
  • 7.  
  • 8.  
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Подготовка текстовой и визуальной информации Текстовую информацию мы готовим в любом текстовом редакторе, например Microsoft Word, или сканируем текст журналов, каталогов, альбомов и т. д. и переводим графическое изображение текста в текстовый файл, к примеру, с помощью программы FineReader. К текстам и шрифтам есть определенные требования, с которыми мы познакомимся, когда начнем заполнять страницы сайта. Изображения мы сканируем из печатной продукции, фотографий, пленок, слайдов, рисунков ,используя тематически е библиотеки изображений на компакт-дисках, а также в Интернете. Фотографии - важный визуальный материал сайта. Хорошо, если в команде есть фотограф. Специально сделанные фотографии понадобятся и для подготовки элементов дизайна сайта: текстуры, объекты, тематические сюжеты. Итак, мы собрали и подготовили тексты и изображения. Теперь информацию необходимо структурировать и подготовить к публикации на сайте.
  • 17. В процессе создания сайта будет накапливаться огромное количество материалов: фотографий, рисунков, оцифрованных изображений, текстов, фильмов и т. п. Далеко не вся исходная информация понадобится для размещения на сайте. Существует эмпирическое правило 1:10. То есть только одна из 10 отобранных вами единиц (рисунков, текстов, фото) будет использована на сайте. Очень скоро вам станет сложно ориентироваться в море набранной информации. Поэтому отведите отдельный каталог под исходную информацию. Каталог исходной информации Source И отдельный каталог - П роект сайта, назовем его Project
  • 18. Каталог проекта (Project) Этот каталог - практически полный аналог каталога на сервере, где будет расположен сайт. Удобно сразу отвести отдельные разделы под разную информацию: Совет! В именах каталогов и файлов используйте только латинские символы, так как большинство серверов не поддерживают буквы национальных алфавитов.
  • 19.
  • 20.
  • 21. Схема главной страницы Совет! Схему как главной, так и прочих страниц лучше рисовать карандашом на листе бумаги - это самый быстрый и удобный способ.
  • 22.
  • 23.
  • 24. Таблица 1. Табличный вариант размещения информации на странице. логотип название Разделы: Главная Учителям Ученикам Родителям Контакты Карта сайта _______ © данные о разработчиках сайта Основное содержание             Разделы подменю: Подраздел 1 | Подраздел 2 | Подраздел 3
  • 25. В приведенной ниже таблице 3 указано, какие ссылки соответствуют тому или иному разделу. Назначьте ссылки для всех кнопок. Название кнопки Имя файла Главная index.htm Ученикам uchenik.htm Учителям uchitel.htm Родителям rod.htm Контакты cont.htm Карта сайта karta.htm