Jump to content

Страничка за 30 минут, основы создания страниц!


Recommended Posts

Где разместить страничку

Здесь одни из самых популярных и удобных сервисов, где вы можете разместить свою страницу.

Narod.ru - Бесплатный хостинг. Дает 100Мб дискового пространства, впоследствии дисковое пространство может быть автоматически увеличено до любого объема. Для того, чтобы получить дополнительное пространство, нужно в «Моей Мастерской» зайти в «Мои данные», «Увеличить место под сайт». Если к моменту добавления места на вашем сайте будет оставаться 10Мб или меньше, вы получите еще 100Мб пространства. Пространство предоставляется автоматически, без проверок со стороны администрации сайта. Бесплатный форум, чат, бесплатная гостевая книга, бесплатные формы для проведение опроса, заполнения анекты, бесплатный поисковик по Вашим ресурсам. Все, что нужно начинающему вебмастеру. Быстрый, надежный хостинг без баннеров.

Boom.ru - Бесплатный хостинг без баннеров. 50Mb дискового пространства под Ваши страницы. Вы сможете создавать страницы по шаблонам (реализована концепция WYSIWYG) и закачивать на BOOM.ru ранее созданные страницы. Также предоставляется гостевая книга, голосование.

Newmail.ru - Бесплатный хостинг. 32Mb дискового пространства под страницы и почту. По умолчанию половина отводится под страницы, половина под почту, но Вы можете перераспределить место по-своему усмотрению. Бесплатно дает 3 форума. Не вешает баннеров. Можете завести до 3-х доменов 3-го уровня типа your_name.newmail.ru, your_name.hotmail.ru, your_name.nm.ru, your_name.nightmail.ru и до 3-х почтовых аккаунтов. Каждому домену можете сопоставить свою директорию, т.о. Вы сможете завести до 3-х виртульных веб-серверов. Иногда сервер находится в дауне.

Chat.ru - Бесплатный хостинг. Дает собственный www-сервер (c 3мя различными адресами), почтовый ящик, и 20Мб для хранения файлов 10Мб для страниц на сервере и 10Мб для почты), а также Гостевую книгу, которую можно использовать как веб-конференцию. Можно закачивать zip архивы, а сервер их разархивирует. С помощью Конструктора Вы сможете создать свою первую веб-страницу. Не знаю как сейчас, а раньше это сервер частнеько был в дауне.

By.ru - Бесплатный хостинг. Предлагает неограниченное место под страницы. Рекламы не вешает. Ограничения на объем файла: 250kB. Бесплатные доски объявлений и чаты.

Кирилл и Мефодий - Бесплатный хостинг. Поддерживают FTP-доступ. Вам предоставляется адрес: my.km.ru/имя_сайта> или имя_сайта.km.ru. На первой странице Вашего сайта нужно разместить три баннера: два 120х60 и один 100х100, но не дальше второго экрана, при ее просмотре сверху вниз. Вся остальная реклама на сайте принадлежит Вам.

Здесь одни из самых популярных, если они по каким то причинам вам не подходят, то я думаю не составит большого труда поискать еще в сети.

By SUNUN!

Link to post
Share on other sites

Способы создания страниц

Существует три способа создания страниц. ниже мы рассмотрим какими преимуществами и недостатками обладает тот или иной способ.

Самый простым способом создания страницы является создание ее с помощью средств сервера. Полностью свою страницу можно сделать за 10 минут, при условии, что у вас есть материалы которые вы можете туда поместить. Плюсом данного метода является, простота создания, не требуется каких либо навыков. Недостатком является не индивидуальность страницы. У многих будут точно такие же страницы. Если вас это устраивает то через десять минут вы можете стать обладателем собственной страницы. На каком сервере я могу использовать данный метод ? Хорошим примером являются сервисы narod.ru, chat.ru и многие другие. А так же помимо страницы вы еще и почтовый ящик получите.

