<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>

CC BY-SA 4.0
2019-11-12T16:46:48.690Z
Thank you very much. I will try this one
Rakhi Vijayan
CC BY-SA 4.0
2019-11-12T09:49:40.883Z
2019-11-12T09:54:44.903Z
2019-11-12T09:54:44.903Z
dmatthams
<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>

<craft3><php><craft2>
Steps for integrating an HTML design to a website page and managing its content from backend
# 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:


  
    
    title
  
  
      {% block content %}
         Content will go here, if no content found this message will display.
      {% endblock %}
  


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 %}
    
        I love puppy dogs
        Puppy dogs love me
    
{% 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 %}
    
        {{ entry.title }}
        {{ entry.body }}
    
{% endblock %} 

In terms of creating sections and entries you will need to invest some time looking at the available resources 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  

---

