Быстро создать свой сайт.

Суббота, 24 Мая 2014 г. 23:14 + в цитатник

Для тех, кто решил серьезно заняться изучением и работой с такой программой как Adobe Flash, обязательно рано или поздно понадобиться свой сайт для размещения флеш. Очень удобно закачивать и хранить свои флешки, в своих же каталогах файлов. А есть и такие флеш проекты, публикация которых, возможна только на сайтах в папках файловых менеджеров, которые расположены в корне сайта.
Вот пример такого флеш проекта.
Эта 3 d флеш галерея ссылается на папку с изображениями, а эта папка хранится в файловом менеджере сайта.

Теперь, предлагаю вам быстро создать сайт в системе ucoz.ru
Заходите по ссылке на главную страницу http://www.ucoz.ru/ и нажимайте смело кнопку
"Создать сайт"

23-05-2014 20-28-41 (700x405, 174Kb)

После того как нажмете кнопку "Создать сайт", появиться форма для регистрации. Она достаточно стандартная и никаких затруднений процедура регистрации у вас вызвать не должна.
Вписываете данные действующего почтового ящика и нажимаете Enter. Если данные почтового ящика верны, то рядом с графой Email появиться зеленая галочка - "Данные верны".
Далее, обязательно откройте чистый бланк стандартного блокнота и по мере регистрации и создания сайта, вносите туда пароли, которые будете использовать в процессе регистрации и текстовые пояснения к ним. Всего паролей будет два. Один для регистрации в качестве администратора на главной странице сайта (uID пароль) и второй для входа в панель управления сайтом.

24-05-2014 0-20-38 (700x575, 262Kb)

Нажимаем кнопку "Продолжить" и перед нами появляется расширенная форма для регистрации сайта. Заполняем ее.

24-05-2014 0-53-02 (700x533, 129Kb)

Около каждой правильно заполненной графы появляется зеленая галочка, что означает - верно. Если какие - то данные неверны, то рядом с графой появиться красный крестик.

Когда все графы будут заполнены правильно, нажимаем кнопку "Регистрация" и получаем ответ

24-05-2014 0-59-24 (700x483, 122Kb)

Переходим в свой почтовый ящик и читаем ответ на регистрацию. Нажимаем кнопку "Продолжить".

24-05-2014 1-10-45 (700x527, 147Kb)

Нам будет представлена еще одна форма для регистрации. В ней вы выберите контрольный вопрос для восстановления пароля и пароль для входа в панель управления. Это второй пароль для управления сайтом ucoz, первый вы выбирали при начале регистрации и должны были записать его в блокнот. Теперь в блокнот запишите контрольный вопрос и второй пароль. Ко второму паролю обязательно дайте пояснение, что это пароль для входа в панель управления.

24-05-2014 1-18-29 (700x496, 134Kb)

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

24-05-2014 1-28-20 (691x316, 66Kb)

Еще в одном уведомлении нажимаем продолжить

24-05-2014 2-04-43 (652x283, 114Kb)

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

24-05-2014 2-26-46 (700x546, 257Kb)

Продолжаем. И, наконец, перед нами долгожданная Панель управления сайтом.

24-05-2014 2-34-39 (700x321, 203Kb)

Здесь нас прежде всего сейчас интересует самый первый пункт - Управление дизайном. Нажмите на кликабельную надпись "Управление дизайном". Именно на эту надпись, а не на надпись "Конструктор меню".

24-05-2014 2-45-45 (656x364, 215Kb)

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

24-05-2014 2-49-29 (700x374, 157Kb)

Нажимаем на кликабельную надпись "Конструктор шаблонов"

24-05-2014 2-54-30 (700x377, 185Kb)

Мы на странице установки шаблона, и нам надо выбрать свой дизайн из готовых шаблонов.
Жмем на прямоугольник "Примеры дизайнов", который находится рядом с кликабельной надписью "Каркасы стандартных дизайнов", чтобы визуально увидеть эти самые готовые шаблоны.