Следующий способ является использование HTML редактора для написания страниц. Для создания страницы надо иметь хотя бы начальные представления о построении HTML документов. Плюсом данного метода является достаточная простота создания и непохожесть вашей страницы на другие. Минусом является то что придется все же изучить этот редактор. А также для создания приличных страниц необходимо иметь достаточно четкое представление о HTML языке. И в конце концов придется научиться пользоваться FTP доступом на сервера, а также программы при помощи которых это производится. Рекомендую применять именно этот метод. Один из самых приемлемых и используемых.

Далее идет написание страниц в текстовом редакторе HTML языком. Данный метод применяется для разработки действительно очень классных страниц, сайтов, где необходимо наибольшее качество подаваемой информации и при этом наименьшие ее объемы. Данный метод не имеет недостатков, кроме одного надо очень хорошо знать HTML язык и еще много всего.

Из всех выше перечисленных советую остановится на втором. Он не так сложен да и страницы ничего получаются. Каким именно редактором делать страницу ? Я не могу сказать. Мне лично симпатичен MS FrontPage 2000-03, хотя многие пользуются другими прогами и считают MS FrontPage не очень хорошим. Короче здесь выбирать вам, с помощью какого редактора вам делать страницу.

By SUNUN!

Link to post
Share on other sites

Основы MS FrontPage

Здесь под FrontPage подразумевается Microsoft FrontPage Express или Microsoft FrontPage 2000 Editor. Это специальный редактор для Интернет, и, что приятно, он похож на Word, и вам не составит труда в нем разобраться.

FrontPage 2000 - 03 может работать в 3 режимах, которые можно переключать закладками внизу экрана.

Normal - Визуальное создание страницы (как в Word)

HTML - Редактирование в режиме HTML

Preview - Просмотр результата как в браузере

FrontPage Express работает только в режиме визуального создания. Советую версию FrontPage 98.

Основы работы

Запустите FrontPage. Напишите какой-нибудь текст. Сохраните его в своем каталоге.

Выделите кусок текста. Нажмите Increas Text Size (Увеличить размер текста). Посмотрите как это повлияло на текст HTML.

Измените цвет шрифта. Создайте наклонный шрифт. Сделайте выравнивание абзаца (параграфа) вправо.

Придумайте, что еще можно сделать...

Изначально на экране находятся не все панели инструментов . Добавить или убрать панели можно, воспользовавшись пунктом меню View.

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

Вставьте в страницу картинку. Поместите картинку в формате GIF или JPG (JPEG) в ваш каталог. Выберете в верхнем меню Insert > Image° Выберете там имя нужного файла.

Стоит отдельно отметить, что, когда вы щелкаете правой кнопкой мышки на каком-то редактируемом объекте, то появляется контекстное меню. С его помощию вы можете настроить свойства (Properties) объектов, на которые попала мышка, а попасть вы можете сразу на много объектов, например, на Страницу, Таблицу, Ячейку таблицы, Параграф, так чтонадо выбирать.

Вот еще маленькое дополнение. Когда вы пишете текст, то для принудительного переноса на следующую строчку, вам не обязательно начинать новый параграф. Чтобы сделать перенос внутри параграфа, нажмите Shift+Enter. Вы можете включить режим показа непечатных символов, нажав на панели инструментов Show/Hide (кнопка "Пи"), в этом режиме можно увидеть, где находятся переносы, а где начинаются новые параграфы.

Гиперссылки

Теперь рассмотрим, как делаются гиперссылки. Гиперссылка - это важнейшая возможность Интернет. Она позволяет прыгать с одной страницы на другую, даже если физически страницы находятся на разных сторонах Земли. Пусть вы хотите сделать гиперссылку на страницу Microsoft. Просто напишите ее адрес, в нашем случае http://www.microsoft.com и нажмите Enter (на клавиатуре). FrontPage автоматически вставит необходимые теги, и у нас появится синенькая подчеркнутая ссылка. А если хочется, что бы гиперссылка выглядела не как http://www.microsoft.com, а например, как Гнездо Била Гейтса, то надо сделать так: выделите текст Гнездо Била Гейтса, зайдите в Edit > Hiperlink. В поле URL введите http://www.microseft.com (Кто не знает - http://www.microsoft.com - это и есть URL, или, проще говоря, - адрес страницы). Если вы делаете ссылку на страницу в том же каталоге, что и текущая, то лучше писать не

