MamaSK - Главная Галерея Реклама на сайте Доска объявлений Совместные покупки Линейки для форума

Автор Тема: УРОКИ!!!!  (Прочитано 4060 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
УРОКИ!!!!
« : 05 Февраль 2010, 09:47:43 »
Для начала вступление.

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

ВНИМАНИЕ! ВО ВСЕХ ССЫЛКАХ ДАННЫХ В УРОКЕ НЕОБХОДИМО УБИРАТЬ ЗВЕЗДОЧКИ!


УРОК 1


Для начала вам нужно определиться с темой сайта. Определились?
Самый простой способ сделать сайт - это зарегистрироваться на сайте
www.nar*od.ru и следуя инструкциям сделать сайт по стандартным
шаблонам, заполняя текстом обозначенные поля. . Например у меня лет 10
назад получился вот такой "пример" на www.nar*od.ru   http://www.makeevaalona.naro*d.ru/ Хорошее место для такого сайта и на хостинге http://www.uc*oz.ru/

  .Но мы не ищем легких путей...

Теперь о программе с помощью которой я буду создавать сайт в этом
мастер классе. Я выбрала Microsoft Front Page. Она входит в комплект
программ Microsoft offis и наиболее приемлема для меня и других
начинающих, особенно при наличии русского языка.
 Итак, тему выбрали (в моем случае это будет мастер класс по
 построению сайта), программу выбрали, теперь выбираем как наш сайт
 будет выглядеть.
 Самым простым и быстрым вариантом будет скачать шаблон сайта в
 интернете. Заходим на поисковую систему (ядекс, рамблер...), набираем
 "шаблоны сайта" и определяемся.


 Я выбрала вот такой шаблон с сайта  
http://web-*mastery.info . Выбирайте себе простые шаблоны с минимумом элементов. Например вот отсюда
 http://web-mastery.info/templa*tes/cat-9.html

 Повторим то, что мы уже сделали.
 1. Придумали тему
 2. Выбрали программу
 3. Выбрали шаблон.


Вторая часть задания. Регистрируемся на хостинге (место, где будет храниться ваш сайт).
Вот здесь каталог бесплатных хостингов. Выбирайте любой. Я выбрала
 первый. Яндекс (народ) ру.
 http://yaca.yandex.ru/yca/cat/Computers/Internet/*Hosting/Free_hostings/

если у вас уже есть почта на яндексе вы можете найти в меню вверху пункт НАРОД и далее мой сайт. Регистрироваться особо не нужно. Но при этом имя сайта будет совпадать с вашим логином на почте.

Просто регистрируемся, следуя указаниям системы.



И проверка вашего задания. В свои тетради выкладываем фото вашего шаблона или адрес как к нему попасть. Например http://web-mastery.info/templates/template-3074.html
И все. 
На выполнение задания вам срок 5 дней. 10 февраля выкладываю новое задание.
« Последнее редактирование: 10 Февраль 2010, 23:32:12 от Lenkamalenka »
 

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
Re: УРОКИ!!!!
« Ответ #1 : 10 Февраль 2010, 01:33:39 »
УРОК 2!


Делаем и размещаем пробную страницу.

ВНИМАНИЕ! ВО ВСЕХ ССЫЛКАХ ДАННЫХ В УРОКЕ НЕОБХОДИМО УБИРАТЬ ЗВЕЗДОЧКИ!


Для удобства нужно распаковать архив с шаблоном в папку. Называйте папку как вам хочется…
Открываем Microsoft Front Page и в меню Файл – ОТКРЫТЬ выбираем свой шаблон, или же не открывая фронт пэйдж правой кнопкой мыши по шаблону и выбираем открыть с помощью Microsoft Front Page.

Следующий ниже материал был взят с сайта http://anycourse.**narod.ru
Прежде чем приступать непосредственно к созданию web-страницы, следует установить начальные значения параметров документа. Для этого необходимо вызвать на экран соответствующее окно воспользовавшись пунктом меню Файл > Свойства страницы или щелкнув в любом месте рабочего окна FrontPage Express правой кнопкой мыши и выбрав пункт с аналогичным названием в появившемся меню.

Вкладка Общие диалогового окна Свойства страницы содержит следующие настройки, которые пользователь по желанию может изменить. Пункт Папка указывает на директорию, в которой сохранен документ. В поле Заголовок следует ввести название страницы, записываемое программой между тегами <TITLE> и</TITLE> кода HTML web-страницы. В НАШЕМ С ВАМИ СЛУЧАЕ ЭТО БУДЕТ СКОРО... СКОРО... СКОРО... В поле Базовое место можно указать URL вашего сайта. Чуть ниже можно задать фоновый звук в формате MIDI, который будет воспроизводиться всякий раз при открытии документа в броузере, отрегулировав его настройки (можно установить количество повторов или заставить звуковой файл воспроизводиться непрерывно).

Обратите внимание, что для создания нового абзаца достаточно нажать клавишу Enter, как в обычном текстовом процессоре. Но это, казалось бы, стандартное нажатие клавиши вставляет HTML код неразрывного пробела <<p>>между обоими тегами абзаца; таким образом, когда вы нажимаете Enter, на странице строки оказываются далеко друг от друга. При этом новый абзац не только начинается с новой строки, но также имеет и собственный формат, как, например, в том же редакторе Word. Например, нажав Enter в конце абзаца, выровненного по левому краю (такое выравнивание установлено по умолчанию), следующий абзац вы сможете выровнять по центру, по правому краю или же другим способом, не затронув форматирования предыдущей строки.
Вы можете ввести код конца строки, и не создавая нового абзаца. Для этого следует нажать Shift+Enter вместо Enter.    
Данный материал был взят с сайта http://anyco**urse.narod.ru

 В месте где должен быть текст пишем большими буквами СКОРО ЗДЕСЬ БУДЕТ
 ОФИГИТЕЛЬНЫЙ САЙТ, ПРИХОДИТЕ ПОЗЖЕ!!! Можете для разнообразия
 вставить любую картинку (имя картинки должно быть на аглийском и картинку можно взять из темы материалы для работы http://www.mamask.ru/forum/index.php?topic=1712.0 ).
Подробно о том как можно вставить каринку при желании можете прочитать вот здесь http://frontpage-help.narod.ru/Page*12.html
Примечание. Работа с текстом и изображениями в этой программе ведется аналогично с World, поэтому сложностей быть не должно.

СОВЕТ Рекомендуется импортировать текст в html-документ из буфера обмена, предварительно набрав его в редакторе Notepad (Блокнот). При переносе текстов на web-страницу из других текстовых редакторов, например из Microsoft Word, иногда происходит нарушение форматирования текстовых блоков.

Итак... Написали нужный текст, выбираем "сохранить как..." и пишем название файла index (по умолчанию так и выходит). Кроме этого можно поменять название страницы чуть выше в графе НАЗВАНИЕ….  И сохраняем в выбранную вами, папку.

Если вы вставляли картинку то вылезет окно, где программа
 предложит сохранить и ее тоже, нужно согласиться.
 Важно! Страница, которая будет в вашем сайте главной, то есть с которой
 будет начинаться просмотр должна называться index  !!!


Заходим на в свой аккуант (народ.ру) выбираем загрузку файлов


 Загружаем файл index.htm (и все остальные файлы из этой папки если вы вставляли картинки).

Далее создаем в каталоге папки с таким же названием как и папки вашего шаблона.

И загружаем в каждую папку соответствующие файлы.

Например в папке моего шаблона были вот такие папки и файлы

(перечеркнутые файлы не нужны. Можно сразу их удалить)

И в результате на народе получилась вот такая картина:

Где папки Images и styles – созданные мной.

Папка images на НАРОДЕ
на НАРОДЕ

Папка images на моем компьютере


Папка Styles на НАРОДЕ


Папка Styles на моем компьютере


Проверяем, набирая адрес вашего сайта в строке поиска.
 Если получилось и текст и все картинки на месте - УРА - можете продолжать.


Вот так должен выглядеть ответ к этому уроку в ваших тетрадях 
http://webdesign-chainik.narod.ru/


На это задание даю вам 10 дней. Следующее задание будет легче ;)

« Последнее редактирование: 10 Февраль 2010, 23:34:03 от Lenkamalenka »
 

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
Re: УРОКИ!!!!
« Ответ #2 : 12 Февраль 2010, 11:01:47 »
Важно !!!
К уроку 2.

Еще раз повторюсь. Исходя из сделаных ошибок.
Вы разархивировали свой шаблон. Для верности никуда архив не удалили.
Удалили из папки шаблона 2 файла - веб мастеру инфо и инфо (они нам не нужны)
После того как сделали стриницу загружаем на НАРОД все файлы из папки шаблона в таком порядке как они есть в вашем шаблоне.
То есть если у вас файл style находится не в папке а сам по себе, то и загружаете вы его в корневой (главный) каталог.
Если в вашем шаблоне папка с изображениями назвается к примеру не images а pictures, то и на НАРОДЕ она должна называться так же.
Если ваш шаблон отображается одной колонкой вместо нескольких - значит файл STYLE не на своем месте.
Если не отображаются картинки при том что этот файл на своем месте - скидывайте мне логин и пароль на НАРОДЕ - будем разбираться.

Внимательно читайте задание, сэкономите время ;).

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
Re: УРОКИ!!!!
« Ответ #3 : 20 Февраль 2010, 00:07:46 »
УРОК 3.

