vs2010网站页面布局_VS中C#中“页面布局”简单设置的“PageLayout属性”在哪里

vs2010恢复窗口布局

比如我当前的窗口：这个就恢复了，看一下效果：vs2010知识拓展： 快捷键：F9：设置断点，如果当前有则取消断点。 F10：逐一运行 Ctrl+G(g)：跳转到指定行号 Ctrl+F(f)：查找指定单词并替换 Ctrl+】：查找对应括号并格式化对齐：Ctrl+K(k )+Ctrl +F (f) F5：在调试状态下运行程序。当程序到达断点状态时将停止。 F11和F10的区别：如果当前执行语句是函数调用，则进入该函数。 Ctrl+shift+F9：取消所有断点。 Ctrl+F10：运行到光标所在行。 Shift+F11：跳出当前函数。 Shift+F5：终止程序。

？

？北大青鸟的www.sychzs.cn视频中，通过将属性“PageLayout”更改为Flowlayout（流式布局）或将属性“PageLayout”更改为GridLayout（网格布局）来更改页面的布局。 →这是vs2003中设置页面的方法。 ？ ？但我在VS2010中并没有找到PageLayout属性，这就有点奇怪了！如果你使用的是VS2005以上版本，你是否曾经怀疑过PageLayout的消失？别急，我来简单分析一下PageLayout的属性。请专家给予一些指导。非常感谢！

？ ？ 1.首先介绍一下PageLayout属性。 Visual Studio .NET 2003中存在PageLayout属性，在VS2005、VS2008、VS2010等后续版本中，由于取消了绝对定位，

默认支持的页面布局方式是流体布局页面，因此不再使用PageLayout属性。下面是我结合MSDN对PageLayout属性的简单说明...

MSDN中VS2003 PageLayout属性介绍

？ ?PageLayout 属性设置当前 HTML 文档的元素定位首选项，即页面布局模型。该属性可用的值为：

GridLayout：绝对定位的属性插入到添加的元素中并在移动的元素中更新。可以在整个设计视图表面上拖动元素。可以使用定位网格和“网格线对齐”。 →绝对定位、网格布局FlowLayout：添加元素时不带绝对定位属性。 Web 浏览器按照元素在页面上出现的顺序从上到下排列元素。您无法在设计视图表面上拖动元素或使用定位网格。 →流程布局

？

？ ？更改页面布局属性：

？ ?PageLayout 属性可以从“属性”窗口或“文档属性页”对话框中设置。

？对于在 Visual Basic .NET 或 Visual C# Web 应用程序中创建的新 HTML 页面和 Web 窗体，PageLayout 属性默认值为“GridLayout”。在 Visual Studio .NET 中将 PageLayout 属性设置为“GridLayout”“ms_positioning 属性将插入到 HTML 文档的 元素中：

？

将PageLayout属性值重置为“FlowLayout”，ms_positioning属性将被删除：

？ ？ ？

？ ？对于添加到“空 Web 项目”的 HTML 页面和 Web 窗体，PageLayout 属性默认值为“FlowLayout”。将现有 HTML 文档添加到 Visual Studio .NET 解决方案或项目时，并且其 元素不包含 ms_positioning="GridLayout" 属性时，HTML 设计器将打开该文档进行编辑，并将其 PageLayout 属性设置为“流式布局”。

？ ？如果将 PageLayout 属性值设置为 GridLayout，则可以将 ShowGrid 属性设置为 True 并显示设计视图定位网格。如果在“HTML Designer”选项对话框的“显示”中启用“与网格线对齐”，则会激活该功能。当您释放鼠标时，在设计视图表面上拖动的元素会自动捕捉到最近的定位网格线。

？ ？当 HTML 元素在设计视图表面上重新定位时，其定位属性会在标记中自动调整。使用“HTML”视图对特定元素的定位属性进行细微调整。

注意：切换视图会重新格式化标记。

？附：

设置HTML文档的pageLayout属性

？ ？ 2.这里简单分析一下GridLayout和FlowLayout的区别：