http://www.provider.sbp.ru/~my_site/my_page.html, а просто my_page.html.

Хочется напомнить, что две точки обозначают родительский каталог, т.е. возможны ссылка в каталог более верхнего уровня, например: ../page.htm

Можно ссылаться не только на целую страницу, но и на определенное место на странице. Для этого надо сделать закладку в нужном месте страницы Edit > Bookmark и дать ей имя. После этого можно будет в гиперссылках указывать не только страницы, но их закладки. Закладки выглядит так:

адрес_страницы#имя_закладки или просто #имя_закладки.

Продолжайте учиться

Исследуйте другие возможности FrontPage методом научного тыка. На некоторые возмножности FrontPage на первом этапе вы можете не обращать внимания, а некоторые возможности вам вообще никогда не придется использовать. Вот, на что, в первую очередь, надо обратить внимание:

Параметры страницы

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

Параметры абзацев, выравнивание абзацев, установление заголовков...

Работа с таблицами, их вставка, редактирование, изменение.

Параметры таблиц

Параметры ячеек таблиц

Вставка картинок и параметры картинок

Гиперссылки

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

Link to post
Share on other sites

Страница за 10-20 минут.

Итак здесь руководство по созданию простейшей страницы, что даст вам возможность приобрести начальные навыки странице строения. Мы рассмотрим построение страницы в MicroSoft FrontPage 2000 editor (также можно использовать MicroSoft FrontPage expres)

С чего начать? Наверное с того, что подумать над тем что вы хотите поместить на свою страницу. Например: свои данные, какую-то информацию, рассказать всем о своем хобби, показать всем свои фотки, мысли, стихи, изображения, коммерческие предложения и тд. и тп. Надеюсь это не сложно :))

Пример простейшей страницы

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

Открываем редактор. Сразу необходимо задать основные параметры страницы

Нажимаем правую кнопку мыши и выбираем свойства страницы. (Page Properties...)

В разделе главное (General ) вводим название в поле название (Title: ),

например: Моя Домашняя Страница. Затем переходим на закладку язык (Language ) здесь необходимо задать тот язык на котором пишется страница. Установите параметры такие же как на рис. Теперь жмем ок.

msfpgl.jpg

далее жмем интер.