24-05-2014 3-02-11 (700x309, 85Kb)

Откроется окно списка дизайнов, в котором можно выбрать, даже, интересующую вас категорию для оформления. Я выбрала, например, категорию "Праздники". В этой категории есть семь готовых шаблонов.

24-05-2014 3-05-45 (700x503, 286Kb)

Мне понравился дизайн под номером #952.

24-05-2014 3-12-49 (700x504, 307Kb)

Запоминаю номер дизайна и теперь уже щелкаю по кликабельной надписи "Каркасы стандартных дизайнов". Появляется выпадающий список с номерами дизайнов. Нахожу тот , который выбрала - #952.

24-05-2014 3-16-28 (700x415, 223Kb)

Жму по надписи #952 и шаблон установлен. Нажимаю на кнопку "Создать шаблоны"

24-05-2014 3-19-36 (700x308, 129Kb)

Теперь, чтобы перейти на главную страницу своего сайта, нажмите вкладку меню "Общее", а в выпадающем списке нажимаю на пункт с адресом своего сайта.

24-05-2014 3-29-55 (700x294, 179Kb)

И вот мы на главной странице своего сайта

24-05-2014 3-35-52 (700x407, 115Kb)

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

На главной странице сайта предлагаю поместить краткую информацию о сайте и какое - нибудь украшательство. Ну, например, флешку с приветствием.

На главной странице, в самом верху, есть кликабельные значки для добавления материала в редакторах - Визуальном и HTML.

24-05-2014 20-32-15 (700x316, 109Kb)

Сначала нажимаем на значок редактора HTML. Нам откроется блокнот для записи, в котором уже есть некий HTML код. Этот код нам не нужен и мы его весь удаляем. Затем делаем текстовую запись. Я, например сделала такую -
"Это сайт для любителей программ по дизайну и флеш. Здесь будут размещаться мои работы и работы моих друзей."
Ниже вставила формулу для размещения флешки с флешкой приветствием.

24-05-2014 20-45-44 (700x383, 149Kb)

Теперь переключитесь на вкладку Визуального редактора.
24-05-2014 20-49-45 (700x377, 155Kb)

В Визуальном редакторе я выровняла текст и флешку по центру, в тексте изменила цвет шрифта, сам шрифт и его размер.
Внизу, также, выбираем Группы посетителей, которые будут иметь доступ к странице ( у каждой группы есть чекбокс, в котором кликом можно установить\снять галочку)
После всех изменений обязательно нажимаем, внизу блокнота, кнопку "Сохранить"

24-05-2014 21-07-46 (700x494, 208Kb)

Теперь, если у вас будет необходимость добавить на главную страницу какой - либо текст или картинку, сделать какие то изменения, то можно будет зайти через любой из редакторов в блокнот страницы и редактировать запись. Затем, конечно обязательно надо будет нажать на кнопку "Сохранить", для того чтобы все изменения сохранились.

24-05-2014 21-14-01 (700x520, 273Kb)

С главной страницей разобрались. Теперь, поработаем с файловым менеджером.
Загрузим в файловый менеджер несколько разных флешек с компьютера.
Открываем в меню панели Администратора вкладку "Управление" и в ней щелкаем пункт "Файловый менеджер".

24-05-2014 22-04-02 (700x401, 196Kb)

После этого нам откроется панель Файлового менеджера.

24-05-2014 22-06-57 (700x305, 96Kb)

Поскольку я решила, что загружу в Файловый менеджер несколько флешек со своего компьютера, то создам в каталоге для файлов Файлового менеджера Новую папку для загрузки флешек. Для этого в правом верхнем углу нажимаем на кнопку "Создать папку" и, в открывшейся строке для ввода, вводим название для папки. Нажимаем на зелёную галочку рядом со строкой ввода и папка появиться в списке файлов каталога вашего Файлового менеджера.

24-05-2014 22-22-09 (700x342, 147Kb)

Щелкните по созданной папке Flash и вы попадете внутрь этой папки. Здесь мы и произведем загрузку нескольких флешек с компьютера.

