网页设计用表格设计手机屏幕页面_设计手机上浏览的网页前台一般用table还是用CSS+DIV

1、网页设计中，如何让页面自适应手机端？

一般来说，通过CSS3，可以直接对不同分辨率下的样式进行定义，比如如下的代码。
/* PC或中大型笔记本设备 desktop */ @media all and (min-width: 1201px) { .title-desktop{ display: block !important; } .container { width: 1100px; } } /* 中小型笔记本或大平板 laptop */ @media all and (min-width: 980px) and (max-width: 1200px) { .title-laptop{ display: block !important; } .container { width: 920px; } }
但是上面的方法，可能不会兼容老版本ie。
所以也可以通过js，识别当前页面的分辨率，来给出样式，这种比较好也比较复杂，代码量很多但是一般没有兼容问题。

2、用dreamweaver做手机网站，怎么让界面适合手机

手机界面一般宽度是640px 或 320px
做的时候用DIV或表格时设置成100%大小
手机界面比较简洁一些，不要有过多文字，建议用图片模块化

手机网站是指用WML（无线标记语言）编写的专门用于手机浏览的网站，通常以文字信息和简单的图片信息为主。随着向手机智能化方向发展，安装了操作系统和浏览器的手机的功能和电脑是很相似的（这种智能手机也就是“口袋个人电脑”PPC），使用这种手机可以通过GPRS上网可浏览几乎所有的www网站，无论网站是不是专门的wap网站，而且还可以安装专门为手机设计的程序，如手机炒股、QQ、MSN等。由于手机的屏幕尺寸和CPU处理能力有限，专门为手机进行优化的网站更为方便用户浏览。这也为网站设计提出了新的要求：网站要适应手机浏览。

3、设计手机上浏览的网页，前台一般用table还是用CSS+DIV?

<table>兼容性高，div+css只有webkit核心的浏览器才支持，但是如果要做专业的wap网站还是要用wml语言。

4、用表格和表单设计如下网页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<form action="" method="post" name="form">
<table width="501" border="0" align="center">
<tr>
<td colspan="2" align="center"><h2>请留下个人资料</h2></td>
</tr>
<tr>
<td width="122" align="right">姓名：</td>
<td width="363"><label>
<input type="text" name="textfield" />
</label></td>
</tr>
<tr>
<td align="right">电话：</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">E-mail：</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right">性别：</td>
<td><label>
<input type="radio" name="radiobutton" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td align="right">年龄：</td>
<td><label>
<select name="select">
<option value="0">-请选择-</option>
<option value="1">20岁以下</option>
<option value="2">20-30岁</option>
<option value="3">30岁以上</option>
</select>
</label></td>
</tr>
<tr>
<td align="right">留言板：</td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
</tr>
<tr>
<td align="right">您的爱好</td>
<td><label>
<input type="checkbox" name="checkbox" value="checkbox" />
运动
<input type="checkbox" name="checkbox2" value="checkbox" />
阅读<br/> <input type="checkbox" name="checkbox2" value="checkbox" />
听音乐 <input type="checkbox" name="checkbox2" value="checkbox" />
旅游
</label>

</td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" value="全部重写" />
</label></td>
</tr>
</table>
</form>
</body>
</html>把代码粘上就是你要的样子了

5、做手机网页设计时，用电脑浏览器模拟做出来的页面在不同手机屏幕上的显示，是什么浏览器，怎么设置

chrome浏览器，f12

6、怎样使表格显示(网页设计)

在dreamweaver中
将表格的框架贴到设计窗体上
然后设置表格的宽度为大于0以上即可显示表格

7、html能写出适合手机屏幕访问的页面吗

能，但是需要响应式设计方法来开发我们的web网页。
1、响应式设计需要做的有很多技术和技巧，和做电脑端网页一样,响应式开发需要div等元素就可以自动适应屏幕大小，就是在设置每个元素属性的时候要用百分比,最好不要用px
2、当下响应式布局设计需要使用HTML5技术和CSS3技术才能完美的开发出来，通过不同的媒介类型和条件定义样式表规则。媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件。媒介查询的大部分媒介特性都接受min和max用于表达”大于或等于”和”小于或等于”。如：width会有min-width和max-width媒介查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中。通过这个标签属性，我们可以很方便的在不同的设备下实现丰富的界面，特别是移动设备，将会运用更加的广泛。

