Софт-Портал

создать веб страницу онлайн

Рейтинг: 5.0/5.0 (461 проголосовавших)

Категория: Windows

Описание

Как создать веб-страницу?

Как создать веб-страницу?

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

Визуальные редакторы

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

Microsoft FrontPage

Чтобы скачать ее, можно перейти по следующей ссылке - microsoft.com. Данная программа предоставляет возможность создавать web-страницы и редактировать их. FrontPage предусматривает работу с Css, Html, Javascript и Dhtml. Дополнительно она гарантирует пользователям довольно внушительные возможности по работе с flash-роликами и изображениями.

Macromedia Dreamweaver MX

Скачивать данную программу рекомендуется с официального сайта - www.adobe.com. Это отличный инструмент, позволяющий создать web-страницу. Программа отличается простым и интуитивно понятным интерфейсом. Все, что требуется от пользователя, - создать документ и начать располагать на нем нужные элементы.

Текстовые редакторы

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

Наиболее простым редактором является Notepad (Блокнот). В данной программе отсутствуют какие-либо функции, способные упростить вашу жизнь: нет вставки готового кода, подсветки тегов и пр. Однако она является стандартной, поэтому есть у каждого пользователя ПК. Именно с нее можно начинать первые шаги в процессе написания кода для веб-страниц.

Онлайн сервисы

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

  1. setup.ru. Сделать веб-страницу при помощи данного конструктора настолько легко, что справиться с этой задачей сможет абсолютно каждый. Когда вы закончите создание сайта, то сервис сделает его доступным для индексации. Для этого достаточно нажать кнопку «Опубликовать сайт».
  2. fo.ru. Если вы хотите сделать сайт посредством данного сервиса, то нажмите кнопку «Создание сайта». Через мгновение вы увидите регистрационную форму, где необходимо заполнить поля, выбрать тип ресурса (обыкновенный сайт, интернет-магазин), указать тематику и пр. Чтобы отредактировать отдельные элементы веб-сайта достаточно навести курсор на требуемый блок. С правой стороны появится меню («Изменить», «Переместить», «Удалить»). Чтобы переместить конкретный блок на веб-странице, попросту перетащите его при помощи мышки.

Если вам необходимо создать страницу, используя код html, читайте об этом в статье Как создать HTML страницу .

В случае, если вы не разобрались, что такое веб-страницы, прочитайте статью Что такое веб .