24-05-2014 22-40-04 (700x199, 73Kb)

Загружаем несколько файлов следующим образом
Щелкаю по вкладке "Обзор" и указываю путь на компьютере к флешке, которую хочу загрузить. Далее жму на зеленый плюсик, который рядом с кнопкой "Обзор". Появляется новая строка "Обзор". Указываю путь к другой флешке. И так столько раз, сколько файлов вам надо загрузить. Если какую то строку вы решили исключить из списка загрузок, то нажмите на красный "минус". После того, как путь ко всем файлам указан, нажимаю кнопку "Загрузить файл".

24-05-2014 22-50-21 (700x350, 150Kb)

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

24-05-2014 23-10-06 (700x402, 232Kb)

Я загрузила два вида флешек - флеш часики и флеш календарики. Поэтому для их размещения создаю две страницы, которые назову соответственно "Флеш календари" и "Флеш часики".

На главной странице сайта, в панели Администратора, щелкаю вкладку "Добавление" и в ней щелкаю пункт "Редактор страниц".

24-05-2014 23-19-36 (700x404, 209Kb)

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

По этой формуле размещаем вручную в панели HTML кодов наши флешки. Ссылки на флешки берем в Файловом менеджере в папке Flash.

24-05-2014 23-54-05 (700x322, 103Kb)

Когда флешки будут размещены на странице, просто переходим в Визуальный редактор (Сохранить при этом не нажимаем) и выравниваем флешки по центру, делаем подписи к ним, если это необходимо. А вот после того, как весь материал будет добавлен на страницу в Визуальном редакторе, нажимаем кнопку "Сохранить"
25-05-2014 0-00-32 (700x589, 182Kb)

После сохранения новой страницы, нам предлагают на неё перейти. Переходим на вновь созданную страницу и видим, что в Меню сайта у нас появился новый пункт - "Флеш календари".

25-05-2014 0-04-42 (700x513, 237Kb)

Точно также создаем вторую страничку - "Флеш часики", выбрав на Главной странице сайта, в панели Администратора, вкладку "Добавление" и в ней щелкув пункт "Редактор страниц".

25-05-2014 0-16-28 (700x414, 208Kb)

Оба новых пункта меню у нас относится к категории флеш. Можно их объединить одним пунктом меню, а вновь созданные страницы сделать вложенными в этот пункт.
Для этого, в панели Администратора щелкаем вкладку "Общее" и в ней щелкаем пункт "Вход в панель управления".

25-05-2014 0-27-04 (700x443, 232Kb)

Для входа в панель управления используем Второй пароль, который мы уже ранее создали и, конечно, запомнили.
В панели управления, на главной странице, в разделе "Управление дизайном", щелкаем вкладку "Конструктор меню"

25-05-2014 0-30-52 (700x384, 247Kb)

В Конструкторе меню щелкаем по ссылке с плюсиком "Добавить пункт меню".

25-05-2014 0-33-48 (700x462, 168Kb)

В открывшемся диалоговом окне заполняем только строчку - "Название". В нашем случае это - "Флеш" и нажимаем кнопку применить.

25-05-2014 0-38-30 (448x234, 53Kb)

В меню появился новый пункт - "Флеш". Наводим мышку на слово "Флеш" и перетаскиваем его вверх, под пункт меню "Главная страница".

25-05-2014 0-45-10 (686x462, 179Kb)

Затем, также поочередно, перетаскиваем под пункт меню "Флеш", пункты меню "Флеш календари" и "Флеш часики".

25-05-2014 0-50-46 (700x463, 146Kb)

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

25-05-2014 0-53-55 (545x363, 179Kb)

Когда все вложения сделаны, то нажимаем кнопку "Сохранить"

25-05-2014 1-01-01 (682x475, 178Kb)

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

25-05-2014 1-07-12 (700x444, 265Kb)

