1、建设网站是使用单页面,还是使用多页面设计
?
2、如何规划和设计较复杂的网页
网页的规划和设计是两个相对独立的内容。
一般网页制作都会经历一个:规划 - 设计 - 制作 的过程。
规划,规划也叫网站策划,你需要整理出网站的内容分类,通常是从主导航入手,然后逐层细化和归类。主要的原则是流畅,清晰,这直接涉及最终的用户体验。一般规划还可以使用草图文案和原型图设计。规划工作完成时,你要整理出完整的页面列表和内容形式,比如列表,图文列表等。
设计,设计阶段是简单说是美化原型图,让网页更具美感。设计的原则自然是遵循网页设计规范,保持设计源文件的清晰度和图层合理性,这一步,你除了需要具备基础的网页设计理论外,还需要作图能力,当然,还需要你大致懂得网页效果图和实际网页的关系(字体,图片,图标等!)
制作,制作部分一般称为开发,开发分为前端和编程两部分。
前端开发,是把网页效果图制作成html文件。这一步,你需要使用到html、css、js等基础的网页编程语言。前端开发的原则是代码严谨(标签使用得当,js无错误等),页面兼容大部分浏览器和屏幕。
编程开发,是制作页面动态数据交互,也就是通常所说的增删改查。这一步的工作相对复杂,主要需要注意程序的高效性,安全性和交互的合理性。
其实,你所说的复杂,可以从两个方面理解,一是页面结构的复杂,二是程序功能的复杂。
网页结构的复杂,就是网页设计的比较“繁琐”。页面内容较多,页面中的各种交互较为复杂。这种时候,你需要有灵活的代码逻辑,也需要你能够从整体上把握网页的构成和框架,只有这样,你才可以把复杂的网页一步一步、一层一层简化掉,也就是化整为零。通常,一个网页的设计和制作也基本是1-2-3-4-5这样的制作,一个页面,氛围2个区域,然后逐层细分。当你熟练的使用position等特殊的css技巧后,你会发现,其实做网页和ps作图差不多。
程序设计的复杂性,这个就仁者见仁了,程序设计的复杂和网站规划相关,也和程序开发的模式有关,网站规划的时候,你就要把每个功能推敲好,具体这个模块或功能适合怎样的表现,大致能使用到那些技术,有无其他接口等。其实有时候,规划初期可能有20几个功能,经过推敲后变成了10个,而最终开发的时候,可能因为模块的操作的相似性又会被程序人员开发成5个功能块,当然这是一种开发模式。总而言之,程序设计的复杂性,首先需要考虑有无必要复杂,然后设计复杂程序,然后简单的验证程序的可用性,最终确定程序设计方案。
3、网页制作,如何规划页面.
一、复杂方法
在手工制作个人网站的时代,我们可以总结出的网站制作步骤基本为:设计、切割、代码生成、发布。而在此之前,应该规划出网站的结构,包括页面数、栏目设置等。
1.设计
进行页面总体规划,包括风格、布局等。网站制作要有整体风格,各部分要保持协调,整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面,常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿,笔者也一直用它做页面设计,它从6.0版开始特别增强了对网页制作的支持,显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手,由于它与Dreamweaver及Flash无缝集成,越来越受到网站制作人的欢迎。
2.切割
做完第1步,我们得到的只是一个图片文件,还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了(如Photoshop中提供的切片工具),不需要专门的软件来处理。
3.代码生成
这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知,HTML语言是一种标记型语言,不须要编译就可以直接在浏览器中执行。所以理论上,我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为,但是很耗时间,而且很难精确地控制格式。这时,便该专门的HTML编辑软件出场了。
HTML编辑软件大体上可分为两类:一类是代码型,典型代表为Homesite、Hotdog等;一类是所见即所得型,典型代表为Frontpage。也有两者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器,不同的是,它可以有专门的代码提示功能,用起来比较方便。所见即所得是目前大家最推崇的方式,因为可视化的编辑基本丢弃了代码,方便快捷。
说到Dreamweaver,笔者就不多介绍了,我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式(即所见即所得),并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求,甚至还提供了ASP、PHP等脚本语言的代码提示。
4.发布
将制作好的页面放到服务器上,以便更多的人能浏览。发布通常采用FTP的方式,将文件上传到服务器。目前的网页制作工具基本上都有发布工具,可以通过各种方式发布你的页面,如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。
4、网站设计是单页还是多页好
单页网站优势:
单页网站最直接的好处是以简单,容易和可操作的方式展示给用户。
单页站点可以让用户沉浸在简单的线性体验。整个页面有简单的头部,中部,尾部。事实上,单页网站的滚动特性使得它们非常适合于习惯了该手势的移动用户。有些专家认为,与较大的多页网站相比,单页网站的转化率更高。
劣势:
单页网站最大的劣势就是陷入把过多的内容放置在一个页面里。因为一个页面不可能容纳所有的一切。而是需要有视觉层次和大量的规范制约。随着内容类别的增加(例如博客,新闻,服务,产品),单页网站的可用性越高。从技术的角度来看,单页网站的搜索优化比多页网站少。当一个页面上的内容和图像很多时,他们会加载很慢。对搜索的内容查询。虽然单页网站可能会提高您的主要关键字的相关性,但更有可能会稀释其在自己的网页上排名更高或次之的子主题和字词的相关性。
多页网站:多页网站通常由拥有广泛产品或服务的大公司所有。 他们的用户也可能是相当多样化,这些网站的要点是:需要尽可能大容量;由于内容的数量,他们需要层次分明;很多时候,它们由许多微型网站和子部分组成,以分解信息和内容,并提供多个入口点;它们提供对多个页面和改变内容的SEO的更好控制。
优势:
多页网站对于需要传统导航的用户来说很有意义。他们需要给用户提供更多的信息。例如,对于电子商务网站,用户不想花费一个页面了解您公司的故事或员工。而是想要找到想要的产品,付费然后使用。在这种情况下,到不同页面的导航栏就会非常有效。
劣势:如果设计的网站越复杂,传统导航就越难展示和查找。
总结:采取内容优先的方法。 找出用户关心的内容,然后相应地设计您的界面。
确保你的网站适合纯粹的单页体验。 如果你不能把所有内容简洁的放入一个页面,请考虑混合网站。 如果需要用户知道多个类别,请使用多页网站。
不要忽视SEO, 可以用单页网站建立搜索引擎优化。
用户不总是喜欢阅读, 这就是为什么信息图表和视频是新用户体验的一部分。 任何大小的网站都需要使用户可以快速浏览。
把事情简单化, 设计的一致性实际上对用户来说操作更简单。
网站的清晰度很重要。
5、对网页设计师而言,是选择单页面还是多页面的设计
单页面适用于展现内容较少、表现相对单一,但又很个性化的网站。例如设计师的个人主页、单个产品展示等。
6、刚学html,关于网页前端设计怎么实现这种效果? 在同一个页面有两个登陆窗口,以及上面下拉出现很多
http://www.17sucai.com/preview/208672/2014-11-25/js模拟上古世界官网多级下拉导航菜单/index.html
http://www.17sucai.com/preview/289750/2015-11-25/简洁大方的登录页面/index.html