怎么在手机上做网页设计_怎么制作网站的手机版

1、怎么制作网站的手机版？

可以去下载pageadmin建站系统或者wp系统来做，推荐pageamdin，这个支持pc和手机共享数据，或者你做成响应式网站就可以了。

2、怎么制作自己的网页？

★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：
1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）
3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。
4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）
5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）
6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）
7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。
4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

3、手机网页如何制作。。

低版本的dreamweaver有没有这个功能我不清楚。但是在dreamweaver cs6中，你可以点新建-流体网格布局然后如图所示。

4、怎么制作html5网站页面让它适应电脑和手机的尺寸

媒体查询语法：
@media screen and (max-width:960px){...}
@media screen and (max-width:768px){...}
@media screen and (max-width:320px){...}
<link rel="stylesheet" media="screen and (orientation:portrait) and (min-width:800px),projection" href="800wide-portrait-screen.css" />
注意：1，媒体查询之间使用逗号隔开；2，在projection之后，没有and，也没有任何特性/值的组合。没有后续表达式，意味着只要是projection就满足条件。
@media screen and (max-device-width:400px){......}
@import url("~~.css") screen and (max-width:360px);
（@import方法会增加http请求，影响加载速度。）
媒体查询能检测的特性（最长用过的是设备的视口宽度(width)和屏幕宽度(device-width)）：
widht：视口宽度
height：视口高度
device-width：渲染表面的宽度（设备屏幕的宽度）
device-height：渲染表面的高度（设备屏幕的高度）
orientation：检查设备处于横向还是纵向。
aspect-ratio：基于视口宽度和高度的宽高比。(16:9的显示屏可以定义为aspect-ratio:16/9)
device-aspect-ratio:和aspect-ratio类似，基于设备渲染平面宽度和高度的宽高比。
color：每种颜色的位数。例：min-color：16会检测设备是否拥有16位颜色。
color-index：色板的颜色索引表中的颜色数。值必须是非负数。
monochrom：检测单色帧缓冲区中每像素所使用的位数。值必须是非负整数。
resolution：用来检测屏幕或打印机的分辨率，如min-resolution：300dpi。还可以接受每厘米像素点数的度量值，如min-resolution：118dpcm。
scan：电视机的扫描方式，值可设为progressive（逐行扫描）或interlace（隔行扫描）。如720p p表示逐行扫描。
grid：用来检测输出设备是网格设备还是位图设备。
在上述所有特性中，除scan和grid之外，都可以使用min和max前缀来创建一个查询范围。例如：
@import url("~~.css") screen and (min-width:200px) and (max-width:360px);这样~~.css只会引入视口宽度介于200px至360px的显示屏设备。
在样式表的开头位置设置样式，以便适应所有涉及，然后使用媒体查询来进一步重写响应的部分。例如，先针对大视口设计(用户大多数情况下使用鼠标)，将导航链接设计成简单的文字链接；然后再针对较小的视口，使用媒体查询重写这部分样式，为拇指一族提供更大点击区域。
使用多个独立的文件会增加http请求数量，建议在已有的样式表中追加媒体查询样式。（https://github.com/scottjehl/Respond）是为IE8及更低版本增加媒体查询支持的最快的js工具。
阻止移动浏览器自动调整页面大小：
在html的<head>中插入一个<meta>标签。<meta>标签中可以设置具体的宽度(如px)或者缩放比例(如2.0 设备实际尺寸的两倍)。例如：<meta name="viewport" content="initial-scale=2.0,width=device-width">
<meta>标签还可以控制页面可缩放的范围，下面的代码允许用户将页面最多放大至设备宽度的3倍，最小压缩至设备宽度的一半。<meta name="viewport" content="width=device-width,maximum-scale=3,minimum-scale=0.5">
还可以禁止用户缩放，不过缩放是一个重要的辅助功能，所以很少禁用。<meta name="viewport" content="initial-scale=1.0,user-scalable=no"> user-scalable=no即禁止缩放。
w3c正尝试使用@viewport声明，不用在<head>中添加<meta>，不过要使用私有前缀，如@-o-viewport{width:320px}
针对不同视口宽度修正设计：
首先在css中为平板设备增加媒体查询，数值ipad的视口宽度为768px（横向1024px）
@media screen and (max-width:768px){
#wrapper{
widht:768px;
}
#header,#footer,#nav {
width:748px;
}
}
=============================这只是一部分笔记===========
推荐一本书响应式Web设计：HTML5和CSS3实战.pdf