создать веб страницу онлайн:

  • скачать
  • скачать
  • Другие статьи, обзоры программ, новости

    Редактирование web страницы онлайн

    Редактирование web-страниц

    Меня на днях попросили отредактировать страницу на сайте. Нужно было всего лишь поменять пару строчек. То есть отредактировать HTML страницу и залить ее на сайт через FTP. Для старой доброй винды я использовал NVU и FileZilla, но так как я решил полностью перейти на Chrome OS, то теперь я обращаюсь к поиском Google чаще.

    Получив все пароли и явки от web-сайта я приступил к поиску того как это можно сделать на моем Chromebook

    Так как Chrome OS представляет собой операционную систему ориентированную для работы в «облаке». то оказалось очень мало инструментов для редактирования.

    Для доступа к сайту через FTP google предложил использовать

    “ Connect to your FTP server and start editing your website now. ”

    Оказался хорошим сервисом для загрузки и редактирования web-сайта.

    На сайте нет обязательной регистрации. Достаточно ввести данные FTP сервера

    C возможность редактирования HTML.

    Но есть огромный МИНУС- он не понимает русский язык.

    Есть ограничение на размер загружаемого файла в 25Мб

    • нет поддержки русской кодировки

    возможность работать только с одним FTP сервером

    Загрузка и выгрузка файлов

    Редактирование файлов (WYSIWYG и с подсветкой синтаксиса)

    Просмотр кода с подсветкой синтаксиса

    Копирование, перемещение, удаление

    Редактирование прав доступа

    Распаковка и архивирование файлов

    Поиск по слову или фразе

    После регистрации вы получите 5Gb облачного хранилища и возможность дополнительно подключить 3 своих “облака” в том числе и FTP

    После регистрации и входа под свои аккаунтом можно

    Добавить поставщика облачного хранилища

    Редактировать уже подключеные “облака”

    Воспользоваться файловым менеджером для навигации по “облакам”

    Мне нужен был доступ через FTP к сайту, поэтому я выбрал “add a Cloud Provider” и указал данные хоста

    В файловом менеджере появится новая папка с сайтом

    Есть навигация по FTP с восможность редактировать HTML онлайн

    и самое важное поддержкой русского языка

    Обязательная синхронизация с FTP сервером. Все файлы с сайта загружаются в облако.

    Навигация по FTP серверу

    Загрузка и выгрузка файлов

    Копирование, перемещение, удаление

    Поддержка кирилических символов

    Нужна обязательная регистрация.

    После успешной регистрации можно добавить свой сайт в список редактируемых или создать индивидуальный с адресом sitename.easywebcontent.com

    Выбираем “Редактировать существующий сайт” и прописываем данные хоста

    После заполнения всех данных повиться вкладка сайта, который можно редактировать.

    Огромное приемущество данного вида редактирования — это хорошая админская панель

    Но есть и минусы. Для публикации отредактированой страницы на своем сайте придется сделать Upgrade до полной версии. Стоимость от 22$ в месяц

    Доступ ко всем функциям не из дешевых

    Хорошая админская панель для редактирования

    Видео курсы по работе с редактором

    Хотя в процессе поисков я натыкался на многие другие редакторы и облачные платформы IDE для моих нужд оптимальным оказался SME.

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

    Порекомендуйте эту статью друзьям:

    Создание веб страниц в MS WORD Веб дизайн в ворде Web design

    html файл
    • В нашей любимой прикладной программе MS WORD - создайте новый файл.
    • В меню Файл выберите команду Сохранить в Формате HTML (Сохранить как веб страницу. как веб-страницу с фильтром! - см. Вашу версию Word). Задайте имя файла английскими маленькими буквами, арабскими цифрами, пусть сегодня это будет my1. Нажмите OK (возможно несколько раз:) и Вы снова в программе Ворд. Посмотрите, внешний вид документа и панелей инструментов немного изменился. Зато Вы сейчас начнете создавать настоящий интернет файл, который потом останется только загрузить (закачать) в интернет.
    шрифт
    • Начнем со шрифта. Используйте кнопки панели инструментов Форматирование или команды из меню Формат. Выберем цвет шрифта. Ну, не все же черным-то цветом. Меню Формат. Команда Шрифт. Цвет темно-синий или любой другой на выбор. Размер можно задать там же. И сам шрифт - тоже. Сейчас в моде по-прежнему Verdana. Tahoma. Arial. Но Вас это ни к чему не обязывает. Единственное реальное ограничение - русских шрифтов (кирилица) не так уже и много. Пусть будет Verdana. Для тех, кто уверенно пользуется кнопками на панелях управления - здесь только одно отличие от обычной панели Форматирования Word: справа от окошка, в котором Вы обычно задавали шрифт, появились две кнопки А и А - как раз в том месту, где Вы раньше задавали размер шрифта для текстовых документов. Вот ими Вы и можете увеличивать или уменьшать размер шрифта. А дальше - ничего нового - жирный шрифт. курсив. подчеркивание

    Выравнивание по левому краю

    по правому краю

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

    Наберите какой-нибудь текст. Например, Здравствуйте, это моя (Имя, Фамилия) персональная страничка :)

    фон
    • Ну, вот, вроде со шрифтом определились. Подберем теперь подходящий к нему цвет фона Вашей странички. (Вы, конечно, можете пользоваться кнопками панелей управления, но, чтобы не запутаться - я покажу Вам, как работать с командами из строки меню). В строке меню найдите меню Формат, выберите из меню Формат команду Фон. > и выберите цвет фона. Помимо стандартных цветов, вы можете выбрать дополнительные цвета. Обычные или Весь Спектр. ОК? Не понравилось? Выбираем из меню Правка команду Отменить ввод (на панели инструментов Стандартная - это кнопка с изображением стрелочки против часовой стрелки). Выбираем другой цвет. Не то? - Отмена. - Новый цвет фона. А мне вот захотелось бледно-зеленый из обычных цветов. Но к нему синий цвет шрифта как-то не очень - поменяем на зеленый.
    • Давайте посмотрим, как же выглядит Ваша страничка. Меню Файл. Команда Просмотр Web-страницы. Щелкнули. Вывалилось "Документ был изменен. ". Жмите OK. Дальше на экране Вашего компьютера появляется то, что весь мир скоро увидит в интернете. Выберите в новом окошке команду Закрыть из меню Файл, чтобы закрыть Вашу веб-страничку - мы еще не закончили :)
    • Можно продолжать подбирать цвета. Размер пока рано - Вы же ничего не написали еще. Поэтому сейчас Вы печатаете текст, который уже сочинили для своей странички.
    • Напечатали? Не забывайте сохранять время от времени Вашу работу (команда Сохранить в меню Файл или кнопка с изображением дискеты на панели инструментов Стандартная) А теперь можно в черновую текст отформатировать. Выделите заголовки - размер, цвет, жирный, курсив. Подчеркивание не стоит использовать. Проявите фантазию. Обязательно смотрите - как это будет выглядеть непосредственно на веб-страничке, она может слегка отличаться от того, что Вы делаете в Ворд.
    картинка
    • Пока еще не отличается от Ворда? Начинаем вставлять рисунки. Щелкните левой кнопкой мышки то место на экране - куда бы Вы хотели поместить рисунок (картинку, фото). Меню Вставки команда Рисунок - из файла. Выберите соответствующий файл, нажмите кнопку Добавить. Вот Ваше фото на экране. Я уменьшаю размер. Как? Щелкните один раз по фотографии, в углах и по срединам сторон появляются маленькие квадратики. Подведите курсор мышки к квадратику, вместо обычной стрелочки появляется - черные стрелочки, направленные в противоположные стороны и соединенные друг с другом. В этот момент нажмите на левую кнопку мышки и стрелочки вообще поменяются на крестик - зато, если вы, продолжая нажимать левую кнопку мышки нажатой, начнете двигать мышку, то фото начнет изменять размеры вслед движениям Вашей руки.
    • А еще, по политическим соображениям :), я хочу, чтобы фото размещалось справа, а не слева. Кнопка - выравнивание по правому краю из панели инструментов Форматирование. А можно и по центру разместить.
    • А теперь - самое главное! Организовать переходы на другие страницы Вашего сайта. У Вас ведь будет много страниц? Вас могут ограничить только объемом дискового пространства. Но до верхнего предела нам еще очень далеко.

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

    Вы можете вставить гиперссылку, как раньше мы вставили рисунок, в любом месте странички. Давайте вставим здесь. Набираю текст НА ГЛАВНУЮ СТРАНИЦУ. с помощью мышки выделяю этот текст. (Ну, то есть нужно проехаться мышкой с нажатой левой кнопкой по этому тексту - Щелкните мышкой справа от буквы У. Нажмите левую кнопку мыши и тащите мышь налево до буквы Н - получился такой черный прямоугольник). В меню Вставка выберите команду Гиперсылка. Напечатайте в верхней строчке под названием связать с файлом/URL - вот опять эти три буквы - http://maryna1111.narod.ru/index.html. Только вместо maryna1111 у Вас должно быть имя вашего сайта. А вот название файла на Вашем сайте - index.html - нужно сохранить. Поскольку это обязательное имя для Вашей главной странички. Видите, как все просто. Если потом Вам захочется с Вашей главной странички попасть в этот Ваш файл my1.htm, то Вы на главной страничке помещаете гиперссылку (ссылку) http://maryna1111.narod.ru/my1.htm ПЕРЕХОД НА СТРАНИЧКУ my1 МОЕГО САЙТА

    • Если Вам все еще нравится то, что у Вас получилось, смело идите загружайте Ваши файлы в интернет на выбранный Вами хостинг (подбор хостинга ). Не забудьте про файлы картинок. Как и в случае работы только с готовыми шаблонами, предлагаемыми многими хостерами, перед тем как вздохнуть с облегчением, обязательно проверяйте правильность переходов по ссылкам Вашего сайта.
    • Сколько может стоить создание подобных страничек на рынке интернет-услуг? Трудно сказать. Здесь речь идет скорее об уроках грамотной работы с программой MS WORD. Оплата, обычно, почасовая - стоимость соизмерима со стоимостью уроков английского.
    • Что дальше? Еще проще. Вы где-то ошиблись, вы хотите поменять содержание, то есть не на всю же жизнь Вы разместили именно эту информацию о Вас в интернет? Когда в адресной строке браузера Вы видите свою страницу, УЖЕ В ИНТЕРНЕТЕ. скопируйте ее на Ваш компьютер. С другой стороны - зачем? Она у Вас уже есть в компьютере. В меню файл выберите команду Править в Microsoft Word - и редактируйте в нашем любимом WORD. Для тех, кто дочитал до конца - бонус: проверить Вашу вебстраницу на различных разрешениях экрана Вашего интернет-устройства. Не нравится? Тогда еще один бонус: задайте стиль тегу body style="margin:auto; max-width:1000px" и у всех тегов, где появляется width больше 300px, исправьте пиксели на %. Элементарные знания html - понадобятся, к сожалению. )

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

    Далее - некоторые распространенные ошибки, возникающие при создании сайтов в word:

  • (ВОПРОС)как загруженный файл сделать главной страницей?z сделала 4 шаблона в ворде,загрузила их а как дальше управляться что-то не соображаю.помогите пожалуйста.

    (ОТВЕТ) У файла с главной страницей имя обязательно должно быть index.html или index.htm (Есть и другие варианты.) Переименуйте Ваш файл с главной страницей обязательно маленькими латинскими буквами на имя index и убедитесь, что расширение у него или htm, или html (тоже маленькой латынью)
    Прочитайтеhttp://maryna1111.narod.ru/003old.htm - обратите особое внимание на гиперссылки (линки)

    (ВОПРОС)spasibo ogromnoe. tolko y menya pochemy-to vmesto kartinok krestiki.v iznachalnom variante bili v worde vstavleni kartinki a v ypravlenii failami i na saite yzhe krestiki.chto ne tak?zaranee spasibo!

    (ОТВЕТ) 1.Картинки нужно загружать на сайт как отдельные файлы.
    2.Обязательно проверьте пути к файлам с картинками.
    3.Обязательно проверьте имена и расширения файлов с картинками. большие буквы и маленькие - это не одно и тоже. И буквы, конечно, только латинские.

    (ВОПРОС от моей однокурсницы, год выпуска не пишу, дабы сильно не пугать читателя) Почему веб-сайт, написанный профессионалом на PHP, иногда выдает ошибки? Cрочно все брось и разберись.

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

  • Как сделать веб страницу html с картинкой для чайников

    Как сделать веб страницу html с картинкой

    Вас заинтересовал вопрос: “Как сделать html страницу ?”, то просмотрев данную статью, вы сможете сделать html страницу самостоятельно, не прилагая больших усилий.

    HTML (HyperText Markup Language — «язык разметки гипертекста») не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы указываем браузеру где будет размещен текст, картинка, таблица и т.п. ).

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

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

    Теперь мы перейдем к практическому осуществлению нашей задачи “Как сделать html страницу ?”. Для этого нам понадобится любой текстовый редактор. Я вам посоветую «Notepad++». Либо можете воспользоваться стандартным блокнотом, только будьте внимательны, когда будете сохранять файл, обязательно сохраняйте его с расширением «html». Название обязательно пропишите латинскими буквами.
    Это будет выглядеть так:
    «page.html»

    И так, открываем наш редактор, и пишем следующий код:

    <html>
    <head>
    <title>Моя первая страница</title>
    </head>
    <body>
    Я Вас приветствую. <br/> Это Начало большого пути в просторы Интернета
    </body>
    </html>

    Сохраняем созданный текст.
    Для просмотра созданной страницы html в любом браузере, нужно просто кликнуть на пиктограмме «page.html».

    Вставить картинку в html страницу

    Чтоб вставить картинку в html страницу, её необходимо предварительно подготовить.
    Выбираем нужное изображение, редактируем его либо в документе Word (простой вариант), либо в Photoshop.
    Сохраняем картинку в формате JPEG, в нашей папке для создания страниц html.
    Пример:
    название папки: user_page
    в этой папке:
    страница: page.html
    картинка: kartinka.jpg

    Для вставки картинки в страницу применяется тег <img>.
    Для указания пути к картинке в теге используется параметр src=
    Вот так будет выглядеть код html, при помощи которого можно вставить картинку в страницу html:
    <img src="http://www.sitedelkino.ru/kartinka.jpg"> (при условии: страница и картинка находятся в одной папке).

    А это код страницы html с картинкой

    <html>
    <head>
    <title>Моя первая страница</title>
    </head>
    <body>
    Я Вас приветствую. <br/> Это Начало большого пути в просторы Интернета

    <img src="http://www.sitedelkino.ru/kartinka.jpg">
    </body>
    </html>

    Если вы выполнили все так, то в браузере будет отражен результат вашей работы.
    Оказывается, сделать html страницу совсем не сложно!

    Ниже приведены атрибуты для тега <img>, и их предназначение:

    Создать веб страницу онлайн

    Web-страницы и создание web-страниц в FrontPage 2.7. Создание web- страницы 2.7.1. Создание web-страницы в редакторе FrontPage 2003

    Web-страницы или гипертекстовые документы (html-документы) - это текстовые файлы, размеченные тегами (tags) с помощью языка HTML (HyperText Markup Language). HTML не является языком программирования, он является языком разметки или средством форматирования гипертекста. Для разметки документа используются теги. Теги заключаются в угловые скобки. В основном теги являются парными, т.е. существуют открывающий и закрывающий теги.

    Язык разметки HTML позволяет форматировать текст веб страницы, размещать на ней графические объекты, рисунки, вставлять звукозапись и различные мультимедийные элементы, а так же скрипты (JavaScript, VBScript), создавать гипертекстовые ссылки.

    Веб-страница начинается и заканчивается парными тегами <html> и </html>. Между этими тегами размещаются парные теги <head>, </head> (голова веб-страницы), между которыми размещаются парные теги <title></title> для заголовка web-страницы, а также вводятся различные метатеги для ключевых слов, описания содержания страницы и т.д.

    Затем следуют теги <body>, </body> (тело веб-страницы), между этими тегами размещается содержание или контент страницы.

    Например, если в редакторе Блокнот или Notepad++ ввести текст, размеченный тегами:
    <html>
    <head>
    <title>Обучение в интернет</title>
    </head>
    <body>
    Этот сайт посвящен дистанционному обучению информатике, телекоммуникациям и электронному бизнесу
    </body>
    </html>
    и сохранить его с расширением html, то получим html-документ, который отображается в окне браузера и имеет вид, представленный на рисунке.

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

    WWW-страницы могут быть:

    Статические страницы - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML и имеет расширение .html или .htm.

    Динамические веб-страницы - это веб-страницы, сгенерированные или сформированные (созданные) в процессе исполнения запроса пользователя. Эти страницы пишутся на языке PHP, ASP и т.д. и имеют соответственно расширения .php. aspx. Динамические страницы создаются так называемым движком (Content Managment System – Система Управления Контентом) или специальной программой на сервере, которая по запросам пользователей формирует веб-страницу из данных хранящихся на сервере в базе данных.

    Интерактивные веб-страницы - это веб-страницы, которые включают в себя формы (созданные на языках PHP, JavaScript и VBScript и т.д.), с помощью этих форм происходит обмен данными между пользователем и сервером.

    Web-страницы создаются с помощью различных html-редакторов: Microsoft FrontPage, Macromedia Dreamweaver, TinyMCE WYSIWYG Editor, FCKeditor, и т.д.

    Для того чтобы научиться создавать веб-страницы и сайты, целесообразно использовать редактор на русском языке FrontPage 2003. В редакторе FrontPage существуют мастера, которые позволяют легко создавать web-сайт, и шаблоны веб-страниц, содержащие разметку (структуру) и дизайн необходимые для быстрого создания web-страниц.

    Алгоритм создания веб-страниц в редакторе FrontPage 2003 детально изложен на страничке Обучение созданию web-страниц

    Далее. >>>Тема: 2.8.1. Создание сайта в редакторе FrontPage 2003

    Поделись с друзьями

    Как Создать Свою Веб-Страницу

    Как Создать Свою Веб-Страницу

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

    Перед созданием веб-страницы, вам обязательно надо создать email или электронный адрес. Я описывал варианты создания в этой статье — Как Создать Электронную Почту. А если электронный адрес у вас есть, то последуем к вариантам создания вашей личной веб-страницы. Читайте способы, которые помогут создать свою веб-страницу.

    Одностраничный сайт

    Самый древний способ))) Для него Вам надо изучить основы языка HTML. Делать это в наше время совсем необязательно, существует миллион сервисов, речь о которых пойдет ниже. Однако, если вы хотите понимать — как работает сайт и, частично, сеть Интернет, то попробуйте создать одностраничный сайт самостоятельно. О том, как это сделать я описывал в статье — Как Создать Свой Сайт. Там есть варианты создания одностраничного сайта с помощью конструкторов сайтов и бесплатных платформ.

    Страница в социальной сети Вконтакте

    Думаю, в наше время фраза: «я создал себе страничку в Интернете» относится больше всего к социальной сети Вконтакте. VK — самая популярная социальная сеть в СНГ. Создать здесь свою страницу — дело 1 минуты. Более того, для вас открывается десятки полезных функций для деятельности в сети Интернет.
    Про Вконтакте я писал много и планирую писать еще больше)) С этой социальной сетью вы сможете зарабатывать и знакомиться с новыми людьми .

    Вконтакте также позволяет создавать удобный URL-адрес к вашей веб-странице, вместо стандартного URL-адреса при регистрации http://vk.com/id8032931. Затем вы можете поменять его на красивый — http://vk.com/vasheimya.vashafamiliya.

    Страница в социальной сети Facebook

    Если Вконтакте самая популярная социальная сеть в СНГ, то Facebook — социальная сеть №1 во всем мире. Фейсбук, считается, вроде как для продвинутых русскоязычных пользователей))) Но лично я думаю, что это все из-за того, то Facebook очень популярен и удобен.

    Также как и в Вконтакте, вы можете присвоить себе красивый адрес своей веб-страницы. Полный мануал — как создать веб-страницу на Facebook, я описал в статье — Как Зарегистрироваться в Facebook .

    Блог

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

    • Создать блог на WordPress — быстрый, но с затратами на хостинг и отдельный домен.
    • Как Создать Блог на Blogger — блог-платформа от Google. Интегрирована со многими гугловскими сервисами. Очень удобно, если Вы фанат Google))
    • Как Создать Блог на Tumblr — самая динамично развивающаяся блог-платформа. Я читал в одном из американских изданий статистику о том, что Tumblr у детей США 12-13-ти лет популярнее Фейсбука. Думаю, это показатель удобства и развития этой платформы.
    • Как Создать Свой Блог Бесплатно — здесь указаны мануалы по практически всем известным блог-платформам, включая и вышеуказанные.
    Дневник

    По сути, дневник ничем не отличается от блога, просто имеет больше вид дневника, который у вас был в детстве… Шутка))) Дневник — это всего лишь русское название блога. Например, Liveinternet называет свой блог-сервис дневником. Подробнее читайте — Как Создать Дневник на Liveinternet .

    Вот все основные варианты создания вашей веб-странички, или, по-другому, веб-присутствия. Буквально 1 минута и вы уже погружаетесь в пространство всемирной паутины. Удачного веб-странининга)))

    Язык html и основные теги

    Создание сайтов, продвижение, заработок!

    Здравствуйте, уважаемые читатели блога. С этой статьи мы начнем изучать основы языка HTML.

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

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

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

    Браузер — это специальная программа, предназначенная для просмотра веб-сайтов, например Internet Explorer. При помощи браузера вы бродите по сайтам, щелкая по ссылкам. Любой такой щелчок заставляет браузер сделать запрос на html-страницу web-серверу, получить ответ и отобразить страницу в своем окне. Именно при отображении страницы начинает работать язык HTML, он сообщает браузеру все о структуре и содержимом web-страницы. С помощью команд — тегов. HTML указывает браузеру, где начинаются абзацы текста, какая часть текста является заголовком и указывает куда вставлять таблицы, и даже картинки. А теги это слова в угловых скобках, например <p>, <h1>, <table>.

    Язык HTML и его теги

    Научись создавать профессиональные сайты на HTML5 и CSS3

    Первая версия языка HTML появилась еще в 1992 году. На момент 2013 года разрабатывается спецификация новой версии HTML под номером 5. Разработкой данной спецификации занимается организация World Wide Web Consortium, или сокращенно W3C. Организация W3C занимается разработкой и других Web-стандартов. Ознакомится с этими стандартами вы можете на их сайте www.w3.org. Кстати, Многие Web-браузеры уже поддерживают некоторые возможности HTML 5.

    Предлагаю начать изучение языка HTML сразу с примера. Поэтому давайте создадим нашу первую Web-страничку. Для создания WEB-страниц подойдет любой текстовый редактор. Я предлагаю для начала воспользоваться встроенным в Windows Блокнотом (Notepad) (вообще в дальнейшем для редактирования html-кода я советую использовать бесплатный текстовый редактор Notepead++ ). Найти его можно: «Пуск->Все программы->Стандартные->Блокнот». Давайте создадим страничку об автомобилях. Итак, откроем Блокнот и наберем в нем текст:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Пример Web-страницы</title>
    </head>
    <body>
    <h1 align="center">Сайт об автомобилях.</h1>
    <p>Добро пожаловать на наш автомобильный сайт. Здесь Вы найдете много интересных и полезных статей об <strong>автомобилях</strong>. На сайте есть описания многих импортных и отечественных автомобилей.</p>
    </body>
    </html>

    Далее сохраним созданную web-страницу в файл с именем index.html. При этом в диалоговом окне сохранения файла необходимо задать кодировку UTF-8 и заключить имя файла в кавычки, иначе Блокнот добавит к нему расширение txt, и наш файл получит имя index.htm.txt:

    Теперь осталось открыть созданный файл в браузере и посмотреть на результат. Для этого можно воспользоваться поставляемым в составе Windows браузером Microsoft Internet Explorer, либо любым другим установленным на вашем компьютере браузером, щелкнув два раза мышкой по файлу index.html или перетаскиванием файла на значок браузера. Открываем и видим примерно такой результат:

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

    Что такое тег?

    Научись создавать профессиональные сайты на HTML5 и CSS3

    Теперь поговорим подробнее о структуре страницы. Рассмотрим фрагмент: <h1 align="center">Сайт об автомобилях</h1>. Здесь мы видим текст, который отображается на странице как заголовок, заключенный в теги <h1> и </h1>. Что же такое тег в html языке?

    Тег HTML - это обычные слова и символы, заключенные в угловые скобки, например <h1>, <p>, <body>. Так тег <h1> является открывающим тегом, тег </h1> закрывающим тегом, а текст между ними называется содержимым тега. Также тег <h1> и тег </h1> называются парными тегами. Вместе открывающий тег плюс содержимое плюс закрывающий тег образуют элемент html-документа. Бывают еще элементы состоящие из одного открывающего тега:

    Так парный тег <h1> определяет элемент заголовка первого уровня. Всего существует шесть уровней заголовков, это элементы <h1> — <h6>.

    Элементы бывают блочные и строчные (текстовые). Блочные элементы осуществляют структурное форматирование страницы. Блочные элементы всегда отображаются на странице с новой строки и имеют отступ от соседних элементов. Строчные элементы осуществляют непосредственное форматирование текста или логическое форматирование. Элемент <h1> является блочным элементом.

    Далее идет парный тег <p>. который создает на HTML-странице абзац. Содержимое данного тега станет текстом этого абзаца. Элемент <p> также является блочным элементом и как мы видим он начинается с новой строки и между заголовком <h1> и абзацем есть отступ.

    Внутри абзаца встречается парный тег <strong>. который выводит свое содержимое полужирным шрифтом. Данный тег <strong> вложен внутрь содержимого тега <p>. Это значит, что содержимое тега <strong> будет отображаться как часть абзаца. Такие вложенные теги называются дочерними. а теги в которые вложены другие теги называются родительскими. Таким образом, тег <strong> является дочерним, а тег <p> — родительским. Такая вложенность тегов встречается в HTML сплошь и рядом.

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

    Кстати, элемент <strong> является строчным элементом. И как мы видим никаких переносов строк, ни отступов при отображении этого элемента не осуществляется. И очень важно упомянуть, по правилам языка html строчные элементы не могут иметь вложенных тегов.

    Вы могли заметить, что открывающий тег <h1> кроме названия содержит еще какой-то текст: align="center". Это атрибут тега. который задает его параметры. Каждый атрибут имеет имя, после которого идет знак =, и далее идет его значение взятое в кавычки:

    В наше конкретном случае, атрибут align тега <h1> задает выравнивание текста. Так значение center указывает браузеру, что содержимое тега <h1> необходимо выровнять по центру.

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

    Структура WEB — страницы. Основные html теги.

    Научись создавать профессиональные сайты на HTML5 и CSS3

    Для корректного отображения страницы в браузере, в html-коде обязательно наличие следующих парных тегов: <html>, <head> и <body>.

    Во-первых весь ваш html-код должен быть заключен в теги <html> и </html>. Они сообщают браузеру, что страница содержит html-код.

    Кроме этого в коде страницы должны быть разделы заголовка и тела документа. Раздел заголовка, или его еще называют шапка, состоит из парного тега <head> и его содержимого. В этом разделе помещают сведения о параметрах страницы, не отображаемые на экране и нужные только браузеру. В нашем примере раздел заголовка такой:

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Пример Web-страницы</title>
    </head>

    Тело документа выделяется с помощью тегов <body> и </body>. Сюда помещается весь контент страницы, то что будет отображаться в браузере.

    Подводя итог вышесказанному, любая html-страница имеет следующую структуру:

    <html>
    <head>
    . служебная информация.
    </head>
    <body>
    . содержимое WEB-страницы.
    </body>
    </html>

    Метаданные html страницы

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

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

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

    Следующий метатег <meta> сообщает браузеру кодировку нашего документа. В данном случае мы создали нашу web-страницу в кодировке utf-8. Информацию о кодировке мы передали браузеру с помощью атрибута content тега <meta>. Очень важно задавать кодировку, чтобы браузер корректно отображал содержимое нашей страницы. Если вы заметили, то тег <meta> не имеет закрывающего тега. Это так называемый одиночный тег, или элемент состоящий из одного открывающего тега. Вообще с помощью тега <meta> можно задавать множество параметров важных как для браузера, так и для поисковиков.

    Тип HTML документа (doctype)

    Осталось рассмотреть один тег нашей первой WEB-страницы, который находится в самом начале html-кода: <!doctype html>. Данный тег задает версию языка HTML, на котором написана страница, и его версию. Он необходим, чтобы браузер понимал согласно какому стандарту отображать веб-страницу. Метатегов <doctype> существует несколько видов. и они различаются в зависимости от версии языка, на котором написан html-код. Так, наш тег <!doctype html> указывает на версию языка HTML5.

    Итак, подведем итоги:

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

    2. HTML — это язык. который используется для создания web-страниц. HTML — это аббревиатура HyperText Markup Language (язык гипертекстовой разметки).

    3. WEB-страницы состоят из html-тегов и их содержимого. Теги состоят из символов <, > и имени внутри них. Имена тегов можно писать как прописными(большими), так и строчными(маленькими) буквами. Между символами <, >, / и именами тегов, а также внутри имен тегов не допускаются пробелы и переносы строк. Теги бывают парные и одиночные. а также теги могут быть вложенными друг в друга.

    4. Открывающий тег + содержимое + закрывающий тег образуют элемент. Бывают также элементы состоящие из одного открывающего тега. В HTML есть блочные элементы и строчные. Блочные элементы всегда выводятся с новой строки и имеют отступ сверху и снизу от соседних элементов. Строчные элементы осуществляют логическое форматирование текста.

    5. Открывающие HTML-теги могут содержать атрибуты. которые помещаются между именем тега и символом > и отделяются от имени тега пробелом. Если в теге несколько атрибутов, то они отделяются друг от друга пробелами. Атрибуты бывают обязательные и необязательные.

    6. Любая WEB-страница должна содержать в себе две секции: секция заголовков <head> и секция тела <body>. Эти секции должны находиться внутри тега <html>. Это основные теги html, без которых не обходится ни одна html-страница.

    7. Вначале HTML-кода должен идти метатег <doctype>. указывающий версию языка .

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

    Для того, чтобы придать вашим страницам красочности и привлекательности вам понадобиться заняться более сложным вопросом — изучением CSS. Поэтому читайте остальные мои статьи из рубрик HTML и CSS и подписывайтесь на обновления моего блога .

    На этом у меня все. До встречи в следующих постах!