手机网页弹窗设计注意什么意思

1、手机网页设计排版需要注意的几个事项

我们对手机网站制作中需要注意哪些方面的问题展开分析，为各位手机网站制作的用户们提供一些参考，现总结几点如下：

1、明确自己想在手机网站上展示哪些信息：

在手机网站制作之前应该明确自己想在手机网站上展示什么，分析一下可能的浏览者会有哪些，然后有针对性地策划和设计网站上的相关内容，这样才能做到有的放矢，不至于手机网站制作好了却没人浏览，或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作，通常手机网站在推广之后都会为企业带来一定量的潜在用户。

2、在手机网站制作时要尽量符合滑动屏幕的方式：

一般的手机屏幕，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能，但是观看起来也较为麻烦，因为网页放大后，很可能还要左右滑动才能浏览网页，浏览后还要缩小回原大小。因此在设计手机网页时，应能够以滑动屏幕的方式来阅读网页，因为滑动网页操作比着放大网页观看来要简单得多。

3、不能参照PC端网站来设计手机网站上的导航功能：

手机网页与跟一般的PC端网页不同，由于受到手机屏幕大小和屏幕操作的限制，在设计导航功能时应该按照手机屏幕来设计，不能完全照搬PC端网站，该简单的地方简单化，该去掉的去掉，同时在当阅读文章到最后时，要方便于用户回到最前头，减少卷动画面的机会，让网页变得更容易于移动设备上阅读。

4、手机网站制作也要考虑多种浏览器的兼容：

现在的移动浏览器能够处理大多数网站，一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种，比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器，如此多的浏览器在浏览网页的时候，如果手机网站的兼容性差，就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此，手机网站制作必须考虑到兼容于多种浏览器。

5、在手机网站制作时一定要减少用户文字输入操作：

现在智能手机一般都没有实体的键盘，或仅只有12键的电话输入功能，因此在输入文字上会比起使用电脑键盘麻烦得多。因此，减少使用者输入文字的机会，例如用户名、密码等，都是手机网站制作时要尽力避免的。

6、在手机网站制作时就应该考虑到日后的推广和宣传：

在手机网站制作时，不要忽略了用户体验，否则在日后的网站推广时将会遇到麻烦。任何一个手机网站，都必须经过广策划、设计和推广的过程，在手机网站制作时需要考虑日后的推广，手机网站应该在丰富站内内容的同时，提供详尽的产品信息以及联系方式，并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后，其推广工作也会非常有效果。

7、手机网站制作要兼顾非触摸屏幕的设计：

虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。

8、在手机网站制作时要记得要简化网页内容：

一般的手机、平板电脑等移动设备，由于屏幕大小的限制，不易容纳下个人电脑的大容量的网页资讯，因此手机网站制作的首要一点就是减少网页内容，最好不用图片或是影音视频等，文字也应该精简，但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页，不太重要的内容内容，可以略去，或者通过超链接链接到新网页上。

9、手机网站制作要注重网页产品和服务的展示：

企业在手机网站上，需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来，想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示，可选择企业的主要产品，对其各类参数或价格加以详细说明，对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小。

以上是在手机网站制作中需要注意的几个方面，手机网站页面设计需要符合用户体验，以方便用户操作为准则，能够为用户带来切实的帮助，这是手机网站制作上的基本要求，也是满足用户需求的基本原则。

2、做好网站弹窗设计有哪些技巧

弹窗的大小：窗口过大，影响用户浏览心情，窗口过小，起不到效果

弹出时间：一般在用户浏览一半的网站之后再弹出，用户喜欢，才会浏览，这个时候弹出出现，相当于又有新的内容供用户浏览，用户不会因此心情变糟糕，如果你弹窗过早，用户本来没对网站内容不太了解，你弹窗一出来，就会产生反感，很有可能直接关掉网站

弹窗内容：最好是网站中出现频率很少的内容，比如联系方式、最新活动、推荐视频等

弹窗跳出频率，最好5-10分钟一次，如果过于频繁，用户本来喜欢浏览网站的，一会一个弹窗，用户很有可能没几次就关网站了，如果弹唱间隔太长，那用户浏览完了，你还没跳出来，用户走了你还没出来，那要你这个弹窗有什么用

弹窗关闭最好用不再显示按钮，用户点击之后提示如何打开弹窗。这是个人性化设置

3、手机网站设计需要从用户角度注意哪些问题

现在不仅在电脑上可以浏览网页，同样的在手机上也能够实现，因此很多企业除了制作PC网站，也会制作手机网站，争取吸引到更多的用户，将自己的企业推广出去。虽然PC网站和手机网站的功能作用差不多，但是在设计方面还是存在着一定的差别。PC网站重在产品的展示，而移动网站则更加注重实用性。所以，在手机网站设计时，需要从用户角度出发，注意各功能之间的配合。

