Lesson #2: What Goes in the Middle?
"But Madi, what goes in the middle?"
Wow, great question. I can teach you about elements and tags, but it won't show anything unless there's actually content to format!
When I start a new project or I'm in a new transition or even fine tuning my craft, I make sure I have a couple of things straight: My "why" and a general roadmap.
Probably the most important thing to nail down before you do anything - the reason behind doing what you do. Now I'll refer to the person who I think explains it best, Simon Sinek, in one of the most popular TED Talks of all times "How Great Leaders Inspire Action". Take a moment and watch this.
💡 Let's think about it. Why do you do what you do? What is motivating you to move forward? What is your "why"?
What is your "Why"?
-
Write your rough draft answer in your
index.htmlfile. Now spend some time on this, but don't get stuck. We can always modify as we go!- For example, my why is this: "I strive to empower you to grow more, to do more, and to become more." So now, your
index.htmlfile will look like this:
- For example, my why is this: "I strive to empower you to grow more, to do more, and to become more." So now, your
<!DOCTYPE html>
I strive to empower you to grow more, to do more, and to become more."So where do we go from here?"
We create a roadmap. A basic outline that describes the direction we're wanting to go in order to bring us to the destination we hope to arrive at.
Our roadmap is the index.html file, with all the words we care to share with the world.
- In your
index.htmlfile, type out all the words you would care to have. You don't have to have it all perfectly written out, but the basic outline of what each section might say. Think about section titles and paragraphs, maybe what photos you would want to include.
This step might take a while. Spend your time on it, but it doesn't have to be perfect. The more you put, the easier it is to work with in the future steps. I'll include an example you can work from.