За последние 24 часа нас посетили 22569 программистов и 1008 роботов. Сейчас ищут 753 программиста ...

Ошибки в создании сайта c нуля на php

Тема в разделе "PHP для новичков", создана пользователем Виталий Пикс, 22 авг 2020.

  1. Виталий Пикс

    Виталий Пикс Новичок

    С нами с:
    22 авг 2020
    Сообщения:
    4
    Симпатии:
    0
    Здравствуйте.
    Цель: Создать простой, базовый шаблон сайта на PHP 7 использую HTML5, CSS3, JS. Который в дальнейшем можно использовать для начала любой верстки.
    Просьба профессионалов в этом деле помочь, направить на нужный путь, давать развернутые ответы на возникшие вопросы.
    Заранее спасибо.
    Мои вопросы, дальше по ходу пьесы. :)
    --- Добавлено ---
    Вот что у меня есть на данный момент:
    Папка с названием сайта: tst-01 (сразу прошу прощение за название)
    В папке:
    index.php
    header.php
    sidebar.php
    footer.php
    Папки:
    css - файлы css-reset.css; style.css
    img (пока пустая)
    includes
    js (пока пустая)
    pages - файлы: templates (хочу закинуть в него различные списки, таблицы, заголовки для наглядного отображения при правке стилей)

    Сайт хочу сделать на блоках Flex
    --- Добавлено ---
    Содержимое файлов
    index.php


    HTML:
    1. <!doctype html>
    2. <meta charset="utf-8">
    3. <!--<link rel="stylesheet" href="/css/css-reset.css">-->
    4. <link rel="stylesheet" href="/css/style.css">
    5. <title>Титл сайта</title>
    6. <meta name="description" content="Описание страницы">
    7. <!--Видовой экран — это видимая область пользователя веб-страницы.-->
    8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9. </head>
    10. <?php include ('header.php'); ?>
    11.  
    12. <main>
    13.     <section>
    14.         <h2>News Section</h2>
    15.         <article>
    16.             <h2>News Article</h2>
    17.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p>
    18.         </article>
    19.         <article>
    20.             <h2>News Article</h2>
    21.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p>
    22.         </article>
    23.     </section>
    24.     <?php include ('sidebar.php'); ?>
    25. </main>
    26.  
    27. <?php include ('footer.php'); ?>
    28.  
    29. </body>
    30. </html>
    header.php

    HTML:
    1. <nav>
    2. <ul>
    3. <li><a href="/">Главная<a></li>
    4. <li><a href="#">Блог<a>
    5.     <ul>
    6.         <li><a href="#">Категория 1<a></li>
    7.         <li><a href="#">Категория 2<a></li>
    8.         <li><a href="#">Категория 3<a></li>
    9.     </ul>
    10. </li>
    11. <li><a href="/pages/templates.php">Templates<a></li>
    12. <li><a href="#">О нас<a></li>
    13. <li><a href="#">Контакты<a></li>
    14. </ul>
    15. </nav>
    16. <h1>Заголовок в header</h1>
    sidebar.php

    HTML:
    1.     <article>
    2.     <p>Список в сайдбаре</p>
    3.         <ul>
    4.             <li>Список 1</li>
    5.             <li>Список 2</li>
    6.             <li>Список 3</li>
    7.         </ul>
    8.     </article>
    foter.php
    HTML:
    1. <p>&copy; 2020 templates sites.</p>
    css-reset.css (не подключен)

    Код (CSS):
    1. * {
    2.     vertical-align: baseline;
    3.     font-weight: inherit;
    4.     font-family: inherit;
    5.     font-style: inherit;
    6.     font-size: 100%;
    7.     border: 0 none;
    8.     outline: 0;
    9.     padding: 0;
    10.     margin: 0;
    11.     }
    style.css

    HTML:
    1. *{
    2.     box-sizing: border-box;
    3. }
    4. body {
    5.     font-family: Verdana,sans-serif;
    6.     font-size: 0.9em;
    7. }
    8. nav {
    9.     padding: 10px;
    10.     background-color: #aaa;
    11. }
    12. nav ul {
    13.     padding: 0;
    14. }
    15. nav ul li {
    16.     display: inline;
    17.     margin: 5px;
    18. }
    19. nav li ul {
    20.     padding: 0;
    21.     display: inline;
    22. }
    23. header, footer {
    24.     color: white;
    25.     padding: 10px;
    26.     background-color: black;
    27. }
    28. main {
    29.     display: flex;
    30.     padding: 10px;
    31.     background-color: lightgrey;
    32. }
    33. section {
    34.     flex: 6;
    35.     margin-right: 10px;
    36.     padding: 10px;
    37.     background-color: #fff;
    38. }
    39. /*section:first-child {
    40.     margin-right: 10px;
    41. }*/
    42. aside {
    43.     flex: 2;
    44.     padding: 10px;
    45.     background-color: white;
    46. }
    47. article {
    48.     padding: 1em;
    49.     margin-bottom: 10px;
    50.     background-color: #eee;
    51. }
     
    #1 Виталий Пикс, 22 авг 2020
    Последнее редактирование модератором: 23 авг 2020
  2. Виталий Пикс

    Виталий Пикс Новичок

    С нами с:
    22 авг 2020
    Сообщения:
    4
    Симпатии:
    0
    Как создать файл, например: news-01.php c заголовком "Моя первая новость"
    В него подключить файл header.php, но так чтобы в шапке отображалось название страницы news-01.php, а не header.php?
     
  3. twim32

    twim32 Активный пользователь

    С нами с:
    29 мар 2017
    Сообщения:
    275
    Симпатии:
    58
    Таким подходом далеко не уедешь. Как ни крути, все сайты отличаются друг от друга. Поэтому берите любой фреймворк и делайте на нём. Сохраните не только своё время и нервы, но так же и других кто будет заниматься вашими проектами.
     
  4. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.792
    Симпатии:
    650
    Никак. Такой файл не нужен. Фактические данные хранятся отдельно от шаблона.
    Создаем простой блоговый шаблон

    php-файлы обычно хранятся отдельно от статика (в непубличном каталоге).
    --- Добавлено ---
    Например:
    mods/template – php-файлы шаблона
    docs/assets (docs – корень) – статик файлы
     
    #4 miketomlin, 23 авг 2020
    Последнее редактирование: 23 авг 2020
  5. Виталий Пикс

    Виталий Пикс Новичок

    С нами с:
    22 авг 2020
    Сообщения:
    4
    Симпатии:
    0
    Спасибо за ответ, если бы еще пример как статика вставляется, вырезку из кода, было бы вообще хорошо,
    Я просто думаю не я один такой, который не понимает как это все работает.
     
  6. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.822
    Симпатии:
    736
    Адрес:
    Татарстан
    Почитайте про MVC
     
  7. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.792
    Симпатии:
    650
    @Виталий Пикс, статью по ссылке смотрели? Там в конце готовый шаблон есть.
    --- Добавлено ---
    Используемый каркас тоже можно получить (подписка – 10 руб. :)), если хотите пощупать все вживую. У нас верстальщики частенько на нем тренируются, т.к. совмещать данные отдельно взятой сущности из БД с шаблоном можно даже без знания программирования (см. концовку этой статьи и комменты к ней).
     
  8. Виталий Пикс

    Виталий Пикс Новичок

    С нами с:
    22 авг 2020
    Сообщения:
    4
    Симпатии:
    0
    Спасибо, еще не добрался, отпишусь.