1、简短和聚焦

手机网站设计时需要考虑到用户的阅读习惯，现在的人们在浏览网站的时候都不会过多的去仔细看网站内的文字，而是为了在最短的时间内以最小的成本解决他们手头的问题。而且在移动情境中，浏览手机网站的时间更加有限，注意力更容易分散。因此在设计网站文案时必须要简短，并且重点突出，方便用户一眼就能看到。

2、避免一连串的提示

有时候手机网站为了让用户有更好的体验，会设置一些弹窗来指引用户，但是如果出现接二连三的弹窗提示时，反而会使用户更加不耐烦的关掉这些说明，而不管它们是不是真的有用。接连不断的引导信息不仅会产生短期记忆方面的问题，而且会让新用户觉得你的手机网站过于复杂，望而生畏。因此手机网站设计时，需要减少这些弹窗，换上更加简单的方式。

3、尽量使用图形元素

手机网站设计使用文字加上图片的形式，去除掉单调冗长的文字，这将能使用户在最短的时间里对网站信息产生大致的了解。通过使用合适的图形元素，再加上简短的重点文字，这样的网站页面更加有利于用户阅读，也可以使多步骤的流程更直观、易懂、易记忆。

4、不要和实际界面混淆

在一些功能型的手机网站设计中，在用户浏览时会提供一些指引，但是必须使引导提示在外观上与实际界面元素有着明确的区分，否则引导提示就是在干扰实际界面，用户也会迷茫，这样反而降低了用户体验。

总而言之，从用户角度出发的手机网站设计更加能够满足用户的实际需求，这样的网站制作出来才能起到更加理想的效果，而达到设计网站的目的。

4、手机弹出的提示框是什么意思

您好，是什么提示框呢
最好是截图说明一下，是第三方软件的，有消息提醒，如果是手机使用的时候就弹窗，那就属于流氓软件了，需要卸载出来

5、手机网站网页设计应该注意什么问题？

我们对手机网站制作中需要注意哪些方面的问题展开分析，为各位手机网站制作的用户们提供一些参考，现总结几点如下：

1、明确自己想在手机网站上展示哪些信息：

在手机网站制作之前应该明确自己想在手机网站上展示什么，分析一下可能的浏览者会有哪些，然后有针对性地策划和设计网站上的相关内容，这样才能做到有的放矢，不至于手机网站制作好了却没人浏览，或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作，通常手机网站在推广之后都会为企业带来一定量的潜在用户。

2、在手机网站制作时要尽量符合滑动屏幕的方式：

一般的手机屏幕，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能，但是观看起来也较为麻烦，因为网页放大后，很可能还要左右滑动才能浏览网页，浏览后还要缩小回原大小。因此在设计手机网页时，应能够以滑动屏幕的方式来阅读网页，因为滑动网页操作比着放大网页观看来要简单得多。

3、不能参照PC端网站来设计手机网站上的导航功能：

手机网页与跟一般的PC端网页不同，由于受到手机屏幕大小和屏幕操作的限制，在设计导航功能时应该按照手机屏幕来设计，不能完全照搬PC端网站，该简单的地方简单化，该去掉的去掉，同时在当阅读文章到最后时，要方便于用户回到最前头，减少卷动画面的机会，让网页变得更容易于移动设备上阅读。

4、手机网站制作也要考虑多种浏览器的兼容：

现在的移动浏览器能够处理大多数网站，一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种，比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器，如此多的浏览器在浏览网页的时候，如果手机网站的兼容性差，就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此，手机网站制作必须考虑到兼容于多种浏览器。

5、在手机网站制作时一定要减少用户文字输入操作：

现在智能手机一般都没有实体的键盘，或仅只有12键的电话输入功能，因此在输入文字上会比起使用电脑键盘麻烦得多。因此，减少使用者输入文字的机会，例如用户名、密码等，都是手机网站制作时要尽力避免的。

6、在手机网站制作时就应该考虑到日后的推广和宣传：

在手机网站制作时，不要忽略了用户体验，否则在日后的网站推广时将会遇到麻烦。任何一个手机网站，都必须经过广策划、设计和推广的过程，在手机网站制作时需要考虑日后的推广，手机网站应该在丰富站内内容的同时，提供详尽的产品信息以及联系方式，并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后，其推广工作也会非常有效果。

7、手机网站制作要兼顾非触摸屏幕的设计：

虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。

8、在手机网站制作时要记得要简化网页内容：

一般的手机、平板电脑等移动设备，由于屏幕大小的限制，不易容纳下个人电脑的大容量的网页资讯，因此手机网站制作的首要一点就是减少网页内容，最好不用图片或是影音视频等，文字也应该精简，但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页，不太重要的内容内容，可以略去，或者通过超链接链接到新网页上。

9、手机网站制作要注重网页产品和服务的展示：