Теперь устанавливаем курсор на поле страницы и вставляем таблицу(2 столбца и 1 строчку). Это можно сделать либо с панели(аналогично Word`у либо заходим в меню таблица и выбираем от туда раздел вставь и далее опять таблицу. (Table - Insert - Table.)) Вот теперь вы должны видеть две ячейки таблицы.

Теперь устанавливаем курсор в левую ячейку и выбираем меню Вставить - Изображение - Из файла ( Insert - Picture - From File) далее выбираем нужную нам картинку(например свою фотку). Так мы получили таблицу содержащую в левой ячейке вашу фотку.(Лучше сделать так чтобы изображение бралось из тогоже каталога где и ваша страница, так что советую переписать вашу фотку именно туда, и указывать путь именно к ней. И не вставляйте файлы огромного размера. Максиму что я бы посоветовал - это 15 - 30 кБ)

Теперь устанавливаем курсор в левую ячейку и пишем что угодно.

Пример: Добрый день вы попали на мою страничку, она первая в моей в практике, так что не судите строго. Но скоро я освою страницестроение и сделаю крутой сайт. А пока это все.

Теперь ставим курсор ниже таблицы и пишем - Вы можете написать мне письмо

Затем выделяем эту фразу и выбираем из меню Вставить - Гиперссылка(или же нажимаем Ctrl+k) в появившейся таблице ставим курсор в поле с надписью http://, затем нажимаем на изображение конверта справа от этого поля. В выскочившей табличке пишем свой электронный адрес. жмем ок, затем опять ок. Вот мы дали возможность посетителям страницы отправить вам письмо.

Этот шаг не обязателен. Устанавливаем курсор ниже и пишем

- Я узнал как делать эту страницу здесь

Выделяем слово здесь, нажимаем одновременно Ctrl и k

В поле с надписью http:// делаем добавление к этой надписи, чтобы получилось

http://sunun-mail.narod.ru

(можете просто здесь ее скопировать, а там вставить)

Все теперь жмем ок.

Ну и последний шаг. Сохраняем страницу под именем index.html (можно сохранить сразу в том месте где вы будете размещать эту страницу). Либо же сохраняем на диске и в созданном нами каталоге, и затем переписываем все файлы данного каталога на место размещения нашей страницы. Вот и все.

Link to post
Share on other sites

Чаты, гостевые книги, форумы.

Так в этом разделе хотел бы поделиться тем, как можно заиметь себе гостевую книгу или форум у себя на странице. Здесь достаточно все просто. Можно написать книгу на HTML`е но я про это не буду, сам не знаю, как это делается, а можно воспользоваться услугами многочисленных сервисов предоставляющих такие услуги. Как их найти элементарно. В поисковых системах вводим к примеру фразу - Бесплатные гостевые книги - или форумы, смотря, что надо. Там выбираем понравившийся сервис. Далее необходимо пройти регистрацию, после которой вам дадут урл вашей книги, который остается только подцепить к словам - Гостевая книга, форум и тд. Вот вроде и все.

Link to post
Share on other sites

Как разместить индикатор ICQ

Здесь все элементарно. Размещаем, там куда мы хотим поместить индикатор, любое изображение, лучше не большое. Затем меняем путь к изображению на http://wwp.icq.com/scripts/online.dll?icq=nomer&img=5

заместо надписи nomer подставляете свой номер icq.

Как сделать, что бы мне могли послать сообщение. Здесь тоже нет ничего сложного.

К словам или изображению подцепляем следующий url

http://wwp.icq.com/scripts/contact.dll?msgto=nomer

заместо надписи nomer подставляете свой номер icq.

Ну и последнее в этом разделе. Как сделать так, что бы мне могли послать на ICQ сообщение те, кто не имеет ICQ. Все делаем по предыдущему примеру, только url будет немного другой.

http://wwp.icq.com/nomer#pager

ну надеюсь вы уже догадались, что nomer нода заменить на ваш uin.

Link to post
Share on other sites

Раскрутка страницы

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

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

2) Далее очень эффективный прием. разместите адрес своей страницы в службах знакомств. Это тоже принесет эффект.

3) Можете кинуть рекламу своей страницы по Асе. При помощи флудера или же так в ручную(очень быстро надоедает) зесь лучше кидать объявы типа см. ниже. Да у тех кому ты кидаешь должно быть ощущение что ты кинул сообщение только ему одному.

- Извини что обращаюсь именно к тебе

- Ты не оценишь и адрес страницы.

- Здесь то что тебе необходимо знать и адрес страницы

- Whot this ??? и адрес (не русскоязычному населению)

- It`s cool - и адрес вашей страницы

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

4) Обмен баннерами заключается в том, что ваш баннер помещают на свою страницу в обмен если ты разместишь их баннер на своей.

Ну вот основные позиции по этой теме. И запомните самая классная реклама вашей страницы это когда она кому-то очень понравилась и он ее рекомендуют другим, как этого добиться решать вам.

Link to post
Share on other sites

Sunun, извиняйте конечно, но просто некрасиво вот так вот заниматься плагиатом

ссылку то можно на источник дать

и это не только к данной теме относится

писк в гугле и копи/пейст все умеют

Edited by SUNUN
Link to post
Share on other sites
Sunun, извиняйте конечно, но просто некрасиво вот так вот заниматься плагиатом

ссылку то можно на источник дать

http://aleksei-mail.narod.ru

и это не только к данной теме относится

писк в гугле и копи/пейст все умеют

Ya prosto Dayu vam informaciyu a etot vash istochnik etu informacyu biryot toje s drugovo istochnika!

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...