Совет 1: Как в html вставить страницу

Как правило, человек, самостоятельно создающий сайт, разбирается хотя бы в азах языка HTML. Но иногда возникает ситуация, когда у неподготовленного пользователя возникает необходимость администрировать созданный кем-то сайт. В этом случае необходимость добавить на ресурс новые страницы или изменить уже существующие может стать серьезной проблемой.
Вам понадобится
  • Редактор html-кода.
Инструкция
1
Сначала убедитесь в том, что у вас есть доступ к файлам страниц через панель управления сайтом. Вы должны иметь возможность редактировать страницы, удалять их и добавлять.
2
Чтобы не создавать новую страницу с нуля, возьмите за основу уже существующую, максимально близкую к ней по оформлению. Скопируйте страницу на компьютер, затем откройте ее в редакторе html-кода. Одним из самых простых и удобных редакторов является Cute HTML, его можно бесплатно скачать в интернете.
3
Для сложных страниц лучше воспользоваться визуальным конструктором сайтов Adobe Dreamweaver. Он имеет два режима работы: в одном вы видите код страницы, его можно редактировать. Во втором, удобном для новичков, вы увидите страницу так же, как в браузере, но будете иметь возможность менять ее элементы. То есть сможете вставить или удалить текст, колонки, рисунки и т.д. и т.п. Все это выполняется простыми действиями – выделением, перетаскиванием мышкой.
4
Несмотря на то, что Dreamweaver позволяет компоновать страницу в визуальном режиме, вам понадобится знание основ языка HTML. Скачайте любой учебник HTML или посмотрите в интернете обучающие материалы. Знание того, за что отвечают те или иные элементы кода, поможет вам при возникновении проблем с правильным отображением страницы.
5
Создавая новую страницу, возьмите прежнюю систему навигации за основу, но измените параметры ссылок нужным образом. Не забудьте о том, что на новую страницу должны вести ссылки с других страниц сайта (хотя бы с одной), поэтому их тоже будет необходимо доработать. Как правило, такая доработка осуществляется очень просто, вам будет нужно вписать в меню новую строчку с указанием адреса добавленной страницы. Просто найдите в html-коде нужный список и по образцу уже имеющихся в нем строк добавьте еще одну.
6
После того, как страница будет готова, сохраните ее под нужным названием. Затем войдите в панель управления сайтом и закачайте новую страницу. Если вы размещали на странице изображения, их тоже необходимо закачать. Помните, что для корректного показа рисунков к ним надо правильно прописать пути. Поищите в сети информацию про относительные и абсолютные пути, это поможет вам в работе со ссылками.
7
Зайдите на сайт и проверьте работоспособность добавленных страниц. Обязательно проверьте, как работают пункты меню, переходы по ссылкам и т.д. Если все исправно функционирует, то вы справились с задачей.

Совет 2: Как вставить страницу в страницу

Один из способов вставить страницу в страницу - использовать предоставляемую языком HTML (HyperText Markup Language - «язык разметки гипертекста») возможность разбивать страницу на отдельные окна. Такие окна называют «фреймами» и их может быть несколько в одной странице. Каждый фрейм, в свою очередь, может сам содержать набор фреймов и в каждый из них могут загружаться страницы из разных источников.
Вам понадобится
  • Текстовый редактор Блокнот
Инструкция
1
Чтобы построить такой набор страниц в странице начать следует с создания контейнера для фреймов. Инструкция браузеру создать такой контейнер на языке HTML выглядит так:<frameset>
...
</frameset>Такие инструкции называют «тегами». Это - открывающий и закрывающий теги контейнера, между которыми следует помещать теги для формирования фреймов. Теги содержат различную дополнительную информацию, которую называют «атрибутами» тегов. В открывающем теге надо указать - как именно следует поделить пространство страницы между фреймами:<frameset cols="50%,50%">
...
</frameset>Здесь атрибут "cols" указывает, что страницу из двух фреймов надо разделить по вертикали, выделив каждому по 50% ширины окна. Чтобы разделить страницу по горизонтали, используется другой атрибут - "rows":<frameset rows="40%,60%">
...
</frameset>Это же можно записать таким способом:<frameset cols="40%,*">
...
</frameset>Здесь звездочка (*) указывает, что все оставшееся пространство должно быть отдано второму фрейму.Можно указывать значения не в процентах, а в «пикселах» - это основная единица измерения, используемая при разметке страниц:<frameset rows="500,700">
...
</frameset>
2
С контейнером мы разобрались, теперь надо вписывать в него сами фреймы. HTML-тег фрейма в самом простом виде выглядит так:<frame src="http://www.site.ru/pageA.html" />Здесь атрибут "src" указывает интернет-адрес страницы, которая должна быть загружена в этот фрейм. Если страница лежит на этом же сервере и в этой же папке (или вложенной в нее), то указывать полный адрес не обязательно, достаточно имени файла и пути к вложенной папке. Такие адреса называются «относительными», а полные - «абсолютными». Этот же тег с относительным адресом страницы для загрузки:<frame src="pageA.html" />--С помощью атрибута "scrolling" можно задать правила для полос прокрутки этого фрейма:<frame src="pageA.html" scrolling="yes" />Значение "yes" означает, что полосы прокрутки у этого фрейма будут всегда. Если вставить значение "no" - их не будет никогда, а значение "auto" определяет, что полосы прокрутки будут появляться по мере необходимости, если содержимое фрейма не вмещается в его границы.--По умолчанию границы фреймов в странице можно перемещать мышкой. Но если задать тегу атрибут noresize, то такая возможность будет отключена:<frame src="pageA.html" noresize="noresize" />--У тега frame есть два атрибута, которые задают поля между соседними фреймам - marginwidth указывает размер отступа от соседнего поля по горизонтали (слева и справа), marginheight - по вертикали (снизу и сверху):<frame src="pageA.html" marginheight="50" marginwidth="50" />--Еще один атрибут - name - дает собственное имя фрейму. Это может понадобиться, если фреймы содержат какие либо скрипты, которые должны что-то делать в соседних фреймах и различать их по именам:<frame src="pageA.html" name="frameA" />
3
Этой теоретической подготовки вполне достаточно для создания простой страницы, содержащей, например, две страницы других сайтов. Вам будет достаточно простого текстового редактора - стандартный блокнот вполне подойдет. Создайте новый документ и впишите в него такой html-код:<html>
<frameset rows="*,*">
<frame src="http://www.kakprosto.ru" />
<frame src="http://www.sapato.ru" />
</frameset>
</html>Теперь сохраните документ с расширением html - например, test.html. После этого двойной щелчок по файлу test.html будет запускать браузер, а тот будет исполнять инструкции, которые вы ему написали в html-коде. Результат должен выглядеть так:
Две страницы в странице
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500