web网页开发页面布局_Web开发人员阅读清单：页面布局

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网页开发页面布局