Ну вот, мы с вами не только создали свой сайт, но даже и несколько поработали над его содержанием. Теперь все за вами. Вы можете продолжить постоянно наполнять свой сайт материалами и работать над его дизайном. А можете ограничится редкими заходами на него. Самое главное у вас теперь есть, где хранить файлы.
Можете посмотреть на созданный в ходе этого урока сайт
Сайт созданный в результате урока

Серия сообщений "Сделать сайт самому":
Часть 1 - Быстро создать свой сайт.

Метки: сделать сайт самостоятельно ucoz

Процитировано 187 раз
Понравилось: 55 пользователям

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 [Новые]

Franzuzhenka обратиться по имени Суббота, 24 Мая 2014 г. 23:27 (ссылка)

Priwetik solnishko! Kakoj titanicheskij trud!!! Spasibo milaja, objasatelno wospolsuüs! Tak podrobno wsö opisano!!!!!!!!!

Ответить С цитатой В цитатник

Суббота, 24 Мая 2014 г. 23:36ссылка

novprospekt

Катюша, здравствуй дорогая. Обязательно попробуй сделать себе такой домик. У тебя много всяких красивостей по разным рубрикам. На сайте это можно все систематизировать через меню. Потом очень много разных готовых шаблонов, да и в интернете много всяких фишек для украшения сайтов ucoz. Есть хорошие видеоуроки на ютубе по ведению таких сайтов. Думаю тебе понравиться.

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 25 Мая 2014 г. 00:08ссылка

Franzuzhenka

Konechno Marinochka!!! Spasibki tebe eshe rasok!!!

Ответить С цитатой В цитатник Обратиться по имени

Валентина_999 обратиться по имени Суббота, 24 Мая 2014 г. 23:37 (ссылка)

Спасибо большое . Я всё время хотела создать свой сайт но не знала как это сделать . Спасибо за урок ,по нём я надеюсь .что установлю как положено . Я цитирую
000206_B5 (50x50, 6Kb)

Ответить С цитатой В цитатник

Воскресенье, 25 Мая 2014 г. 19:07ссылка

novprospekt

Пожалуйста. Думаю, все получиться и будет еще один домик для творчества и отдыха.

Ответить С цитатой В цитатник Обратиться по имени

Татьяна_Волкова_Литвинова обратиться по имени Суббота, 24 Мая 2014 г. 23:38 (ссылка)

Марина, спасибо за урок! Мне кажется это так сложно. Урок хорош и доступен.

Ответить С цитатой В цитатник

Воскресенье, 25 Мая 2014 г. 19:14ссылка

novprospekt

Танюш, материалу много, потому что старалась все подробно расписать. А, по сути, все не так уж и страшно. Регистрация практически стандартная. Только запоминать надо два пароля.

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 25 Мая 2014 г. 19:40ссылка

Татьяна_Волкова_Литвинова

Марина, я надеюсь, что как освою работы с флеш, так и вернусь к твоему уроку. Спасибо!

Ответить С цитатой В цитатник Обратиться по имени

Flash_Magic обратиться по имени Суббота, 24 Мая 2014 г. 23:42 (ссылка)

Мариночка, поздравляю с новым сайтом

умничка!!!!
Очень всё доступно объяснила и дизайн выбрала интересный.
Я там тебе уже поставила ОТЛИЧНО а блоке Оцените мой сайт.
А я свой переделываю потихоньку.
сначала запуталась, сейчас девочка одна помогает порядок там навести.
думаю через 1-2 недели можно будет похвастаться.

Ответить С цитатой В цитатник

Воскресенье, 25 Мая 2014 г. 20:02ссылка

novprospekt

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

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 25 Мая 2014 г. 20:16ссылка

ВАТ

Мариночка, мне уже самой захотелось начать делать. Как увидела в начале поста галерею в 3Д, так и захотела (я её не сразу увидела). Да и Леночка показала мне свой сайт, который сделала по этому уроку, мне понравился. Спасибо большое! Буду пробовать. А почта должна быть обязательно на яндексе или и на майл может быть? И можно ли потом будет дизайн сайта поменять?

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 25 Мая 2014 г. 21:12ссылка