СОБСТВЕННО ДЕЛАЕМ САЙТ!!!


 Для начала продумайте сколько страниц будет у вас на сайте и как они
 будут связаны. Предположим что дизайн у всех страниц одинаковый.
  Рисуем на бумажке схему.
  Главная страница (index.htm)тут поясню, что главная страница - это
  ее название . То есть так как она будет отображаться у вас
  на компьютере внизу, на панели инструментов. А index.htm - это то,
  под каким именем ее надо будет сохранить.
       Еще раз...

       Главная страница (index)- Обо мне (me)- Любимые места в
       интернете  (love) – Контакты  (kontakt)- Гостевая книга (ее ссылка - это отдельный вопрос)

В моем варианте будут такие странички:

Главная (index) – Контакты (me)  - Гостевая книга

У Котматсу, например может быть такая схема :
Главная (index) – Мыло на продажу (soap) – Мастер класс (klass) – Гостевая книга

       Итак мы составили схему сайта из нескольких страниц.. Ссылки на эти
       страницы будут находиться в верхней части вашего шаблона (или сбоку, у кого какой шаблон).
       
Теперь обратимся к гостевой книге.

Гостевая книга - это страница, где люди, посмотревшие ваш сайт смогут
оставить о нем отзывы. Такой сервис существует на народе, на счет
остальных хостингов - не могу сказать. Вы можете зайти в свой аккуант
на народе, в левом столбике будет ссылка ГОСТЕВАЯ КНИГА. Заходим,
создаем, и выданную вам ссылку копируем в укромное место, чтобы не
потерять. Теперь в схеме, которую мы описали появляется ссылка
гостевой книги. Кстати дизайн гостевой можно менять по вашему усмотрению.
 

 Находим тот шаблон, что вы скачали, щелкаем правой кнопкой мыши -
 открыть с помощью Microsoft Front Page.
 Вместо имеющегося на шаблоне текста вставляем свой материал. В
 полоску ссылок вставляем свои.

 ВСТАВКА ССЫЛОК. Имеющиеся ссылки по одной выделяем курсором, меняем
 название на нужное нам. Например первой будет стоять ссылка - ГЛАВНАЯ
 СТРАНИЦА. Стерли то, что было, написали нужное нам.
 Щелкаем правой кнопкой мыши по тексту ГЛАВНАЯ СТРАНИЦА, выбираем
 пункт ГИПЕРССЫЛКА и в выпавшем окошке внизу вводим то название, под
 которым мы ее сохраняем index.htm   Понятно?  Так же и с
 остальными ссылками.

 Свой текст вставили, ссылки вставили, выбираем сохранить как ... и
 чуть выше имени страницы index.htm будет строка НАЗВАНИЕ. Нажимаем
 ИЗМЕНИТЬ и меняем на ГЛАВНАЯ СТРАНИЦА. Сохраняем. Все... Одна
 страница готова.

 Примечание. Лучше не экспериментировать с текстом и писать стандартным
 таймс нью роман, так как другие шрифты могут отображаться
 квазерябликами. Размер и цвет текста могут быть любыми.

