Соединяем html-страницы между собой
Итак, у нас есть три html-страницы, которые нужно связать между собой. В HTML для этого используются теги . Все, что вы поместите внутрь этих тегов (текст или картинку) станет ссылкой. Это значит, что после нажатия на то, что вы указали в тегах произойдет переход. Куда? На страницу, которая указана в атрибуте href.
Рассмотрим наш блок меню:
Поменяйте код на вышеприведенный во всех трех html-страницах. Посмотрите на них в браузере, пощелкайте по ссылкам и убедитесь, что они стали белыми и в адресной строке с каждым переходом меняется адрес html-страницы.
Здесь следует подробнее остановиться на способах задания адреса html-страницы в атрибуте href. Все наши страницы находятся в одной папке, т.е. имеют один уровень. Поэтому мы просто указали имя html-страницы.
Если же html-страница будет находиться в другой папке, то необходимо будет указать путь к ней от данной html-страницы. Например, если в нашей папке site лежат страницы index.html и pattern.html, а страницу kontact.html мы поместили бы в папку kon, то указывая путь со страницы index.html на страницу kontact.html, мы написали бы следующее: (все папки указываются через / ).
Если вы захотите сделать ссылку на html-страницу, которая не лежит на вашем сайте, то придется указать ее абсолютный адрес, например,
Нам осталось на разных html-страницах разместить разный контент.
Пусть на нашей главной странице будут размещены фотографии шаблонов с их краткими характеристиками, на странице pattern. html — будут просто фотографии шаблонов, а на странице kontact.html — адрес нашей электронной почты.
Начнем со страницы index.html. Откройте ее в блокноте.
Найдите в коде страницы ту часть кода, которая отвечает за контент. Сейчас там написано следующее:
| Здесь фото | Здесь описание |
| Здесь фото | Здесь описание |
 | Перед вами уникальный трёх-колоночный шаблон на бизнес тематику выполненный в строгом и продуманном стиле в слиянии белого и серого цветов. В правой части страницы располагается удобное двух-колоночное главное меню. В данной теме имеется возможность размещения видео роликов и рекламы 120х600pix. |
 | Для вас представлена трёх-колоночная тема, выполненная в слиянии чёрной и жёлтой гаммы цветов, дизайн шаблона, выполненный в спокойных и неярких цветах не раздражает глаз. В правой части блога вы увидите двух-колоночное главное меню, в теме также присутствует календарь. |
