ЭНЦИКЛОПЕДИЯ СОВРЕМЕННОГО САЙТОСТРОЕНИЯ

Лучшее 2-ая страница

Тема в разделе "Пошаговые инструкции: делаем другие страницы", создана пользователем Мефистофель, 8 фев 2016.

  1. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Репутация:
    +106 / 0 / -0
    После того, как создана главная страница, можно начинать заниматься наполнением сайта. Поскольку в нашем примере MADMARK вся основная информация расположена на посадочной странице, статьям и полноценным описаниям раздела на ней места нет.

    Чтобы сохранить общую стилистику, дизайн и все остальное, информационную страницу сайта можно сделать очень просто. Открываем код, ищем тот блок, с которого пойдет перенаправление на информационную страницу. Смотрим:

    upload_2016-2-8_15-51-10.png

    Нам нужно перейти на другую страницу, где будет полное описание темы блока сайта "Тотальный маркетинг".

    Открываем код и выбираем только то, что намнужно на этой странице. А это по сути сам блок "тотальный маркетинг" и меню. Больше нам тут ничего не нужно.

    Это информационный блок. Вставляем его в новый документ @HTML и присваиваем кнопке "Наши методы" ссылку на вновь созданную страницу.

    А в новой странице, которую мы создали на основе индекса, просто редактируем блок, вписывая туда нужную информацию.
    Все, проблем никаких) У нас сайт стал вдвое больше. Теперь не одна страница, а две)
    HTML:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
     
  2. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    757
    Рейтинг:
    143
    Репутация:
    +137 / 0 / -0
    Немного дополню. Просто вставить скопированный блок в новый файл не достаточно. Необходимо дописать тип документа, задать HTML, задать BODY, HEAD и указать TITLE, плюс, по желанию вписать метатеги.

    Вот так будет совсем правильно. В новый файл, например в page2.html добавляем:

    HTML:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
     
    Последнее редактирование: 8 фев 2016
    • Мне нравится [+] Мне нравится [+] x 1
  3. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Репутация:
    +106 / 0 / -0
    Да, конечно. Думаю стоит упомянуть, что если все будущие страницы планируется создавать в одной стилистике и если все они будут с расширением html, то эту часть кода просто нужно использовать на каждой:

    Код:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
     
    Последнее редактирование модератором: 8 фев 2016
    • Поддерживаю [+] Поддерживаю [+] x 1
  4. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    757
    Рейтинг:
    143
    Репутация:
    +137 / 0 / -0
    Да, и еще надо стили подключить на эту страницу так же, как они подключены на основной.
     
    • Поддерживаю [+] Поддерживаю [+] x 1
  5. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    757
    Рейтинг:
    143
    Репутация:
    +137 / 0 / -0
    Стили и JS подключаться внутри тега HEAD. Вот так, примерно:

    HTML:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
     
    • Поддерживаю [+] Поддерживаю [+] x 1
  6. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    757
    Рейтинг:
    143
    Репутация:
    +137 / 0 / -0
    Так же TITLE может быть только внутри HEAD ;)
     
    • Забавно [+] Забавно [+] x 1
  7. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Репутация:
    +106 / 0 / -0
    Где-то я недавно это слышал))
     
  8. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Репутация:
    +106 / 0 / -0
    После редакции кода получаем новую страницу:
    upload_2016-2-8_19-54-56.png
     
    • Мне нравится [+] Мне нравится [+] x 1
  9. Кирова Марина

    Кирова Марина Пользователь

    Сообщения:
    34
    Рейтинг:
    8
    Репутация:
    +3 / 0 / -0
    Я бы еще посоветовала, для удобства, выбрать правильный редактор для написания кода, который будет поднимать в цвете все теги, возможно даже дополнять теги при написании их аббревиатур, например: я пользуюсь SublimeText и мне достаточно написать html и нажать кнопку табуляции, после чего выше описанный код будет написан автоматически. Так же этот редактор имеет возможность подключения большого кол-ва плагинов. Вкратце, можно настроить ваш редактор до полноценной оболочки разработки (IDE) и жить будет в кайф! :happy::happy::happy:
     
    • Полезно [+] Полезно [+] x 1