Реклама
Психологические тесты онлайн
Проверьте свои знания и интуицию, узнайте ваш характер и достойные качества!
Posobie.info – полезный сайт для родителей Введите номер пособия и выиграйте ценные призы!
Войти
Регистрация
I триместр
II триместр
III триместр
Первые недели
Малыш до года
От года до 3 лет
От 3 до 7 лет
Читай
Общайся
Выигрывай
Сервисы
Фотоконкурсы
Правила форума
Форум / Компьютеры и интернет /

Как сделать свой сайт

Нажмите, чтобы просмотреть личную страницу Haska
Юлия,    
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Я живу, когда вы рядом......
Артём (27.10.2006)Арина (26.12.2010)
Последний визит: 1 июня 2012 | 16:35
На сайте: c 13 февраля 2008
Рейтинг: 1102
– – – – – – – – – – – – – – – –
Постоянный участник
– – – – – – – – – – – – – – – –
Существуют разные способы создания сайтов. Можно выделить пять:

1) Универсальный. Пишем html-код странички от руки в стандартном блокноте Windows (Пуск> программы> стандартные> блокнот), не забываем сохранить файл с расширением .html или .htm (его дописываем прямо к названию файла через точку) (НЕ txt!) Естественно, тут нужно знать html Smile

2) C помощью редакторов. Таковых существует множество, например, Microsoft FrontPage (визуальный и очень простой в обращении. Здесь уже знать html не обязательно), AceHTML, HomeSite...

3) C помощью обычного Word'a. Набиваете страничку, размещаете картинки, таблички... как на простом документе. Жмете: файл> сохранить как> тип: веб-страница.

4) На шаблонах. Сейчас в инете много разных шаблонов, которые можно скачать и отредактировать первым или вторым способом (см.выше)

5) C помощью конструкторов на готовых шаблонах за несколько минут в режиме on-line. См. narod.ru или ucoz.ru. Вообще, конечно, первый способ — лучший Smile
Оценить
Нажмите, чтобы просмотреть личную страницу D.i.a.n.a
Последний визит: 2 декабря 2016 | 21:12
На сайте: c 1 ноября 2007
Рейтинг: 9024
– – – – – – – – – – – – – – – –
Надежда и опора сайта
– – – – – – – – – – – – – – – –
Haska
3) C помощью обычного Word'a. Набиваете страничку, размещаете картинки, таблички... как на простом документе. Жмете: файл> сохранить как> тип: веб-страница.



Неужели это так просто!!!
А я думала, что это такая тяжелая работа, требующая особых навыков!
Оценить
Нажмите, чтобы просмотреть личную страницу Haska
Юлия,    
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Я живу, когда вы рядом......
Артём (27.10.2006)Арина (26.12.2010)
Последний визит: 1 июня 2012 | 16:35
На сайте: c 13 февраля 2008
Рейтинг: 1102
– – – – – – – – – – – – – – – –
Постоянный участник
– – – – – – – – – – – – – – – –
D-i-a-n-a
Неужели это так просто!!!
А я думала, что это такая тяжелая работа, требующая особых навыков!



А еще проще с помощью
5) C помощью конструкторов на готовых шаблонах за несколько минут в режиме on-line. См. narod.ru или ucoz.ru.
зайдите на narod.ru или ucoz.ru. и следуйте инструкциям!!!!
Оценить
Нажмите, чтобы просмотреть личную страницу Haska
Юлия,    
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Я живу, когда вы рядом......
Артём (27.10.2006)Арина (26.12.2010)
Последний визит: 1 июня 2012 | 16:35
На сайте: c 13 февраля 2008
Рейтинг: 1102
– – – – – – – – – – – – – – – –
Постоянный участник
– – – – – – – – – – – – – – – –
Структура Html-документа

Что такое HTML ?
HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров.
Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки.

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

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

HTML-тэги могут быть условно разделены на две категории: тэги, определяющие, как будет отображаться WEB-броузером тело документа вцелом и тэги, описывающие общие свойства документа, такие как заголовок или автор документа .
Запомните, что основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-броузерах различных типов и на различных платформах.
Последний раз редактировалось: Haska (2 июля 2008 | 18:18), всего редактировалось 2 раз(а)
Оценить
Нажмите, чтобы просмотреть личную страницу Nooler
Светлана, 35 лет,  Москва 
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Itte kimasu ^_-
Дмитрий (15.04.2005)Ванюша (02.08.2017)
Последний визит: 12 мая 2019 | 15:03
На сайте: c 31 мая 2006
Рейтинг: 2817
– – – – – – – – – – – – – – – –
Почетный старожил сайта
– – – – – – – – – – – – – – – –
Вот тут очень хороший учебник для начинающих:

Ссылка
Оценить
Нажмите, чтобы просмотреть личную страницу Haska
Юлия,    
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Я живу, когда вы рядом......
Артём (27.10.2006)Арина (26.12.2010)
Последний визит: 1 июня 2012 | 16:35
На сайте: c 13 февраля 2008
Рейтинг: 1102
– – – – – – – – – – – – – – – –
Постоянный участник
– – – – – – – – – – – – – – – –
Еще учебники -

Ссылка
Ссылка
Ссылка
Ссылка

таблица цветов -

Ссылка
Ссылка
Оценить
Нажмите, чтобы просмотреть личную страницу Nooler
Светлана, 35 лет,  Москва 
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Itte kimasu ^_-
Дмитрий (15.04.2005)Ванюша (02.08.2017)
Последний визит: 12 мая 2019 | 15:03
На сайте: c 31 мая 2006
Рейтинг: 2817
– – – – – – – – – – – – – – – –
Почетный старожил сайта
– – – – – – – – – – – – – – – –
Вот тут ооочень большая таблица цветов:
Ссылка

