A5.ru: конструктор сайтов

A5.ru: создать собственный сайт без лишних затрат и усилий!

Создание web страниц в OpenOffice.org –  для начала работы, запустим компонент текстового процессора Writer, из бесплатного пакета OpenOffice.org.

После того, как окно программы Writer откроется, переведём его в режим создания web страниц. Для этого, кликаем в меню:  “Файл” - “Создать”  -  “Документ HTML”.

Теперь, давайте нашу web страницу сохраним.

Для сохранения Web страницы,  левой кнопкой мышки, жмём меню  “Файл”  - “Сохранить как”.  

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

Следующим шагом, зададим фон для нашей web страницы. Фон страницы можно задать следующим образом - выбираем в меню программы Writer:  “Формат” – “Страница” – “Фон”.

Создание web страниц в OpenOffice.org –  продолжаем создавать web страницу редактором Writer из бесплатного пакета OpenOffice.org.

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

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

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

Как добавить страницу на сайт – продолжаем работать над сайтом в компоненте Writer бесплатного пакета OpenOffice. 

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

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

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

Для простоты давайте создадим сайт, состоящий из двух страниц.

Первым шагом, добавим меню на уже существующую страницу нашего сайта.

Теперь давайте вспомним, для того чтобы разделить таблицу шапки сайта и таблицу для контента, (смотри статью - Создание web страниц в OpenOffice.org Часть 2) мы с Вами, между этими таблицами, вставили ещё одну таблицу - разделительную.

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

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

Всё очень просто, именно на сервисе narod.yandex.ru  мы можем относительно свободно выкладывать тестовые сайты. Именно этот сервис достаточно лояльно относится к тестовым, пробным сайтам и  личным страницам начинающих веб-мастеров.

Если у Вас есть почта на Яндексе, но нет на этом аккаунте сайта, то Вы можете протестировать созданный нами двух страничный сайт на существующем аккаунте.

Но если Вы создали сайт по определённой теме, (тематический сайт), то лучше будет, если Вы для Вашего нового тематического сайта, подберёте новое доменное имя, в соответствии с темой сайта.

Ну а если у Вас аккаунта на сервисе narod.yandex.ru нет, тогда,  чтобы выложить сайт в Интернет, Вам нужно будет завести аккаунт на Народе или зарегистрироваться  на другом сервисе, который предоставляет хостинг.

Хостинг php mysql бесплатно  –  мы знаем, что для того, чтобы опубликовать сайт в Интернет, файлы сайта необходимо выложить в сеть и обеспечить к ним постоянный доступ. Этот вид услуг называется хостингом.

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

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

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

Хостинг php mysql бесплатно  в Интернет широко представлен многими компаниями, чтобы найти некоторые из сервисов, предоставляющие хостинг php mysql бесплатно, давайте воспользуемся поисковой системой, например google.ru и добавим в стоку запроса фразу: бесплатный хостинг.

HTML отступ текстаHTML отступ текста – в процессе создания сайта, нам много приходится работать с текстовыми блоками, или текстовыми фразами. Однажды, мне нужно было добавить текстовую фразу, таким образом, чтобы перед этой текстовой фразой был некоторый  отступ текста от края html  блока, в который данный текст добавлялся.

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

Итак, html отступ текста, способ первый - самый, естественный и простой. Чтобы сделать отступ перед текстом,  добавим перед текстом html код пробела -   Добавить html код пробела  можно в любом html редакторе.

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

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

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

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

Эффект увеличения картинки при наведении, который был рассмотрен в прошлой статье, был реализован с  использованием библиотеки jQuery - jquery.min.js,  и ещё для того, чтобы задействовать библиотеку, в html код страницы был добавлен код Java скрипта, который обрабатывает событие – наведение курсора на картинку.  

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

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

В данной статье мы рассмотрим некоторые способы управления элементами текста с помощью CSS интервалов.

При добавлении текста на html страницу сайта мы используем блочные теги, как правило, это  DIV или P блоки.

Как правило, нас вполне устраивают настройки вывода текстового контента на страницы наших сайтов, с помощью DIV и P блоков  заданных в таблице стилей по умолчанию.

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

Вот в этом случае нам поможет использование свойств CSS интервалов.

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

В сети Интернет можно встретить рекламные площадки, в которых можно дать рекламу сайта, используя только свой баннер.

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

Что касается самого баннера, то он может быть разных размеров, кроме этого, баннер может быть статический или анимационный,  самые распространенные форматы баннеров – jpeg, gif, flash.

Существует множество программ и on-line сервисов, с помощью которых можно сделать баннер. В этом легко убедиться, если набрать в строке поиска любой поисковой системы, например  yandex.ru или google.ru, фразу типа: “Как сделать баннер для сайта”.  Вы наверняка найдете множество информации на эту тему.

В этой статье и видео,  я рассматриваю один из способов создания баннера с помощью бесплатной программы  Falco GIF Animator.


 

Как создать сайт без знания HTML

Как создать сайт без знания HTML

Как создать сайт на WordPress

Как создать сайт на WordPress

CSS для начинающих

CSS для начинающих

Скачать без регистрации

 
x