Теперь уже будет легче и нужно просто вставлять текст... Вы сохранили
главную страницу, теперь будем делать следующую (но, конечно можно
сделать сайт и из одной страницы, но мы ведь не такие).
В этой же странице index.htm меняете старый текст главной страницы на то, что бы вы
хотели написать в странице ОБО МНЕ и сохраняете ее под именем me.htm
изменяя название страницы с ГЛАВНАЯ СТРАНИЦА на ОБО МНЕ в окошке
СОХРАНИТЬ КАК... Сохранять страницы желательно в одну и туже папку.

Совет. Если вы вставляете изображения – уменьшайте их до желаемого размера в другой программе, а после этого вставляйте на свою страничку.

При вставке изображений можете использовать автоэскиз (видна маленькая фотография, а при нажатии на нее открывается большая). Для этого нужно правой кнопкой мыши щелкнуть по вставленной фотографии и в выпавшем меню выбрать АВТОЭСКИЗ. При загрузке на НАРОД нужно будет загрузить и маленькую и большую картинку. Редактирование изображения осуществляется с помощью вызова панели редактирования рисунков, кликая правой кнопкой мыши на изображение. Панель по виду и функциям сходна с вордовской.



Не обязательное но желательное задание.
Продумайте ключевые слова.

Ключевое слово — слово в тексте, способное в совокупности с другими ключевыми словами представлять текст (см. релевантность). В вебе используется главным образом для поиска.
Набор ключевых слов документа называют поисковым образом документа. Набор ключевых слов близок к аннотации, плану и конспекту, которые тоже представляют документ с меньшей детализацией, но лишён синтаксической структуры.
Когда используют термин «ключевое слово», подразумевают несколько близких, но не сводимых друг к другу понятий.
Это был материал из ЯНДЕКС ВИКИПЕДИИ. 