8、如何做好手机网页设计

随着互联网科技的发展以及人们生活方式的改变，手机网站逐渐赶上PC网站，成为企业宣传推广以及用户阅读的的主要平台，因此也有越来越多的企业开始制作手机网站。不过，手机网页设计必须遵循移动端的设计原则，而不是盲目沿用电脑网站的设计规律，毕竟两者还是有很大区别的。

首先，移动端网页设计都需要考虑网络的问题。虽然现在的网络普及程度高，但是大部分用户还是利用手机流量来上网的，因此对手机网页的访问加载速度要求较高。如果用户在流量网页时遇到页面迟滞、视觉错位、信息不全等问题，用户体验就会大打折扣，因此要求网页内容尽量简洁明了，同时展现精准、有用、易用的菜单栏。

还有，因为手机端屏幕大小不一，如果想要保证所有人正常访问页面，维持内容的可读性，那么就需要我们在进行相关设计的时候，尽量控制文本的间距、颜色，着重突出页面的重点内容，让用户更容易看到自己想看到的内容,另外，一般手机中的电话、短信、推送等信息是无处不在的，用户在浏览网站时，注意力很容易就被这些弹出来的信息所吸引，因此网页的图标设计一定要高效，让用户在短时间内就知道网页的导航信息是什么、主要内容是什么，节省用户时间的同时，还为网站争取了成交的机会。

手机网站布局设计方法

1、手机网站的单页

手机网站建设的单页这个是存在于很多企业网站的内容，单页优化有着一定的好处，首先网站的单页是用HTML书写，并且完全静态化，这个是符合搜索引擎的，有利于优化，对搜索引擎友好。

这种页面的布局往往需要的是大气，简洁，直入主题。一般可以用来介绍公司以及公司的主要核心内容。

2、首页布局

手机网站建设的首页是一个网站的核心部分，浏览者首先看到的就是首页，然后才会看到内页，才会了解你的公司，只有首页有吸引力，才能留住浏览者浏览你网站的内容，那么首页的布局就很重要了。

首页需要突出网站的核心，展示公司的优势，尽显企业的特色，而且需要有主次之分，上下之分，因为浏览者的习惯是从上而下，从左而右浏览的。

3、内容页布局

手机网站建设的内容页就是网站的内容详细展示页面了，有的网站建设者没有太多注意的问题，手机网站建设者认为内容页根本不重要或是不是很重要，只要在后台把文章内容上传上去让其显示就可以了。

其实一些大网站的权重流量都是靠这些内容页撑起来的，我们每天更新文章显示的一个界面，这个页面的一个好的内容页能够给网站带来某一特定词的排名。

4、列表页布局

手机网站建设的列表页分为图片列表和文章列表页。图片列表页一般展示的是公司的案例或产品，一般图文布局展示就可以了。文章列表页展示的是公司的新闻或行业动态之类的文章，一般是新闻标题显示布局就可以了。

9、网页所有内容在手机一屏上全部显示需要怎么设计？

不知道楼主具体表达的是什么，我的理解是不是，楼主希望网页的内容是抵满屏幕的上下跟左右的？如果楼主的意思是这样的话，那么这基本是不可能的。
一般网页设计都是固定宽度的，主流的网页宽度，一般都是在1000像素左右，居中显示。所以，无论你怎么调整浏览器，你都会发现网页的内容在浏览器的中间，当然如果浏览器小于了网页宽度就会出现水平滚动条。你是22寸的显示器，那么浏览器全屏的时候左右就会留出很大的空白。
只有很少的网站页面，无论你浏览器多大，都会铺满，这种情况一般都是内容比较单一，或者元素比较少时。在网页设计里，如果浏览器大小改变，网页也会跟着适应的话，这布局上会出现很多意料之外的情况，所以一般都会设计成固定宽度的。
如果楼主的意思是，浏览器全屏的话，那么快捷键是F11

导航:首页 > 万维百科 > 网页设计用表格设计手机屏幕页面

网页设计用表格设计手机屏幕页面

与网页设计用表格设计手机屏幕页面相关的知识