X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Главная страница и остальные страницы
Alto
Alto
Topic Starter сообщение 27.2.2012, 17:08; Ответить: Alto
Сообщение #1


Привет всем. Я нуб в деле сайтостроения но главную страницу довольно симпатичную на мой взгляд я сделал. Конечно может в плане порядка в html файле там "винегрет" но он работает)
Но столкнулся в конце своей работы с тем что я не знаю как делаются остальные страницы для сайта.. (
Подскажите как по правилам мне сделать вторую страницу сайта в которой будет всё тоже самое что и на первой кроме текста который в центре всех страниц ?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 27.2.2012, 17:30; Ответить: MetSerp
Сообщение #2


в самом элементарном варианте нужно будет слегка потрогать php.
1 Выносите повторяющееся содержимое в отдельные файлы, например header.inc , footer.inc, menu.inc итп.
2 затем в остальных страницах не копируете куски повторяющегося кода а пишите так:
например файл header.inc у нас имеет все от тега <html> до тега <body>, в файле menu.inc содержится периодически изменяемое меню вида
<ul>
<li>1 punkt</li>
<li>2 punkt</li>
</ul>

в файле footer.inc находится одинаковый для всех страниц подвал со всякими копирайтами и </body></html>
Тогда ваши странички будут выглядить примерно так
[PHP]<?php require_once 'путькфайлу/header.inc' ?>
//тут ваша разметка страницы например такая:
<div id="menu"><?php require_once 'путькфайлу/menu.inc</div>
<div id="content">тут изменяющийся контент</div>
<?php require_once 'путькфайлу/footer.inc' ?>[/PHP]
require_once возьмет содержимое файла и вставит в то место где стоит сама
в итоге любое изменение например в файле menu.inc будет тут же видно по всему сайту.
Но в целом этот пример подходит для очень маленьких сайтов и для учебы, на крупном проекте такой малой кровью обойтись не получится, там читайте про шаблонизаторы и прочие прелести.
Если жадничаете 15 баксов на хостинг с php то можно сделать и на ява скрипте, но это вариант для мазохистов ( все одинаковое выносится в ява скрипт и затем он подключается ко всем страницам и выстраивает общие элементы после построения докумнта) потому рассматривать его я не буду :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alto
Alto
Topic Starter сообщение 27.2.2012, 20:15; Ответить: Alto
Сообщение #3


Вроде подробно объяснили но я не понял =)
Еслиб урок написал кто то подробный на примере какого нибудь простого сайта например с меню слева и текстом справа и как сделать так чтобы меню слева оставалось а текст справа менялся при переходе по ссылкам

Потому что реально никто нигде никогда об этом не сделал урок и в множестве уроков не рассказал =) Как главную слелать рассказано а остальные нет =)
В Dreamweaver ведь должно быть проще это сделать ?

Просто у меня html привязан к css а css к reset и text и в них прописаны всякие правила
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alto
Alto
Topic Starter сообщение 27.2.2012, 23:02; Ответить: Alto
Сообщение #4


Покажите на примере как сделать вот так - [IMG]http://s017.radikal.ru/i421/1202/1f/8e370906815b.jpg[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 28.2.2012, 11:34; Ответить: Bugnet
Сообщение #5


Повторите весь код первой страницы на второй за исключением "квадратика" и затем вставьте туда второй "квадратик"- это простой варриант. Есть сложнее - изучите HTML, CSS, PHP. Именно PHP отвечает за составные, из отдельных участков кода, страницы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 28.2.2012, 16:23; Ответить: MetSerp
Сообщение #6


(Alto @ 28.2.2012, 02:02) *
Покажите на примере как сделать вот так -

именно это я в своем посте и описал ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alto
Alto
Topic Starter сообщение 28.2.2012, 18:36; Ответить: Alto
Сообщение #7


Блин, ну я не понял.. ( Есть какая нибудь книга где в картинках показано ?
Чтоб изучить html, css и php уйдет очень много времени и конечно я допру со временем как это делается, может даже сам придумаю свою технологию. Но у меня не много времени
Я понял что можно просто копировать страницы и в каждой из них что то менять. Но чтоб менять только один блок с текстом чтоб просто было проще и быстрее его редактировать я хочу познать для этого как это можно делать
Как в Joomla еслиб можно было бы.. Ещёб познать как сайт на joomlу пересадить...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 29.2.2012, 18:45; Ответить: Bugnet
Сообщение #8


Изучите хотя бы HTML!
На пальцах объясню, надеюсь поймёте. Но для этого нужен сервер с поддержкой PHP если у Вас такой, то читайте далее:
Пусть у вас есть Главная страничка index.php и код у неё условно такой:
<html>
<body>
[1.код заголовка]
[2.код меню]
[3.код контента]
[4.код футера (подвала)]
</body>
</html>

Создаём четыре странички - heаder.php , menu.php, content.php, footer.php
Вырезаем из кода главной странички участки кода сответствующие своему блоку и без всякого дополнительного обрамления помещаем во вновь созданные страницы- каждый в свой файл [1.код заголовка] - в heаder.php,[2.код меню] - в menu.php и.т.д.
Затем для каждой страницы пишите одинаковый код
<html>
<body>
<?php INCLUDE (header.php); ?>
<?php INCLUDE (menu.php); ?>
<?php INCLUDE (content(1,2,3....).php); ?>
<?php INCLUDE (footer.php); ?>
</body>
</html>

С той лишь разницей, что для каждой страницы будет свой content...php файл.

На Joomla Вашу страничку не перенести там особые шаблоны.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alto
Alto
Topic Starter сообщение 1.3.2012, 17:13; Ответить: Alto
Сообщение #9


Спасибо разобрался =)
А как выровнять текст по правому краю и отодвинуть его влево ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
Bugnet
сообщение 1.3.2012, 17:31; Ответить: Bugnet
Сообщение #10


Уж не знаю используете ли Вы лист стилей, исходя из Вашего, Alto, первого поста предполагаю, что нет. Значит зададим стиль в коде самой страницы. Для этого весь Ваш контент помещаете в блок <div>....</div>
<div style="text-align: right;margin-right:20px">
[3.код контента]
</div>

Лучше конечно текст растянуть от края до края text-align: justify;.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2916 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1297 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
4 Lacomka 3413 21.2.2022, 8:43
автор: АлексейWEB
Открытая тема (нет новых ответов) Верстка и внедрение на сайт макета главной страницы
Требуется: с Figma на Laravel
2 ARsHi 1673 27.3.2021, 0:57
автор: Ogaelath
Открытая тема (нет новых ответов) Кто возьмется за продвижение сайта со второй страницы на первую в Гугле
и за сколько?
9 Mukanov 2275 24.8.2020, 3:34
автор: adamsadriane


 



RSS Текстовая версия Сейчас: 25.4.2024, 8:09
Дизайн