企业在手机网站上，需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来，想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示，可选择企业的主要产品，对其各类参数或价格加以详细说明，对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小。

以上是在手机网站制作中需要注意的几个方面，手机网站页面设计需要符合用户体验，以方便用户操作为准则，能够为用户带来切实的帮助，这是手机网站制作上的基本要求，也是满足用户需求的基本原则。

6、手机网页设计需要注意哪些问题

格式布局

7、网页设计注意要点是什么？

网页设计要注意以下几个方面：
1、网站设计内容问题
内容是所有网站的灵魂，也是客户关心的东西，打开因特网看看企业网站，我们很容易发现，大多数中小企业网站栏目划分趋于一致：公司简介、产品介绍、联系方式等，在版式设计上也基本上是上下分栏、左右分栏等方式，在内容上要从客户考虑，要了解客户想从你页面上了解些什么，总之要贴近客户。

2、网站设计技术问题
首先应该说明的是，我们并非鼓动企业在自己的网站中加大技术含量。实际上，最重要的是所使用技术在多大程度上实现了预期的功能，或者说所要的功能需要什么样的技术实现比较经济划算。而我们在与企业接触中，常常碰到这种情况：网站中使用了先进的技术，当然进行了大笔的投资，但实际上所实现的功能通过其他方式，很低的投入就可以实现！但是企业并不了解这些。

3、网站设计交互问题
您的网站是否实现了与客户的交互，在多大程度上实现了这一功能，值得您仔细考虑，在我们接触的客户中，甚至有的客户抱怨：他的信箱至今还没有收到mail！经过我们的检查，是因为留言簿中有关信息提交的设置有问题！使得与客户之间的交流出现很大的问题，这也是很多企业应该注意的问题。另外在设计上应注意什么
1，对每一个超级链接点击之后采用新开窗口还是直接跳转，必须认真对待。如果用户点击一个link之后是要放弃当前页面开始新的体验，则应用直接跳转。如果用户点击link是要了解更多的信息，但是当前页面的信心仍然有用，则应新开窗口。
2，在每一个用户可能需要帮助的地方提供帮助信息或帮助按钮。完善的帮助系统是一个产品，网站成功很重要的因素。
3，承诺问题，不要轻易对你的用户承诺什么，但是一旦承诺了，就要尽最大努力去兑现。在首页规划和网站设计中最为突出的问题是：1）首页规划和栏目设置不合理。主要表现在栏目设置有重叠、交叉、或者栏目名称意义不明确，容易造成混淆，使得用户难以发现需要的信息。2）重要信息不完整问题。企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息，但为数不少的企业对这些重要信息不完整，尤其是产品介绍过于简单，有些甚至没有公布任何联系方式；上述几个问题只是企业网站设计问题中的部分问题，还有考虑浏览目标群体，从营销方式设计都应该是现在企业网站所在考虑的问题。每一个细微的不足和问题，都有可能失去用户，或者根本无法获得被用户发现的机会，结果最明显的表现就是访问量很小，或者由于得不到有价值的信息和服务，访问者的转化率很低，无法取得最终的收益。

8、手机网站设计应注意什么了?

我们对手机网站制作中需要注意哪些方面的问题分析，为各位手机网站制作的用户们提供一些参考，现总结几点如下：1、明确自己想在手机网站上展示哪些信息：在手机网站制作之前应该明确自己想在手机网站上展示什么，分析一下可能的浏览者会有哪些，然后有针对性地策划和设计网站上的相关内容，这样才能做到有的放矢，不至于手机网站制作好了却没人浏览，或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作，通常手机网站在推广之后都会为企业带来一定量的潜在用户。2、在手机网站制作时要尽量符合滑动屏幕的方式：一般的手机屏幕，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能，但是观看起来也较为麻烦，因为网页放大后，很可能还要左右滑动才能浏览网页，浏览后还要缩小回原大小。因此在设计手机网页时，应能够以滑动屏幕的方式来阅读网页，因为滑动网页操作比着放大网页观看来要简单得多。3、不能参照PC端网站来设计手机网站上的导航功能：手机网页与跟一般的PC端网页不同，由于受到手机屏幕大小和屏幕操作的限制，在设计导航功能时应该按照手机屏幕来设计，不能完全照搬PC端网站，该简单的地方简单化，该去掉的去掉，同时在当阅读文章到最后时，要方便于用户回到最前头，减少卷动画面的机会，让网页变得更容易于移动设备上阅读。4、手机网站制作也要考虑多种浏览器的兼容：现在的移动浏览器能够处理大多数网站，一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种，比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器，如此多的浏览器在浏览网页的时候，如果手机网站的兼容性差，就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此，手机网站制作必须考虑到兼容于多种浏览器。5、在手机网站制作时一定要减少用户文字输入操作：现在智能手机一般都没有实体的键盘，或仅只有12键的电话输入功能，因此在输入文字上会比起使用电脑键盘麻烦得多。因此，减少使用者输入文字的机会，例如用户名、密码等，都是手机网站制作时要尽力避免的。6、在手机网站制作时就应该考虑到日后的推广和宣传：在手机网站制作时，不要忽略了用户体验，否则在日后的网站推广时将会遇到麻烦。任何一个手机网站，都必须经过广策划、设计和推广的过程，在手机网站制作时需要考虑日后的推广，手机网站应该在丰富站内内容的同时，提供详尽的产品信息以及联系方式，并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后，其推广工作也会非常有效果。7、手机网站制作要兼顾非触摸屏幕的设计：虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。8、在手机网站制作时要记得要简化网页内容：一般的手机、平板电脑等移动设备，由于屏幕大小的限制，不易容纳下个人电脑的大容量的网页资讯，因此手机网站制作的首要一点就是减少网页内容，最好不用图片或是影音视频等，文字也应该精简，但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页，不太重要的内容内容，可以略去，或者通过超链接链接到新网页上。9、手机网站制作要注重网页产品和服务的展示：企业在手机网站上，需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来，想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示，可选择企业的主要产品，对其各类参数或价格加以详细说明，对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小。以上是在手机网站制作中需要注意的几个方面，手机网站页面设计需要符合用户体验，以方便用户操作为准则，能够为用户带来切实的帮助，这是手机网站制作上的基本要求，也是满足用户需求的基本原则。