Добавлено спустя 6 минут 58 секунд:

Справочник веб-мастера:
Ссылка
Ссылка

Много всяких прикольных штучек для сайта:
Ссылка

Скрипты:
Ссылка

Список серверов, предоставляющих бесплатный хостинг:
Ссылка
Оценить
Нажмите, чтобы просмотреть личную страницу Haska
Юлия,    
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Я живу, когда вы рядом......
Артём (27.10.2006)Арина (26.12.2010)
Последний визит: 1 июня 2012 | 16:35
На сайте: c 13 февраля 2008
Рейтинг: 1102
– – – – – – – – – – – – – – – –
Постоянный участник
– – – – – – – – – – – – – – – –
Делаем свой сайт на narod.ru

Если у вас еще нет своего сайта и вы не знаете, где искать «народную мастерскую», то делайте следующее: зайдите на сайт narod.ru, там есть формочка «займите это имя для своего сайта». Набираете придуманное имя и жмете кнопку «занять». Там нужно будет придумать свой пароль, заполнить анкетку. Потом попробуйте зайти в «мастерскую» на страничке narod.ru, введя логин и пароль в формочку справа.

В мастерской можно загрузить файлы на сайт по соответствующей ссылке или сделать сайт в режиме on-line по простым шаблонам.

И последнее, странички, отправленные на narod'ный сервер можно отредактировать (например, добавить скрипты) прямо там. Для этого вы должны зайти через «мастерскую» в «управление файлами» (ищите ссылочку в столбце справа), там вам будет выведен список всех файлов на вашем сайте. Далее выбираете страничку (по названию) и кликаете на квадратную кнопочку справа (такая кнопка есть рядом с каждой страничкой) — «редактор страниц». После этого вам откроется html-код выбранной странички в небольшом окне. Добавляете туда все, что хотелось и жмете кнопку «сохранить». Все, окно редактора после этого можно закрывать Smile

Шаблоны сайтов: редактирование и установка

если вы нашли готовый шаблон странички, которая вам очень понравилась (Шаблоны сайтов- Ссылка
Ссылка), то ее нужно скачать , после чего - отредактировать.
Внутри каждого архива с выбранным шаблоном лежит файл readme.txt, в котором подробно описан процесс редактирования готовых шаблонов.

Отредактировать html-файл можно следующим образом: открываем страничку в браузере и выбераем команду меню: вид> просмотр HTML-кода, после чего и откроется html -код выбранной странички в блокноте.
В некоторых случаях, отредактированный html-код открытой странички невозможно сохранить под РЕАЛЬНЫМ именем открытого файла, в этом случае блокнот с html-кодом нужной странички нужно открывать кликая правой кнопкой по выбранному файлу в своем компьютере (команда меню: "открыть с помощью> блокнот")

После того, как все странички будущего сайта будут отредактированы, остается только загрузить сайт на сервер. На narod'e это можно сделать через "мастерскую" командой "загрузить файлы на сервер" (файлы выбераем кнопкой "обзор" со своего компьютера). А лучше всего отправлять файлы по ftp, естесственно.[/quote]
Последний раз редактировалось: Haska (3 июля 2008 | 10:37), всего редактировалось 1 раз
Оценить
Нажмите, чтобы просмотреть личную страницу Haska
Юлия,    
– – – – – – – – – – – – – – – –
Чтобы установить себе персональный девиз, оставьте на форуме 500 сообщений Я живу, когда вы рядом......
Артём (27.10.2006)Арина (26.12.2010)
Последний визит: 1 июня 2012 | 16:35
На сайте: c 13 февраля 2008
Рейтинг: 1102
– – – – – – – – – – – – – – – –
Постоянный участник
– – – – – – – – – – – – – – – –
Структура Html-документа или с чего начинается каждая страничка

Html-код страничек будем писать в обычном блокноте Windows (Пуск> программы> стандартные> блокнот)или прямо в редакторе narod.ru.

После того, как весь код будет написан (см. ниже), не забываем сохранить созданный файл с расширением .html или .htm (его дописываем прямо к названию файла через точку), но ни в коем случае не .txt!

Отредактировать сохраненный html-файл можно следующим образом: открываем страничку в браузере и выбераем команду меню (для IE): вид> просмотр HTML-кода, после чего и откроется html-код выбранной странички в блокноте (но может открыться в другом редакторе. Все зависит от настроек браузера).

Рассмотрим структуру html-документа...

Самая первая строчка html-документа:

Лучше всего указывать метод strict, иначе под IE появятся разные виды глюков. Самый расспространенный — неверная интерпретация IE margin'ов и padding'ов: он их суммирует сверху к общей длине блока. Новичкам советую пока не заморачиваться по этому поводу)

Весь html-документ заключается в теги:

....

Добавляем голову html-документа — head:


....

В голову пишем заголовок нашего сайта в тегах title:



Заголовок.....



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



Заголовок.....




На самом деле существует еще множество интересных мета-тегов, но об этом позже)

Далее (после title) добавляем тело html-документа (здесь содержится весь наш сайт: картинки, таблички, тексты...) — body:



Заголовок.....

.......
Оценить
Форум / Компьютеры и интернет / Как сделать свой сайт
Показать панель форматирования
Предварительный просмотр
Показывать смайлы
Я читал и принимаю правила общения на сайте
Сообщать мне о получении ответов в этой теме