网页设计如何布局

这是与东西文化的差异有关，东方园林讲究源于自然，归于自然，天人合一。西方园林主要是法国园林讲究规整。

　　CAD注释比例删除方法如下：使用命令calelistedit即可。多余的注释比例只有用cad2010、2011、2012才能删除。cad2008软件设计有错误是不能删除的。cad2010打开文件会提示注释比例太多是否删除。　　AutoCAD软件是由美国欧特克有限公司（Autodesk）出品的一款自动计算机辅助设计软件，可以用于绘制二维制图和基本三维设计，通过它无需懂得编程，即可自动制图，因此它在全球广泛使用，可以用于土木建筑，装饰装潢，工业制图，工程制图，电子工业，服装加工等多方面领域。

设计android的登录界面的方法：UI实现的代码如下：1、背景设置图片：background_login.xml<?xml version="1.0" encoding="utf-8"?>  <shape xmlns:android="http://schemas.android.com/apk/res/android">      <gradient           android:startColor="#FFACDAE5"          android:endColor="#FF72CAE1"          android:angle="45"      />  </shape>2、圆角白框  效果图上面的并不是白框，其实框是白色的，只是设置了透明值，也是靠一个xml文件实现的。  background_login_div.xml<?xml version="1.0" encoding="UTF-8"?>  <shape xmlns:android="http://schemas.android.com/apk/res/android">      <solid android:color="#55FFFFFF" />      <!-- 设置圆角      注意： bottomRightRadius是左下角而不是右下角  bottomLeftRadius右下角-->      <corners android:topLeftRadius="10dp" android:topRightRadius="10dp"          android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp"/>  </shape>  3、界面布局： login.xml<?xml version="1.0" encoding="utf-8"?>  <LinearLayout      xmlns:android="http://schemas.android.com/apk/res/android"      android:orientation="vertical"      android:layout_width="fill_parent"      android:layout_height="fill_parent"      android:background="@drawable/background_login">      <!-- padding 内边距   layout_margin 外边距          android:layout_alignParentTop 布局的位置是否处于顶部 -->                <RelativeLayout           android:id="@+id/login_div"          android:layout_width="fill_parent"          android:layout_height="wrap_content"          android:padding="15dip"                  android:layout_margin="15dip"           android:background="@drawable/background_login_div_bg" >          <!-- 账号 -->          <TextView               android:id="@+id/login_user_input"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_alignParentTop="true"              android:layout_marginTop="5dp"              android:text="@string/login_label_username"              style="@style/normalText"/>          <EditText               android:id="@+id/username_edit"              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:hint="@string/login_username_hint"              android:layout_below="@id/login_user_input"              android:singleLine="true"              android:inputType="text"/>          <!-- 密码 text -->          <TextView               android:id="@+id/login_password_input"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_below="@id/username_edit"              android:layout_marginTop="3dp"              android:text="@string/login_label_password"              style="@style/normalText"/>          <EditText               android:id="@+id/password_edit"              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:layout_below="@id/login_password_input"              android:password="true"              android:singleLine="true"              android:inputType="textPassword" />          <!-- 登录button -->          <Button               android:id="@+id/signin_button"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_below="@id/password_edit"              android:layout_alignRight="@id/password_edit"              android:text="@string/login_label_signin"              android:background="@drawable/blue_button" />      </RelativeLayout>          <RelativeLayout           android:layout_width="fill_parent"          android:layout_height="wrap_content" >           <TextView  android:id="@+id/register_link"               android:text="@string/login_register_link"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:layout_marginLeft="15dp"               android:textColor="#888"               android:textColorLink="#FF0066CC" />          <ImageView android:id="@+id/miniTwitter_logo"              android:src="@drawable/cat"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_alignParentRight="true"              android:layout_alignParentBottom="true"              android:layout_marginRight="25dp"              android:layout_marginLeft="10dp"              android:layout_marginBottom="25dp" />          <ImageView android:src="@drawable/logo"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_toLeftOf="@id/miniTwitter_logo"              android:layout_alignBottom="@id/miniTwitter_logo"              android:paddingBottom="8dp"/>      </RelativeLayout>  </LinearLayout>  4、java源代码，Java源文件比较简单，只是实例化Activity，去掉标题栏。package com.mytwitter.acitivity;    import android.app.Activity;  import android.os.Bundle;  import android.view.Window;    public class LoginActivity extends Activity {      @Override      public void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          requestWindowFeature(Window.FEATURE_NO_TITLE);          setContentView(R.layout.login);      }  }  5、实现效果如下： 

