Инфоурок Другое ПрезентацииМетодические рекомендации по Созданию сайта

Методические рекомендации по Созданию сайта

Скачать материал
Скачать материал "Методические рекомендации по Созданию сайта"

Получите профессию

Няня

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Методические разработки к Вашему уроку:

Получите новую специальность за 2 месяца

Музыковед

Описание презентации по отдельным слайдам:

  • Методические рекомендации по Созданию сайтаРазработала: Суппес Ирина Сергеевн...

    1 слайд

    Методические рекомендации по Созданию сайта
    Разработала: Суппес Ирина Сергеевна
    Руководитель медиатеки МОУ Урожайненской СОШ

  • Подключение к FTP серверу с помощью  File ZillaЭту программу можно скачать с...

    2 слайд

    Подключение к FTP серверу с помощью File Zilla
    Эту программу можно скачать с Интернета

  • Соединение с FTPсерверомОткрыть File Zilla .
Необходимо заполнить:
Сервер: (у...

    3 слайд

    Соединение с FTPсервером
    Открыть File Zilla .
    Необходимо заполнить:
    Сервер: (у всех одинаковый) ftp.altrrc.ru
    Пользователь: (имя Вашего сайта, начинается с букв «оо»)
    Пароль: пароль ftp.
    Порт: 21
    Нажать: Быстрое соединение.

  • 4 слайд

  • 1.В любом удобном для Вас месте создать папку, в которой будет храниться инфо...

    5 слайд

    1.В любом удобном для Вас месте создать папку, в которой будет храниться информация для сайта, например,
    C:\ Школьный сайт.
    2. Открыть File Zilla, подключиться.
    С левой стороны данные, которые находятся на Вашем компьютере, а справа – данные сервера.
    3.Перетаскиванием скопировать папку html_fragments на Ваш локальный компьютер.
    Папка html_fragments содержит html страницы Вашего сайта, изменяя данные каждой страницы Вы можете изменить содержание Вашего сайта.
    Данная папка html_fragments содержит страницы соответствующие разделам Вашего сайта (например: раздел «Достижения»=Dostigenia.htm) . К файлу прилагается специальная папка, которая содержит графику страницы, то есть для страницы Dostigenia.htm есть папка Dostigenia.files (всегда <имя>.files)
    4. Откройте файл, относящийся к интересующему вас разделу, с помощью Front Page и отредактируйте по своему усмотрению.

    Программа Front Page 2003 входит в пакет лицензионных программ Первая ПОмощь.

  • Интерфейс программы“Работаем в режиме Конструктора
Эта программа работает с т...

    6 слайд

    Интерфейс программы
    “Работаем в режиме Конструктора
    Эта программа работает с таблицами, поэтому выберите меню
    Вставка – Таблица и текст вставляйте в таблицу

  • Можно задать фон страницы
Весь текст сначала печатать в MS Word 97- 2003 зате...

    7 слайд

    Можно задать фон страницы
    Весь текст сначала печатать в MS Word 97- 2003 затем копировать в таблицу
    Front Page. Обратите внимание, чтобы размер шрифта был не менее 11-12 pt.

    Чтобы изменить цвет ячейки, нужно:
    1. нажать правой кнопкой мыши;
    2. выбрать пункт свойства ячейки;
    3. Фон - выбрать из палитры понравившийся;
    4.нажать - Применить.

  • Для работы с программой нужно знать 
«язык гипертекстовой разметки – HTML»

    8 слайд

    Для работы с программой нужно знать
    «язык гипертекстовой разметки – HTML»

  • Рассмотрим html-код нашей пробной страницыЗаголовок страницыТаблица,tr  и  td...

    9 слайд

    Рассмотрим html-код нашей пробной страницы
    Заголовок страницы
    Таблица,tr и td – строки и ячейки таблицы
    Размер шрифта
    Вид шрифта

  • Чтобы вставить рисунок (анимацию, фото и т.д.), нужно предварительно поместит...

    10 слайд

    Чтобы вставить рисунок (анимацию, фото и т.д.), нужно предварительно поместить его в соответствующую папку, прикреплённую к странице, в которой вы редактируете в данный момент.
    1.Рисунок должен быть сжат "для Web страниц". (нужно рисунок открыть с помощью программы MS Office Picture Manager);
    2. Выбрать пункт меню Рисунок - Сжать рисунок. Справа появится дополнительная вертикальная панель управления, в ней поставить флажок "Для Web страниц"
    3. сохранить рисунок как... (в папку, прикреплённую к вашей страничке).
    4.Во Front Page поставить курсор в нужное место, выбрать пункт меню Вставка - Рисунок - Из файла.
    Открыть папку html_fragments  и папку, куда вы сохранили рисунок.
    !!!Выбрать формат *JPG, затем нужный рисунок и Ok'.
    Далее переходим в режим «код» (закладка внизу страницы) и находим тег “scr” – отвечает за графику на странице. Его легко можно найти, если выделить рисунок, а затем перейти на вкладку «код», этот тег тоже будет выделен.
    Вам нужно внести небольшие изменения в этот тег, нужно указать, что этот рисунок находится на Вашем сайте, а не на локальном компьютере. Должно быть написано так:
    <img border="0" src="/oo785/html_fragments/Students_tvorch.files/av66854qw.gif" width="195" height="181" align="right">
    оо785 – имя Вашего сайта;
    html_fragments-папка, в которой находится вся информация по вашему сайту;
    Students_tvorch.files – папка, в которой находится выбранный Вами рисунок
    av66854qw.gif – имя рисунка (gif – это расширение для анимированных рисунков)
    Вообще необходимо все фото, рисунки переводить в формат Jpeg.
    Когда Вы внесёте изменения в закладке «код», то рисунок будет в виде квадрата с крестиком, то есть просмотр данного рисунка доступен будет, только после отправки его на сайт.


  • Вставка гиперссылкиПрежде, чем сделать гиперссылку на какой – либо документ,...

    11 слайд

    Вставка гиперссылки
    Прежде, чем сделать гиперссылку на какой – либо документ, необходимо этот документ (напечатанный и сохранённый как Word 97-2003 , причём название документа должно быть напечатано латинскими буквами, иначе при открытии этого документа на сайте будет написано вместо названия на русском языке непонятная «абра – кадабра», состоящая из различных символов) поместить в папку doc, которая находится в папке html_fragments.
    Выделить объект, на котором хотите сделать ссылку и пр. кнопкой мыши - Гиперссылка

  • 12 слайд

  • Когда вставили гиперссылку, необходимо прописать её в режиме «код», что докум...

    13 слайд

    Когда вставили гиперссылку, необходимо прописать её в режиме «код», что документ, на который ссылка, находится на сайте . У Вас изначально запись такого вида
    <a href="file:///C:/моу/html_fragments/doc/instr.doc">ГИПЕРССЫЛКА</a></span></td>
    Нужно сделать так:
    <a href="file:/oo785/html_fragments/doc/instr.doc">ГИПЕРССЫЛКА</a></span></td>




  • Пополнение сайтаКогда Вы изменили всё, что хотели, открываем File Zilla, подк...

    14 слайд

    Пополнение сайта
    Когда Вы изменили всё, что хотели, открываем File Zilla, подключаемся, открываем на Вашем компьютере папку html_fragments и перетаскиванием копируем все документы точно в то место, где они находятся (например, из папки doc в папку doc).

  • Желаю Всем успехов!


Вопросы можно задавать по телефону
 24-4-39.
или по эле...

    15 слайд

    Желаю Всем успехов!


    Вопросы можно задавать по телефону
    24-4-39.
    или по электронной почте
    urogshkola@rambler.ru

Получите профессию

Интернет-маркетолог

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 626 615 материалов в базе

Скачать материал

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 27.11.2020 160
    • PPTX 1.2 мбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Названцева Елена Сергеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Названцева Елена Сергеевна
    Названцева Елена Сергеевна
    • На сайте: 3 года и 3 месяца
    • Подписчики: 0
    • Всего просмотров: 74740
    • Всего материалов: 212

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Интернет-маркетолог

Интернет-маркетолог

500/1000 ч.

Подать заявку О курсе

Курс профессиональной переподготовки

Организация деятельности библиотекаря в профессиональном образовании

Библиотекарь

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 281 человек из 66 регионов

Курс профессиональной переподготовки

Библиотечно-библиографические и информационные знания в педагогическом процессе

Педагог-библиотекарь

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 457 человек из 66 регионов

Курс профессиональной переподготовки

Руководство электронной службой архивов, библиотек и информационно-библиотечных центров

Начальник отдела (заведующий отделом) архива

600 ч.

9840 руб. 5900 руб.
Подать заявку О курсе

Мини-курс

Медико-педагогические аспекты обучения и тренировки

2 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Инновационные технологии в краеведческой и географической работе со школьниками

10 ч.

1180 руб. 590 руб.
Подать заявку О курсе

Мини-курс

Мозг и психотерапия: влияние, методы и направления

4 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 54 человека из 26 регионов
Сейчас в эфире

Как школьному учителю зарабатывать онлайн?

Перейти к трансляции