Страница index.html готова. Займемся страницей pattern.html. На ней мы решили просто разместить фотографии шаблонов.
Откройте ее в блокноте и вместо слов «Здесь — контент» вставьте заголовок, картинки и какой-нибудь текст, а чтобы все расположилось по центру в тег добавьте атрибут align=»center»
Шаблоны
Здесь собраны все шаблоны сайтов.
обозначают абзац (т.е. текст отделенный от остальных элементов отступами сверху и снизу).
Наконец, на странице kontact.html укажем наш e-mail. Сделаем это двумя равноправными способами:
Наши контакты
Пишите нам по адресу: admin@mysite.ru
Пишите нам по адресу: admin@mysite.ru
Вот собственно и все. Пощелкайте по ссылкам и убедитесь, что все работает. Аналогичным образом вы можете сделать сколько угодно html-страниц и наполнить их разнообразным контентом. Рабочий пример можно посмотреть здесь.
Наверно, у вас возникло два вопроса:
1. Откуда брать картинки для сайта (все эти шапки и меню)?
Для этого ознакомьтесь с разделами графика для web, и уроки Photoshop
Поэкспериментируйте с тегами и их атрибутами, которые вы узнали из этих уроков. Конечно, это лишь основы HTML, но для начала этого достаточно.
Далее, включайте на свои страницы и другие теги (их полный перечень с описанием и примерами приведен в разделе Уроки html). Экспериментируйте, пока не освоитесь в мире HTML. Затем подключайте другие технологии — CSS, Java script, PHP и т.д.
На этом четвертый урок закончен. В следующем уроке вы научитесь размещать свой сайт в интернете.
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Источник
Как правильно соединить страницы?
Все начинающие вебмастера кучами сначала создают страницы и даже не думают их соединить между собой. А потом только вспоминают, что их еще нужно правильно соединить. Как говорится, поднять то подняли, а разбудить забыли. Многие, конечно же, не знают, как правильно использовать ссылки для перехода на другую страницу. А так же они не в курсе того, что страницы бывают разных уровней.
Давайте разберемся со всеми этими непонятками.
Сначала разберем последовательность страниц. Как правило, все начинается с главной страницы. А потом идут разделы главной страницы, а потом все остальные. Получается у нас вот что:
Вперед: главная —раздел—страница.
Назад: страница—раздел—главная.
Где: главная-1 уровень(морда), раздел-2 уровень, страница-3 уровень.
1 уровень – это тяжелые страницы, а чем тяжелее страница, тем больше у него вес.
2 уровень – это страницы со средним весом.
3 уровень – это страницы с легким весом, следовательно, у них веса меньше, чем у главной страницы и его раздела.
Чем дальше страница находиться от главной, тем меньше статистический вес страницы. Поэтому, старайтесь, чтоб все страницы находились на расстоянии не больше трех кликов от главной.
Вот такую последовательность страниц нужно учесть и соблюдать при сайтостроении.
С этим вопросом разобрались, осталось их соединить ссылками между собой.
Как же нам соединить их ссылками, спросите. Все просто.
Допустим, что URL вашей главной страницы http://www.glavnaya.html , а раздел главной страницы http://www.glavnaya/razdel/index.html , следовательно, страница третьего уровня будет http://www.glavnaya/razdel/stranica/index.html
Чтобы соединить их между собой используем тег описание ссылки
Теперь соединим главную страницу с разделом.
Пишем в тексте главной страницы тег http://www.glavnaya/razdel/index.html»>На раздел , вот и все, мы соединили главную страницу с разделом, то есть нажав на ссылку «На раздел», вы перейдете на раздел главной страницы.
Обратно со страницы на главную.
Со страницы на главную переходим, написав в тексте страницы:
Источник
7 методов переплёта в домашних условиях
Привет, хабралюди!
Прочитал на Хабре про сшивку книги и понял — не одному мне интересна тема. Душа встрепенулась: предложенный метод классической прошивки даёт качественную книжку, но затраты сил и времени, вложенные в этот трудовой подвиг, осилит не всякий. Плюс нужна немалая сноровка — никто не сможет сделать более-менее качественную книгу с первого раза. Чего стоит один только срез блока — вы и вправду думаете, что хоть раз в жизни сможете сделать это ровно для блока от 200 листов с помощью канцелярского ножа? А если хочется делать не единственную книгу в год, а хотя бы 2-3 в неделю? Нам бы методы попроще, и желательно не менее эффективные. Делюсь!
Метод 1
При объеме до 40 листов (а это уже 80 страниц!) сшиваем простым поворотным степлером посередине листов, делая обычную тетрадку (типа ученической). Для этого покупаем поворотный степлер, рассчитанный на скобу большой глубины. Его рабочая часть способна поворачиваться на 90 градусов, а скоба большой глубины (не ширины, а именно глубины) способна легко пробить до 40 листов. За несколько секунд имеем аккуратно сшитую книжку.
Метод 2 (практически без ограничения объёма книги)
Распечатываем книгу на бумаге формата А4 или меньше. Берём канцелярский дырокол, и отбирая из стопки по 20-25 листов, делаем в них отверстия. Здесь очень важно, чтобы дырочки находились на всех листах на одинаковом расстоянии, как от края листа, так и сверху-снизу. Для этого нужно иметь дырокол со встроенной линейкой выравнивания. Стоит такой дырокол ровно столько, сколько и без линейки, но позволит вашей будущей книге выглядеть довольно аккуратно. Полученные таким образом листы с отверстиями мы просто вставляем в заранее приобретённую папку-скоросшиватель. Всё разнообразие таких папок сводится к таким видам: скоросшиватели на ползунках, на верёвках, на скобах. Мы выбираем папку на скобах, обращая внимание на следующее:
:: Размер скобы должен быть чуть больше, чем вам требуется для вставки всех листов. Листы не должны вмещаться впритык! После вставки страницы должны свободно переворачиваться.
:: Скобы должны разъединяться как можно туже.
:: Когда скобы соединены, между ними не должно быть малейшего зазора, иначе лист не выпадет, но будет цепляться при переворачивании, что очень раздражает.
:: Желательно, чтоб скобы разъединялись руками — на разрыв, или с помощью язычков внизу и вверху папки. Не покупайте папку, где скобы разводятся громоздким механизмом — будет не удобно пользоваться, пропадёт ощущение «книги».
:: Обложку папки желательно выбрать мягкую. Её размер должен быть больше, чем помещаемые туда листы. Лучшая обложка — из пластика.
Просто вставьте листы в такую папку — и книга готова. И не нужно думать, что это примитив: я встречал такие книги, выпущенные зарубежными издательствами (правда, скобы там неразъёмные). Сначала думал, что надо мной просто смеются. Ан нет — забугорские обитатели воспринимают такие «книги» как книги. Ну, для них и МакДональдс — ресторан.
Метод 3
Покупаете тетрадку для записей подходящего размера и объема (они бывают вплоть до 200 листов, это 400 страниц), на пластиковой или на металлической пружине, обязательно с чистыми листами (никакого «в клетку» или «в полоску»). Аккуратно снимаете пружину (без каких бы то ни было инструментов). Печатаете на полученных листах книгу. Вставляете назад. Очень аккуратно обжимаете пружину пальцами, равномерно надавливая на каждый «зубец». Не пережмите и не помните зубцы (иначе у книги будет неопрятный вид), листы и так не выпадут. Книжка приличного качества готова.
Метод 4
Распечатываем книгу. С помощью канцелярского дырокола, как в методе №2, делаем отверстия. Но теперь делаем ряд из 4 отверстий — 2 повыше, 3 пониже. Не забываем таким же образом подготовить нижнюю и верхнюю обложку. В хозяйственном магазине покупаем устройство для посадки заклёпок или люрексов. Через полученные отверстия с помощью заклёпок или люрексов соединяем страницы и обложки. Если обложки из картона или полукартона — нужно с помощью линейки обжать обложку по линии раскрытия до первого раскрытия книги. Если обложка из пластика — нужно по линии раскрытия гвоздём сцарапать половину глубины пластика — по этой линии она и будет открываться (с первого раза сделать аккуратную бороздку может не получиться). Разумеется, такая книга не будет раскрываться «до самого корешка» — это нужно учитывать при распечатке содержимого. Получается очень удобная и красивая книга. При определённой сноровке можно сделать обложку из единого куска материала — тогда снаружи не будет виден «корешок».
Метод 5
Покупаем машинку для переплёта на пластиковую пружину (такая «пружина» мало похожа на пружину). Стоит машинка от 30$, и пользоваться ею не сложнее, чем тостером. С помощью пластиковых пружин можно сшить до 500 листов. Бывают аналогичные машинки для сшивания на металлическую пружину, но они и пружины для них стоят дороже, и сошьют вам не более 130 листов. Полученными книжками очень удобно пользоваться. Правильное название таких машинок «Биндер для переплёта на пластиковую (металлическую ) пружину». При покупке обратите внимание на следующее: корпус и ручки должны быть металлические; ножи должны отключаться по отдельности — чем больше, тем лучше; должна быть регулировка отступа от края; выбирайте машинку, рассчитанную на максимально количество прошиваемых страниц, и на максимум одновременно перфорируемых страниц — здесь не экономьте; все ножи должны двигаться синхронно и без малейшего зацепа; остальное, включая фирму-производителя — не имеет особого значения для индивидуального пользователя.
Метод 6
Будем делать настоящие книги. «Настоящие» бывают двух видов: сшитые и склеенные. Сшитые — это самые качественные, но и самые сложные в изготовлении, а значит — не в теме этой статьи. Склеенные — наиболее распространённые, загляните на свою книжную полку: если страницы книги в области корешка, под обложкой, соединены полумиллиметровым слоем затвердевшего клея — это именно она. Вот такие книги, причём профессионального качества, и без проблем мы и будем делать дома. Для этого понадобится купить машинку для термопереплёта за 50$ и термоклей. Машинка растапливает изначально твёрдый термоклей. После распечатки и обрезки, блок листов вставляется внутренней стороной в машинку, и обжимается нею. На готовый блок книги вручную клеится обложка. Вот и всё. Этим методом можно сшивать до 700 листов (в зависимости от толщины бумаги).
Метод 7
Переплет металлическим каналом (металбинд) обещает высокое качество, мгновенность и дешевизну переплёта толщиной до 300-600 листов А4 80г/кв.м в домашних условиях. Аппарат ценой около 200$ сжимает блок металлической скобой вдоль всего блока. По отзывам — очень надёжно. Интересная особенность — скобу можно разжать, и использовать повторно, до 10-20 раз.
Примечание:
Все эти методы (кроме металбинда) я опробовал сам. Имею массу сшитых таким образом книг. Это просто, быстро, и действительно доступно каждому. Удачи!
Источник
Как скрепить много отдельных листов
Наконец-то жаркая погода загнала меня домой и выдалось немного времени на написание следующего топика.
В первой своей статье я рассказал, как из довольно подручных материалов можно сделать книгу. Ту книжку я сейчас и читаю (кстати, неровности на форзаце почти полностью разгладились, когда клей высох совсем).
В комментариях встречались вопросы в стиле «как забучить отдельные листы?» Об этом я расскажу сегодня.
Конечно, результат будет совсем не похож на книжку. К сожалению, у меня под рукой не было достойного материала, который можно было бы вставить в мягкий переплёт. Но кому-то может оказаться полезным тем не менее.
Сначала традиционно пару слов о волокнах.
Волокна в офисной бумаге располагаются так, как показано на фото. Почему это хорошо? Это хорошо потому, что если у нас есть куча листов, то когда мы их сошьём, наша «книжка» будет хорошо открываться и листаться, ведь волокна бумаги будут располагаться вдоль корешка.
Следует отметить, что OpenOffice Writer имеет одну очень интересную функцию (я был бы очень благодарен, если бы кто-нибудь в комментариях написал, есть ли подобное в MS Word). Он умеет выставлять поля зеркально. На картинке будет яснее:
Таким образом, мы можем выставить внутренние поля чуть больше внешних, ведь они нам будут нужны для сшивания.
Нам понадобятся:
1. Сами листы (я взял заготовку от моего старого учебного запороть-не-страшно сшитого блока).
2. Лобзик. Можно взять ножовку с тонким полотном. Но лобзик даёт ещё более тонкий и аккуратный пропил. Однако, толстый блок им будет трудновато пилить.
3. Знакомый вам по первой статье зажим «две-деревяшки-с-дырками-скреплённый-двумя-болтами-с-барашковыми-гайками».
И, пожалуй, без зажима тут никак не обойтись. Благо все его составные части стоят копейки.
Аккуратно собираем нашу стопку листов и зажимаем между деревяшками. Стопка должна выступать на 5–6 мм.
Берём в руки лобзик и пилим. Нам нужно сделать парные пропилы в виде разделённой буквы «V». В данном случае в моей стопке около 60 листов и я делаю пропилы на глубину 3–4 мм. Если стопка больше, то пилим чуть глубже — на 4–5 мм (на забудьте задать внутренние поля чуть побольше!). На длинную сторону листа формата А4 будет достаточно 6 парных пропилов.
Теперь у нас есть стопка листов с пропилами. Берём капроновую нить — она тонкая и прочная. Используя пропилы как клинья, связываем листы в один блок.
И чуть покрупнее.
Промазываем торец клеем, следим, чтобы клей попал в пропилы. Зажимаем блок между деревяшками (не забудьте проложить чистые листы, чтобы блок не приклеился к прессу). Ждём пока высохнет. При необходимости обрезаем края так, как это описано по ссылке выше.
Получается такой разворот.
Всё, уже можно читать.
Как сделать переплёт для такой книжки, замечательно рассказано тут.
Если это слишком сложно, то берём лист ватмана. В знакомой типографии просим сделать биговку (продавливание канавки) по измерениям из статьи и приклеиваем обложку из ватмана.
Максимальное количество листов, которые я сшивал таким способом — около 130. Блок легко раскрывается и довольно крепкий. Конечно, если такой блок целенаправленно разрушать, то он разрушится. Но просто читать очень комфортно. Про большее количество листов говорить не буду — боюсь соврать.
Хороших вам книжек, качественных pdf’ов и приятного чтения!
Источник
