Answers.Body: <p>I would first suggest getting your static HTML site up and running with twig, then slowly adding dynamic elements as you learn more about Craft.</p>
  
  <p>Start with two template files <strong>_layout.twig</strong> and <strong>index.twig</strong>. <strong>_layout.twig</strong> is the file that all pages will extend, so it will contain all your html meta, css, js, etc. Within the <strong>_layout.twig</strong> you can define areas that can have content injected into, so in the example below I have the 'content' block.</p>
  
  <p><strong>_layout.twig</strong>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;title&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        {% block content %}
           Content will go here, if no content found this message will display.
        {% endblock %}
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>We can then extend the layout from the index.twig page by defining the content area.</p>
  
  <p><strong>index.twig</strong>, accessible from yourdomain.com/index (or yourdomain.com)</p>
  
  <pre><code>{% extends '_layout' %}
  
  {% block content %}
      &lt;div&gt;
          &lt;h1&gt;I love puppy dogs&lt;/h1&gt;
          &lt;p&gt;Puppy dogs love me&lt;/p&gt;
      &lt;/div&gt;
  {% endblock %} 
  </code></pre>
  
  <p>After that, once you have created your first section you will be able to make your pages dynamic.</p>
  
  <p><strong>index.twig</strong></p>
  
  <pre><code>{% extends '_layout' %}
  
  {% block content %}
      &lt;div&gt;
          &lt;h1&gt;{{ entry.title }}&lt;/h1&gt;
          {{ entry.body }}
      &lt;/div&gt;
  {% endblock %} 
  </code></pre>
  
  <p>In terms of creating sections and entries you will need to invest some time looking at the <a href="https://craftquest.io/courses/craft-cms-3-tutorials" rel="nofollow noreferrer">available resources</a> then post here or jump on the discord server if you need help with specific things.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-12T16:46:48.690Z
Answers.Text: Thank you very much. I will try this one
Answers.UserDisplayName: Rakhi Vijayan
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-12T09:49:40.883Z
Answers.LastActivityDate: 2019-11-12T09:54:44.903Z
Answers.LastEditDate: 2019-11-12T09:54:44.903Z
Answers.UserDisplayName: dmatthams
Body: <p>I am a beginner to Craft CMS. I have an HTML design for Craft integration. I need to covert this to a live URL page on my website. Also, I need to manage its content from the backend. I think we need to do something related to entries, but I don't know what part I need to do first and what to do second, etc. Can anyone please help for the steps needed for this? </p>
  
  <p>Thanks in advance.</p>
  
Tags: <craft3><php><craft2>
Title: Steps for integrating an HTML design to a website page and managing its content from backend
ThreadText: # Steps for integrating an HTML design to a website page and managing its content from backend
  
  (Asked by: username_0 on 2019-11-11)
  
  I am a beginner to Craft CMS. I have an HTML design for Craft integration. I need to covert this to a live URL page on my website. Also, I need to manage its content from the backend. I think we need to do something related to entries, but I don't know what part I need to do first and what to do second, etc. Can anyone please help for the steps needed for this?
  
  Thanks in advance.
  
  **Tags:** craft3, php, craft2
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2019-11-12. Score: 1
  
  I would first suggest getting your static HTML site up and running with twig, then slowly adding dynamic elements as you learn more about Craft.
  
  Start with two template files **\_layout.twig** and **index.twig**. **\_layout.twig** is the file that all pages will extend, so it will contain all your html meta, css, js, etc. Within the **\_layout.twig** you can define areas that can have content injected into, so in the example below I have the 'content' block.
  
  **\_layout.twig**:
  
  ```
  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="UTF-8">
      <title>title</title>
    </head>
    <body>
        {% block content %}
           Content will go here, if no content found this message will display.
        {% endblock %}
    </body>
  </html>
  
  ```
  
  We can then extend the layout from the index.twig page by defining the content area.
  
  **index.twig**, accessible from yourdomain.com/index (or yourdomain.com)
  
  ```
  {% extends '_layout' %}
  
  {% block content %}
      <div>
          <h1>I love puppy dogs</h1>
          <p>Puppy dogs love me</p>
      </div>
  {% endblock %} 
  
  ```
  
  After that, once you have created your first section you will be able to make your pages dynamic.
  
  **index.twig**
  
  ```
  {% extends '_layout' %}
  
  {% block content %}
      <div>
          <h1>{{ entry.title }}</h1>
          {{ entry.body }}
      </div>
  {% endblock %} 
  
  ```
  
  In terms of creating sections and entries you will need to invest some time looking at the [available resources](https://craftquest.io/courses/craft-cms-3-tutorials) then post here or jump on the discord server if you need help with specific things.
  
  > **Comments:**
  > **username_0**: Thank you very much. I will try this one  
  
  ---
  
  