novprospekt

Почта и на мэйле можит быть, да и в приципе создать ящик на Яндексе не проблема. Их же можно и объединить. У меня на на Яндексе никогда за 6 лет проблем с входом не было, а вот на мэйле несколько раз блокировали ящик.
Дизайн можешь хоть каждый день менять. Я вот сейчас с шапкой и названием сайта разбиралась, как их поменять. Несколько иконок как лого в шапку добавила. В сети тоже есть и другие бесплатные шаблоны и сть шаблоны платные.

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 25 Мая 2014 г. 21:32ссылка

ВАТ

Кое-как зарегистрировалась. Оказывается, я была уже давно здесь зарегистрирована, но позабыла, что уже регистрировалась, мне сказали зайти через UID, благо вспомнила какой пароль у меня здесь был. Иду дальше.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 27 Мая 2014 г. 00:18ссылка

ВАТ

Мариночка, сайт создала, он пока в разработке. Теперь надо сделать приветствие и многое другое. Вчера и сегодня пыталась загрузить флеш в 3 D. но ничего не получилось. Ты говорила, что надо загрузить в корневую папку. Я загрузила в папку флеш все папки, которые идут с этой флешкой, даже пустую папку загрузила. Потом хотела её в дневник вставить, но... Я не одна, мы вдвоём что только не делали, как не пытались загрузить. Эта флешка (мне кажется) должна загружаться также как у тебя в начале этого урока. Очень хочется научиться загружать такие флешки. Мариночка, если можешь подскажи, пожалуйста! Вроде бы все 7 папок загрузила, только может быть не туда куда надо. Я ещё сегодня посижу подумаю, вдруг получится. Ещё раз спасибо за урок, такого понятного как у тебя по созданию сайта я не нашла. Посмотрела пару на ю-тубе - не то.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 27 Мая 2014 г. 20:28ссылка

novprospekt

Верочка. я сейчас как раз пишу этот урок, ждала всё от тебя весточки, когда у тебя будет Файловый менеджер.
Я тебе сейчас опишу всю последовательность действий без скринов. Человек ты опытный, понятливый. Думаю получиться.
Во - первых, скачай файл FLA, который идет к уроку. Создай свою папку проекта, можешь назвать ее album3d. В эту папку своего проекта скопируй папку full и папку photos из FLA. Папку photos очисти от фоток, которые там есть. В эту папку photos помести свои изображения, 9 штук и дай им имена - photo01 ..... photo09.
Теперь на своем сайте, в файловом менеджере, создай Новую папку - album3d, зайди в эту папку и там внутри создай папку photos. Открой папку photos и загрузи с компьютера, со своего проекта из одноименной папки свои 9 изображений. Вернись в Файловом менеджере внутрь папки album3d. В ней у тебя теперь папка photos с 9 картинками. Справа от папки photos найди значок ссылки, щелкни по значку и скопируй ссылку на папку photos.
У меня получилась ссылка
http://novprospekt.narod.ru/3dalbum/photos
И у тебя должно быть что-то подобное
Открой Adobe Flash и из папки full своего проекта, из папки src, открой файл Main
В файле Main надо вставить ссылку на папку photos
На картинке посмотри куда вставить
В исходном файле
"photos/photo0";

Должно стать так
"http://novprospekt.narod.ru/3dalbum/photos/photo0";
то есть ссылка на папку photos + через слеш photo0, это как точка начала загрузки.
Для файла Main нажимаешь Файл - Сохранить

Открываешь файл fla своего проекта, тоже нажимаешь Файл - Сохранить, тестируешь и экспортируешь в флеш.

Флешку с компьютера загружаешь в папку album3d своего Файлового менеджера и берешь на неё ссылку.

Размеры флешки берешь, те, что устанавлены в программе (800 пикс на 600 пикс) или свои устанавливаешь и публикуешь по формуле

Эта формула подходит хоть для сайта ucoz, хоть для Лиру.
27-05-2014 23-00-56 (700x463, 315Kb)