A markup structure is a way to determine how to turn a visual design into a code design.
HTML codes are added to text, in a way that defines each section of text and tells it how to look on a webpage. It adds a structure to the text.
HTML is mainly divided into two sections: The <head> section and the <body> section
Inside the head section is the document declaration. This tells us what type of html you are using and ensures the code is rendered correctly. The body section contains everything able to be seen on the webpage.
How to turn a visual design for a website into a code design:
- The first step is to use a div map (teacher's terminology) to divide the page into rectangles/div boxes to indicate the page layout and work how the code structure will be created.
- Ensure the rectangles are complete and don't overlap.
- Rectangles can be nested inside one another.
- Write down appropriate tag names for each element of the design.
- Use the div map as a guide for creating your own website.
We practiced this in class with a preset design, and we also designed our own template using adobe illustrator, then made a div map and used it as a guide to write an appropriate code.
No comments:
Post a Comment