web网页开发页面布局
With an understanding of HTML and the fundamentals of CSS, you’re ready to create your first web pages with a sense of design and style.
了解HTML和CSS的基础知识之后,您就可以创建具有设计感和样式感的第一个网页了。
It’s important to understand that design in web development suggests how pages be displayed. CSS is not a series of ironbound rules. Web pages are fluid by default: content automatically flows inside the browser, scaling and wrapping to fit on any screen. Design may constrain or enhance that behavior, but it is only ever a guide for web content.
了解Web开发中的设计建议如何显示页面非常重要。 CSS不是一系列具有约束力的规则。 网页默认情况下是流畅的:内容自动在浏览器中流动,缩放和包装以适合任何屏幕。 设计可能会约束或增强这种行为,但它仅是Web内容的指南 。
Web page layout is very broadly divided into two categories: “fluid” and “fixed”. Fixed layout is the easiest to implement, and what we’ll start with here. Fluid design – also known as responsive design – is more challenging, but we’ll do a little of that too.
网页布局大致分为两类:“流体”和“固定”。 固定布局是最容易实现的,我们将从这里开始。 流体设计(也称为响应式设计 )更具挑战性,但我们也会做一些。
Prerequisites: The CSS reading list to this point
先决条件:至此CSS阅读列表
Time: 90 minutes
时间: 90分钟
核心材料 (Core Material)
可选的 (Optional)
建议阅读 (Suggested Reading)
Read Chapter 15, Layout, from HTML & CSS by Jon Duckett, and Chapter 16, Page Layout With CSS, from Learning Web Design by Jennifer Robbins.
阅读Jon Duckett的HTML&CSS中的第15章, 布局 ,以及Jennifer Robbins的Learning Web Design中的第16章, 使用CSS进行页面布局 。
更多资源 (Further Resources)
Step through the tutorials in Learn CSS Layout.
逐步学习“学习CSS布局”中的教程。
当你做完 (When You’re Done)
Creating one page is just the beginning: placing your styles in a linked style sheet (as you should be) suggests that you will be making many more pages using the same presentation. In that case, you’ll need navigation – ideally, more than a raw list of links – so styling site navigation is what we’ll look at next.
创建页面只是一个开始:将样式放置在链接的样式表中(如您应该的那样)表明您将使用同一演示文稿制作更多页面。 在这种情况下,您将需要导航-理想情况下,不仅仅是链接的原始列表-因此,我们接下来将介绍样式化站点导航。
翻译自: https://thenewcode.com/779/Web-Developer-Reading-List-Page-Layout
web网页开发页面布局