5、手机html网页和电脑上的html网页在制作上有什么区别

1.导航设计

手机端页面导航应当包括用户必要的内容，删除屏幕上不必要的链接，假如链接的详细页面内容不是用户想要的，用户不会点击，也就没必要设置。其中建立导航功能键的时候，其中以回到首页、回到上一页这两个最为重要。

2.网站名称或logo的设计

手机网页的顶部没有标题栏或地址栏，相应地，也就没有网站标题和图标。所以设计页面的时候应该让用户知道，他们现在所浏览的网站名称或logo，这对塑造品牌也很重要。

3.页面排版

从用户角度来说，他们希望阅读所有的内容，所以我们进行内容呈现，只是用隔断、重组、引语、线条或其他视觉方案来让这些内容更容易访问，使这些板块显得更都雅。

4.利用手机的天生优势

手机有着许多传统电脑所没有的优势，其中最大的优势就是移动力，因此手机版网页应该要特别发挥这些特性，让手机网页具有一般网页更多的优势。如：

移动定位：大部分的智能设备都有导航、定位的机制，可以让客户主动找到企业的位置。

移动联系：如果用使用的是移动电话，可以立即发话;或者直接跳转到通讯工具在线聊天;

邻近地点：如果企业有很多据点，请告诉用户，在他附近有哪一些地点是便于他能够抵达的。

6、如何在手机上制作一个自己的网站

自己制作网站就是三要素：域名、空间、网站程序（类似如pageadmin系统，dz系统。），就可以完成网站的建设。

7、这种手机网页是怎样制作的？

网站移动端制作原理：

1、域名解析一个m.xxx.com，绑定到服务器上；

2、m.xxx.com放PC端的网站程序，数据库直接连接PC数据库；

3、移动模板对应PC模板，程序文件和pc一样。只是数据库是共用一个；

4、在PC页面上面设置移动跳转判断，网上有PHP跳转代码；

5、你可以参考开源程序制作移动端，比如dedecms，帝国cms制作移动端，如果感觉比较麻烦了，那就直接把PC页面重写，页面直接修改成响应式！

现在做网站手机站必须要做，手机上搜索越来越多。电脑站手机打开浏览网页，体验非常不好。目前手机网站制作有3种方法：

1、独立域名手机站

这种手机站对优化排名比较好，也可以自己设计手机模板，专门买个空间放手机站程序，域名解析二级域名。　

2、自适应网站

这种网站体验比较少，会根据屏幕大小，自动显示不同的页面布局。手机和电脑站用的一个模板。一个域名，对优化体验非常好。

3、二级目录手机站

这种比较常用的一种，电脑站域名后面加/wap，或者/m 。通过跳转代码，手机打开电脑站网址，自动进入手机站。内容和PC是同步的，管理也比较方法。

8、dreamweaver怎样制作手机网站

dw，也有个可以设置什么屏幕的，比如：移动设备、平板电脑、pc

9、如何在手机上制作整人网页？？

你想咋做?都是要花钱的.有专门制作手机网站的网址，不过做出来的网站都很垃圾。世上版没权有免费的午餐嘛，建议你还是找网站制作公司做吧
1,手机的传输协议是wml,电脑的是html。另外用程序判断下来自IP，如果是移动网关的就让显示WAP页面。否则显示电脑网页。
2.这个是WML技术。
3.一般WAP网站可以用任何语言开发，但是WML必须要懂。
4.做WAP网站不需要什么软件，只要会写WML就可以；
5.可以本地架设服务器，做个WAP网站很简单。

导航:首页 > 万维百科 > 怎么在手机上做网页设计

怎么在手机上做网页设计

与怎么在手机上做网页设计相关的知识