И по-русски. Это те слова, по которым поисковик будет находить ваш сайт.
Например. Сайт с анекдотами. Ключевые слова – анекдоты, приколы, прикольные, смешные, истории… Придумайте 7-10 таких слов.  Подробнее про выбор ключевых слов можно прочитать здесь http://direct.yandex.ru/help/text.xml?id=992858
Внизу вашей страницы можете вставить эти слова вот такой строчкой… «Ключевые слова для поиска – анекдоты, приколы, прикольные, смешные, истории, про хохлов, любовные смс, sms и т.д.» .

   Когда вы сделали все желаемые страницы - загружаем их на народ.
   Заходим в аккуант, выбираем загрузить как и все АБСОЛЮТНО ВСЕ
   файлы, находящиеся в той папке, куда вы сохраняли странички мы загружаем на хостинг. При
   предложении заменить файл index.htm - соглашаемся.
   Это все... Проверяем, набирая в адресной строке адрес вашего нового
   сайта. Желательно еще раз проверить с другого компьютера.

   Позравляю! Теперь у вас есть сайт, о котором знаете только вы!!!



Ответом на этот урок будет просьбы в произвольной форме проверить результаты.
Например: « Урок 3 сделала, посмотри пожалуйста!»

Сразу добавляю УРОК 4. Совсем не сложный.

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
Re: УРОКИ!!!!
« Ответ #4 : 20 Февраль 2010, 00:08:54 »
Урок 4.