1.用于UI设计的Sketch appSketch正在迅速取代Photoshop，用于从低保真线框到高保真模型和设计图标的所有的UI设计任务。Sketch app是一个专为web和移动设计人员制作的Mac应用程序。它的功能，灵活性和速度满足了你对于一个轻量级，易于使用的软件包的想象。有了这个app，你就可以专注于创作最佳的设计了。它提供了一个顺畅的工作环境，为任何界面提供工艺化的矢量元素，而且还有你想从Photoshop得到的许多功能，如文本效果和图层样式。如果Sketch能够继续提供最佳的UI设计体验，那么它在2016年及以后必然还会继续保持辉煌。2.基于浏览器的IDE桌面IDE已经存在了几十年，从Notepad++到Xcode和visual Studio。IDE通过提供建议和语法高亮等功能使得我们可以更容易地编写代码。在IDE中写代码非常简单，而且很易于阅读。但传统的IDE是作为桌面应用程序发布的。从过去的几年里，基于浏览器的云IDE发生了戏剧性的变化。除了web浏览器，我们不再需要任何软件，因为浏览器允许设备操作来自于任何有互联网接入的计算机的代码。云IDE的功能更像是web应用程序，你可以保存代码到你的帐户进行共享或个人存储。CodePen是目前最流行的IDE，支持HTML/ CSS/JS，具备像Jade/Haml 和LESS/SCSS一样自定义的预处理。CodePen主攻web前端。它可以显示你最近的创造，并从其他网络资源上得到反馈。为恼人的bug建立一个测试案例。你还可以从CodePen上为你的项目找到设计模式和灵感。3.card layouts（卡片布局）网站的卡片布局在几年前通过Pinterest而普及，从此成为了内容繁多网页的趋势。免费插件，如jQuery Masonry可用来模仿这种布局风格，它的动画卡片可适应不同的高度和宽度。卡片布局最适合用在信息很多却又希望能被浏览的页面。Google Now就使用卡片布局来为它的app做广告。你可以将卡片式布局看成是很多动态的网格，网格中只呈现最简明的重要内容，这些内容条目组合在一起就形成了基本的列表。在线杂志就是完美的例子，如UGSMAG和The Next Web，就使用了卡片布局来展示其最新懂得帖子和内容。4.自定义的解说视频形状各异的组织都趋向于自定义解说视频。使用动画，例如Crazy Egg来制作这些视频。即使如此，不同的视频依赖于真正的镜头，例如Instagram Direct。解说视频的目的是说明产品或服务是如何工作的。访问者有可能在浏览了一系列功能之后，依然不知道如何操作这个产品。而可视化的视频则可以在短短几分钟的时间内一一说明功能，并涵盖所有重要的内容。最关键的是人们喜欢观看视频而不怎么喜欢阅读文章。他们可以很容易地从视频中明白你想表达什么。如果你想自己尝试做一个自定义的解说视频，那么可以阅读Udemy课程。这是一个侧重登陆页面设计视频讲解的深入学习课程。Udemy课程不仅仅说明了如何使用动画视频软件，它也会告诉你如何使用视频来吸引和隐蔽访问者。5.实况产品预览登陆页面设计因网络速度的提高和浏览器功能的扩大，而发生了令人难以置信的改变。我注意到一个重要趋势是，就是主页或自定义登陆页面增加了实时产品预览。以Slack的产品页面作为例子。一个视频演示和矢量图形覆盖了它的界面。这些产品预览是让潜在用户第一眼就知道产品是如何操作的。不只是消息，所有的文件，图像，PDF文件，文档和电子表格都可以放到Slack，和你想要分享的任何人共享。你可以添加注释，标注星号供以后参考，这一切完全都是可以搜索的。6.自动化任务运行器前端开发的世界，随着一堆针对网站创新而出现的新的最佳实践，发生了巨大的改变。任务运行器/构建系统，例如Gulp和Grunt，替代了以前事先需要大量手动去完成的任务，越来越被我们广泛使用。自动化是快速周转和高质量代码的命脉。众所周知，机器不会出错，所以自动化程度越高，产生的问题越少。这些工具基本上运行的是JS代码，可以自动化实现部分工作流程——无论是自定义的JS代码还是其他人写的脚本。7.用于设计的协作工具即时消息和群聊已经出现了十多年。人们喜欢这个功能，并在今后他们可以继续使用此功能。然而，这些资源在传统上依赖于纯文本附加文件的一些功能。但是，我们在讨论的是未来，未来一个新出现的趋势是，在聊天应用程序中共享实时设计文档。Notable就是其中一个例子，创新和注释可以被分层在文档的顶部。通过快速迭代它提供了更好的界面。从草图到完全编码的网页，Notable让团队在设计过程的每一步得到更快的反馈。Slack是当下最流行的聊天应用程序，支持许多类似的功能。8.响应式前端框架前端框架，例如Bootstrap，已经存在了相当长的时间，并将继续展现其价值。响应式设计，受其成为框架方式的制约，可以成为前端代码，而不是仅仅只是后端（Django，Laravel，等等）。迈入2016年，我认为我们会阅读到关于响应式前端框架以及它们在web项目中的价值的内容。并且在接下来的一年时间里，可能会发布很多前端框架的app，比现在的功能更强大。许多设备正在急切等待Foundation 6以及Bootstrap4公共V1版本的发布。9.更关注UX设计UX设计是通过改进可用性，可访问性，以及用户和产品之间互动产生的愉悦感来加强用户满意度的过程。用户体验设计领域将随着设计师和开发者的关注而继续快速增长。UI设计是UX设计的一部分，但不是最终目标。UI是手段而不是目的，最终目的是提供一个梦幻般的用户体验。目前，针对这些目的的资源有UX Stack Exchange和free UX ebooks。如果你还没有涉猎用户体验，那么现在是学习和了解UX原则如何应用到所有数字界面窗口的最佳时机。10.支持触摸的网站功能智能手机浏览器，支持所有站点的触摸功能，以保持reverse similarity。我们也可以看到的插件和自定义元素添至站点，关注触摸事件的特定对象。我们希望网站可以实现触摸功能。而且这种网站也会因为其独特的功能而提升访问量。如Photoswipe和Dragend.js等内置的插件可以处理触摸屏上的滑动和点击手势。web开发人员不仅要会构建响应式网站，还得能构建具备触摸功能的网站。这些插件提供了触摸功能，但是网站还需要具备其他的手势功能。如果你多搜索一下的话，你会发现一些真正令人印象深刻的，针对web的，内置的，纯粹依靠触摸事件的功能。这些就是3.0时代的Web设计趋势，它们的到来和发展将使得构建网站变得更容易和更简单。

方法/步骤　　打开一个新的word文档　　点击”页面布局“下的”页边距“　　点击”自定义页边距“　　页边距　　纸张设计　　板式布局　　文档网格设计　　分栏设计

1、严格意义来说dw并不能用来设计网页，设计网页都是在平面设计工具里完成的，比如在ps里面设计好网站的效果图，在ps里面切图。2、dw只是个网站代码编写工具，使用dw编写代码会比较方面，因为有很多的快捷功能。但是对于高手来说，是用记事本都可以编辑网站的。3、dw的编辑面板主要有三种视图，分为 “代码”“拆分”“设计”，如下图在制作网站的时候，能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到，只有当网站代码出现问题的的时候用来查找错误，对于有一年多代码编写经验的人来说，就已经用不到了。4、在dw中编写制作网站的代码主要是div+css，也是就是html。网站布局也是通过html代码来实现的，比如maigin 与padding position 都是来控制div的布局和位置的。所以，在dw里面设计网页布局网站并不是dw的功能，还是通过代码实现的。