？ ？ GridLayout是绝对定位的，控件可以拖放到页面的任何地方。但是，某些控件可能会被生成的页面上的其他控件覆盖。 ？ ？ ？ ？ FlowLayout比较定位，控件布局有难度，但它会根据内容改变位置，不会覆盖其他控件。两者可以一起用于布局。我个人不推荐VS自带的布局。可以借用其他工具，比如DW，进行布局布局，然后导入到VS中使用。

？ ??

？ ？三。就像变魔术一样，PageLayout 从 VS2005 到 VS2008 和 VS2010 消失了。随着版本的升级，软件应本着为人民服务的宗旨，在不改变人们需求的情况下，增加新的功能。所以，在VS2005之后的版本中，可以使用原来的绝对定位方式来拖动控件了。如何实施？尝试以下两种解决方案...

方案一：只需修改以下配置：

菜单→工具-->选项→HTML设计器→CSS样式→更改“对于使用工具箱、粘贴或拖放操作添加的控件，将定位方式更改为绝对定位（P）”<选中>

选项 2：修改以下配置：

？菜单→工具→选项→Windows 窗体设计器→将 LayoutMode 属性设置为 SnapToGrid。

？然后重启VS并打开项目！

怎么样，让你按照你想要的方式设计页面。你在等什么？快去设计你自己的美丽页面吧！

今天我们讨论VS2010带来的“Web开发（代码优化）配置文件”功能。您可以配置 VS 隐藏所见即所得的 Web 设计器，并用丰富的源代码编辑体验优化来代替它。

VS2010 网页简介

第一次运行VS2010时，会提示你选择IDE配置文件。所选配置文件配置工具窗口默认在 IDE 中显示/停靠的方式，并设置默认键盘快捷键。稍后可以使用 [工具] [选项] 菜单自定义、覆盖或修改它们。您还可以通过选择[工具] [导入和导出配置]菜单命令来重置配置文件并选择另一个配置文件。

第一次启动VS2010时，选项列表中有两个“Web开发”配置文件：

第一个“Web 开发”配置文件选项是对 VS2008 中已有的 Web 开发配置文件的改进（进行了一些增强，以帮助提高屏幕的有效使用）。它还允许您利用所有出色的 WYSIWYG HTML 和 www.sychzs.cn 页面设计器增强功能。

第二个“Web 开发（代码优化）”配置文件选项是 VS2010 中引入的新配置文件，针对不想使用 WYSIWYG 设计器的 Web 开发人员进行了优化。在做Web开发时，我宁愿体验一下只在页面上编码的感觉。此 IDE 大纲选项隐藏 WYSIWYG 页面设计器选项卡并配置默认 IDE 布局，以最大化屏幕上显示的代码总量（以及最少的工具栏和工具窗口）。它仍然为页面提供完整的 IntelliSense/调试和代码编辑器体验。

比较 VS2010 的 Web 开发配置文件

通过比较两个“Web 开发”配置文件的屏幕截图获得不同的感觉：

“网页开发”简介截图：

下面的布局显示了应用了 Web 开发配置文件的默认 IDE 布局：

《Web开发（代码优化）》大纲截图

下面的屏幕截图演示了应用新的“Web 开发（代码优化）”配置文件后的默认 IDE 布局：

这是它在更大分辨率显示器上的外观：

混合和匹配功能

标准“Web 开发”配置文件和“Web 开发（代码优化）”配置文件使用的所有不同功能都通过 VS [工具] [选项] 配置对话框公开。这意味着您可以使用任何 VS 配置文件（包括通用、VB 和 C# 配置文件）启动，然后打开或关闭各个功能以自定义 IDE 布局和编辑体验。

例如，以下是通过“工具”>“选项”启用或禁用 HTML 设计器的屏幕截图（这可配置“设计/拆分/源”选项卡是否显示在每个页面的底部。）：

这使您可以灵活地自定义您的开发体验，但是您希望创建专门为您优化的个性化开发工具体验。

总结

对于喜欢以代码为中心的 Web 开发体验且不想使用所见即所得设计器的开发人员来说，此新配置文件是一个选项。

转载于：https://www.sychzs.cn/qczhang/1014893