1、网页设计问题
div与 table有本质的区别.是block元素 浏览器下载的时候呈块壮下载,在加上css的分离,让浏览器在执行前先解释 css后加载布局,加快了下栽速度.还有就是针对优化的问题,table如果超过了3层收索引擎就不再抓取,而div则不会.div+css写代码耗费时间长,不熟悉者难控制,考虑很多,特别是css兼容问题.但做出来.美观度,以及优化度都好.而且现在基本上网站都会采用div+css,表格布局很少用了。
css优点
Div+CSS标准的优点:
1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
2.结构清晰,容易被搜索引擎搜索到,天生优化了seo
3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了,有了CSS,我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题,改变字体颜色,字体样式等等。
5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
6.提高易用性。使用CSS可以结构化HTML,例如:<p>标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7.可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。
8.更好的控制页面布局。不用多说。
9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
11.Table 布局灵活性不大,你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
12.另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
13.Table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。
14.在几乎所有的浏览器上都可以使用。
15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
16.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
17.你可以轻松地控制页面的布局 。
18.你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。 表格不会被淘汰 它也有DIV所不能取代的效果 方便快速的布局 只要不是经常改动的小部分就可以用表格。
2、怎么做好网站页面交互性
交互性从本质上来说,就是网站能够知道用户想什么,进而引导用户快速找到相关的内容。这看起来有点智能化,对于网页设计者而言,似乎自身的能力难以达到,因为这会涉及到大数据,会涉及到用户行为的捕捉,也就是说需要大量的智能化设计工作。对于一个网页设计工作者而言,显然不具有这样的能力。
可是这并不表明网页设计者就不能够设计出良好的交互性页面,让用户一打开网页就能快速定位相应的内容,从而提升网站的用户体验,实际上只需要从以下几点进行设计就能够实现。
第一,让logo、按钮和链接都显著起来。现在很多网页设计者在设计网页时,往往喜欢将这些标识变得模糊,为的就是让页面看起来混为一体,看起来整个页面非常的美观,可是却往往让用户难以进行点击。尤其是一些按钮上的文字或者按钮设计,基本上就是以超链接且无明显标识的形态出现,当用户进行投票或者参选时,很难查找。还有就是一些表单的填写,以及相应的提示都相对缺乏,这些都会极大的影响到用户的交互,进而导致用户在网站上消耗太多不必要的时间。
那么如何让这些素材变得清晰呢?我们可以参考一些门户网站,比如网易,之前的首页超链接下面都有下划线,现在首页上已经没有下划线,可是当我们鼠标滑过之后,却能够清晰的出现下划线,这样就能够给出明显的信号。这种设计既能够增强网页的美观性,又不会影响到网页的交互。
第二,适当隐藏不需要的弹窗。现在有些网站为了增加网页内容的展示量,或者为了增加一定的广告点击率,往往会设置很多弹窗,而且大多分在网页的两侧,尤其是当网页设计进入到宽频时代之后,在1024*768的网页设计面积下,两旁会留下较大的留白,于是很多网站开始增加相应的弹窗,为用户提供各种各样的广告。在不影响到用户体验的前提下,这么设计无可厚非。但是有的网站当用户在使用传统的4:3比例的屏幕打开网页时,依然会弹出相应的广告页面,此时显然就不合适了,应该给予隐藏设计,除了用户想要看看什么内容,需要鼠标滑过才能显示,划出之后又能够隐藏,这可以有效提升网页的交互性。
当然在某些情况下,还要适当的展现一些弹窗,尤其是用户在操作网站,比如填写相应的表单,处理相关的数据时,一旦发现用户的操作存在错误,就可以实时的弹出相应的解决问题的弹窗,此时会快速帮助用户解决问题,进而赢得用户的好感。
第三,让网页的导航变得清晰。有些网站设计人员往往认为导航对于网站的重要性不强,所以在设计上相对随意,甚至将网页导航的相关信息放在不显眼的位置。而事实上,很多首次来到一个新网站的用户,往往会优先关注网页上的导航,然后据此寻找相应的内容。所以让网页的导航变得清晰同样非常重要。在这里还要提出一点,为了让网页导航变得更加快速,在网页上增添搜索框,实现网站内部的搜索同样非常重要,这也是增强网页交互性的重要措施、
总而言之,虽然大数据、智能化能够提升网页的交互能力,通过用户行为分析来和用户进行智能交互。不过我们在网页设计过程中,同样需要可以和用户进行交互的元素,然后据此来优化交互效果,从而提升用户的体验度,那么就算是没有引入那些高科技,也能够让自己的网站变得具有良好的交互性,进而提升网站的服务水平
3、网页显示不完整怎么办?
如果真像楼主所说的好好的突然不行了,这样
这种问题一般有两种解决方法,第一,在IE浏览器了,清楚COKE
IE,清除缓存,和清除已保存网页,然后重启浏览器,第二.卸载,fiash插件,重装fiash插件
重启电脑
就OK了
4、怎么制作自己的网页?
★建设自己的网站较好的步骤☆
必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。
我觉得建站可以按照以下步骤进行:
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的功能很强大,安装了它的朋友们可以研究研究。
5、网页上的内容打印出来太小怎么办
1·上网时将浏览器缩放比率设置为100%,一般情况下,网页设计者都会考虑网页的比例尺寸,100%是设计者理解的视觉体验。在打开一个网页时,点击浏览器右下角的“浏览器缩放功能”,在弹出的列表中选择“缩放比例100%”即可。如果觉得还是不合适,可选择适当的进入增大或减小调整。
2·通过更改文字大小来调整网页的整体视觉效果。点击“查看”菜单,从中选择“文字大小”,如果觉得网页太小,则可以将文字调大一些,例如选择“较大”,会发现网页中的字体总体变化,这样就更有利于阅读。
小贴士:利用该功能只要实现部分网页的调整大小。
3·通过设置屏幕的分辨率来达到更加合适的效果。由于目前大部分网页设计时参加的分辨率都是1024*768,而目前大部分计算机的分辨率都远大于这个数据,从而导致浏览器在浏览网页时两侧会留下过多的空白,这在一定程序上影响上网者的阅读和查看。具体设置方法:在桌面上右击,从弹出的菜单中选择“屏幕分辨率”,在弹出的“屏幕分辨率”窗口中将分辨率设置为“1024*768”,最后点击“确定”完成设置。此时再打开网页时发现整个屏幕正好被网页内容占满。
4·在浏览网页的过程中,如果发现网页太小或太大,均可以通过快捷方式来实现网页大小的任意设置。实现方法:按住键盘上的“Ctrl”键不放,然后通过滚动鼠标中间 的“滚轮”来实现网页内容的任意大小调整。
5·更改显示文本的大小。在桌面上右击,从弹出的菜单中选择“屏幕分辨率”,在弹出的“屏幕分辨率”窗口中点击“放大或缩小文本或其它项目”,在弹出的新窗口中选择“较大文本”,最后点击“应用”完成设置。此时再打开网页时发现网页中的字体明显增大。
6、怎么设计网页?
要想学做网页,首先得了解制作网页的工具
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者
7、怎么设计官网才能让网站看起来比较有档次
访问者打开网站首先看到的是什么?内容,内容至关重要,每个设计师都希望以最有用,最直观的方式在其网站上展示内容。因此,为你的内容选择布局是尤为重要的。
许多人认为,他网站的Web布局应该是独一无二的,才能满足需要,事实并非如此。
如果你有访问现在流行的网站,你会发现其中有许多网站都使用相似的布局。这不是巧合,也不是出于懒惰,这是因为这些布局具有以下优点:
1.单列
单列布局在一个垂直列中显示主要内容。此类布局可能是该列表中最简单的布局,并且对于用户来说是最容易导航的。访客只需向下滚动即可查看更多内容。
尽管简单,但单列布局在许多网站中还是很受欢迎。手机也对这种布局的普及产生了影响-单列布局非常适合手机。
2.分屏
拆分屏幕(或一个屏幕一分为二)的Web布局非常适合具有两个相同重要性的主要内容的页面。
3.不对称布局
不对称是布局两侧之间缺乏平等性。不对称性是艺术界长期以来最喜欢的技术,最近在创建网站布局时在设计师中变得很流行。
许多人将不对称与不平衡混为一谈,但实际上,不对称的目标是在不可能或不希望对两个部分使用相等的权重时创建一个平衡。使用不对称性可以产生张力和动力,并且不对称性可以通过将用户的注意力集中在单个对象(焦点)上来突出这一点,通过更改每个不对称内容的宽度,比例和颜色,设计人员促使网站保持视觉吸引力。
4.纸牌网格
卡片是存放可点击模块的好布局-它们使设计人员能够以可消化的方式展示大量信息。咬合大小的预览(通常是图像和简短说明)可帮助访问者找到自己喜欢的内容,并通过单击或点击卡片来深入了解细节。
纸牌网格最重要的一点是几乎可以无限操作。网格的大小,间距和列数可以变化,并且卡的样式可以根据屏幕大小而变化(可以重新排列卡以适合任何屏幕)。这就是为什么卡片网格在响应式设计中表现如此出色的原因。
5.盒子
此布局具有一个较大的页眉宽度框和一些较小的框,每个框占据较大框的屏幕空间的一部分。较小的盒子数可以从2到5不等。每个框都可以是一个链接,可链接到更大,更复杂的页面。
6.特色图片
网站布局基于以下想法:在设计中使用图像是销售产品最快的方法。精选图片营造出与访客之间的情感联系-大而粗体的照片或物体插图表达出鲜明的印象,并给人留下深刻的第一印象。
结论
设计网站时,请务必记住内容永远是最重要的。该网站的主要目的仍然是发布易于消化的内容。无论你选择使用哪种网站布局,都必须选择一种能使你的内容脱颖而出的网站。