页面头部和边栏会包含多个工具项目，分别放置在不同的div元素中。在网页文档中，header元素内添加一个工具栏类名为“to bar”，同样在aside元素中添加名为“sit bar”的边栏类。设计顶部工具栏和边栏的样式时，使用了背景色、尺寸、圆角以及flex布局，并设置了间隔。为不同屏幕宽度编写了媒体查询以调整布局，并特别设计了边栏中第一个和最后一个项目的样式，使第一个项目具有更大的外边距，最后一个项目则显示在底部。最后在浏览器中预览页面布局。