9、手机网页应该怎样设计?

一、选用合适的字体。

手机网页设计成功离不开排版，排版应该获得和图片同样的重视。虽然可供选择的字体很多，设计师要考虑的方面很多，比如说，目标客户和客户公司的性质。为手机网站页眉和内容选用合适的字体是必不可少的，无衬线字体和有衬线字体通常会为设计带来良好的效果。除此之外，你还可以结合其它字体，专为孩子和女性打造网站。

二、选择合适的配色方案。

任何手机网站的设计都离不了合适的配色方案，这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影，手机网页中的页眉和导航元素使用浅色背景，这些都是不错的案例，并没有规定在简洁网页设计中不能使用大胆的颜色，但是这样的颜色要小心，克制地使用。有时候，手机网站有必要使用深色背景色来吸引某些目标用户。比起渐变色，有些手机网站更钟爱纯色。如果你的手机网站非得要使用纹理和渐变色，也不要用得太过火。

三、提高页面加载速度，手机网站以简洁为主。

一般来说，手机网站在用户下载和浏览时要比PC端网站的速度慢得多，页面东西太复杂，会耗掉用户等待网站加载的耐心，尤其是导航栏要简短清晰，能够快速地指引用户浏览网站的深层信息。对于网站内容来说，简洁突出重点就好，所谓的内容越丰富越好已不适用于手机网站了。

四、避免使用弹窗。

无论是出于方便用户联系网站客服还是做些小广告的目的，都要尽可能避免弹出窗口的应用，手机网站本来加载速度就慢，再添加这些窗口，必然会影响用户体验，阻碍用户浏览网站的视线，进而占用用户流量，引起反感而放弃对网站的继续访问。

五、手机网站图片要适配设置。

从手机上浏览网站必然没有那么方便，操作也不如PC端灵活自如，前面也说到了使用网站设计技术可以解决网站适应屏幕的问题，网站图片也不例外，但为了用户能将页面使用图片的地方看得更加清晰，可采用整站缩放的模式，而不是用户点击单张图片的缩放模式，当然，手机网站能少用图片是最好的。 六、网站操作简单化。关于新页面的打开方式，最好采用当前页面显示的方式来设计，以免新窗口造成网站资源占用的负担，同时对于出现网站错误的现象最好设置提醒，让用户快速找到页面出口进行跳转，而不是不断地进行返回操作。

七、交互式的互动行为。

用户在移动客户端都喜欢进行留言，分享功能。特别是看到一篇很棒的帖子都会选择分享到朋友圈或者空间中，让朋友也参与里面。例如现在比较流行的做就是做微信公众号大咖们，往往一篇帖子都会造成几千人的持续浏览、点赞或者分享内容，粉丝喜欢中这种参与行为，因为这种圈子拉动粉丝在持续发酵中，用户慢慢都会舍不得离开。

10、有关手机网页设计的问题

你这是做的鼠标经过效果，而在手机上是不存在经过事件的，只有点击事件。所以你版点击相权当于经过。但是没办法用获取 鼠标离开。所以就一直出现了。
你要改成JQ代码。
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>

<script>$("#nav>li").click(function(){ $("#nav>li>ul").toggleClass("on");});</script>
把你CSS的77行代码 ：
#nav li:hover > ul { display: block;}
改成
.on {display:block}