Ставим счетчик и регистрируемся в поисковых системах.

   Чтобы вы видели сколько человек посетили ваш сайт нужно
   поставить счетчик, причем можно на все страницы сразу. На народе
   сделать это очень просто. Входите в свой аккуант, выбираете
   управление файлами... И рядом с названием каждой страницы ищете
   кнопочку с карандашиком. Нажимаете, выбираете счетчик, выбираете
   тип счетчика и СОХРАНИТЬ. Все. Поставить счетчик, который будет
   показывать число посетителей за день, за месяц и в данный момент
   будет немного сложнее.



Регистрируемся в поисковых системах. Поисковые системы(яндекс,
   яху, гугл...) рано или поздно сами найдут ваш сайт. Но лучше все же
   помочь. Заходим на данные страницы и проходим по ссылкам.   http:****//devaka.ru/articles/addurl
Далее следуем указаниям системы .
   Это нужно для того, чтобы человек, набирая в строке поиска фразы из
   темы, которой посвящен ваш сайт когда-нибудь все таки на него
   попал.

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


На выполнение этого задания дается 10 дней. С 20 февраля по 2 марта.



Варианты будущих заданий:
Делаем сайт без шаблона.
Делаем галерею.
Ставим контекстную рекламу.
Делаем баннеры.
Добавляем на сайт интересные скрипты (например текст за мышкой бегает).

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
Re: УРОКИ!!!!
« Ответ #5 : 05 Апрель 2010, 16:08:10 »
именно туда где все на английском :)
и http://www.mamask.ru/forum/index.php?topic=1762.0 вот здесь нужно писать ответы на уроки :)

я посмотрю попозже :)

Оффлайн ABS.nat

  • Новичок
  • *
  • Сообщений: 20
  • Репутация: 0
Re: УРОКИ!!!!
« Ответ #6 : 17 Ноябрь 2011, 09:18:11 »
Что то я по ссылкам не могу войти :-\
 

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
Re: УРОКИ!!!!
« Ответ #7 : 17 Ноябрь 2011, 09:39:50 »
Все здвездочки *** из ссылок нужно убрать

Оффлайн ABS.nat

  • Новичок
  • *
  • Сообщений: 20
  • Репутация: 0
Re: УРОКИ!!!!
« Ответ #8 : 17 Ноябрь 2011, 16:52:26 »
аааа  :)
 

Оффлайн НаташаКузя

  • Прохожий
  • Сообщений: 4
  • Репутация: 0
  • Откуда: Ставрополь
Re: УРОКИ!!!!
« Ответ #9 : 18 Декабрь 2011, 12:42:55 »
Большое спасибо! уроки пригодились, хотя домашние задания не выполнялись... _tu_
 

Оффлайн LenkamalenkaАвтор темы

  • Модератор
  • Меня все знают
  • *****
  • Сообщений: 3913
  • Сказали спасибо: 35 раз
  • Репутация: 108
  • Опечатки не исправляю - терпите ))
  • Откуда: Ставрополь центр
  • Награды Герой интервью на форуме МамаСК Учитель "Маминой школы" Принимает участие и помогает в развитии форума Велосемья Награда для рукодельниц нашего форума Журналист форума
    • Сайт о здоровом образе жизни
Re: УРОКИ!!!!
« Ответ #10 : 18 Декабрь 2011, 12:50:17 »
 :D :D :D

Поделиться:


 

Ставропольские мамы в соцсетях. Присоединяйтесь!