The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.[2]:131 The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content.[1]:167 In other words, it focuses on what a screen does, not what it looks like.[1]:168 Wireframes can be pencil drawings or sketches on a whiteboard, or they can be produced by means of a broad array of free or commercial software applications. Wireframes are generally created by business analysts, user experience designers, developers, visual designers and other roles with expertise in interaction design, information architecture and user research.
A website wireframe is basically the blueprint to a web page. They are made to arrange the parts of a website to be most efficient for your purpose. The wireframe is the skeleton to the website; it doesn't show any of the color, graphics, or any extra styles. It can also have all of the names of the parts of the website. Examples to create a box it might say the that the div class is <div class="box">.