静态网站设计
seo优化主要包括哪几个方面？
在网站推广方法中，搜索引擎推广是最重要的方法之一，而Google目前是世界最NB的搜索引擎了，占全球56％的搜索引擎市场，所以网站在Google中的推广不可忽视。不过，目前大多网站在Google中的推广都是给Google钱，做Google右边的广告。 Google右侧广告虽然效果还凑合，但是价格毕竟太高了（每次点击，0.05美元），不是我们平常的网络老百姓能够承受了的。如何不给Google一分钱在Google中更好的推广自己的网站呢？这里我教大家一套秘笈---- Google左侧排名。 Google左侧排名，主要是通过技术手段，提高网站在Google中的综合评分自然的获得较好的排名的。这里我们一下Google左侧排名技巧： 第一步：Google排名第一步要先了解Google排名的因素: Google排名因素据说超过300种，这个数据是一个国外的著名的SEO（搜索引擎优化研究）研究者提供的，不过我们必须研究那么深，因为我们祖先有句非常有道理的话是这么说的：万变不离其宗！ Google排名因素主要有以下几条： A: 网站结构：合理的网站结构可以让Google轻松搜索到你网站的大多内容，收录你大量的页面，的关注你这个网站。是排名很重要的一条因素。 B: 标签设计：搜索引擎都喜欢通过一些标签来认识网页，判断网页，Google也不见外。此条因素也非常重要。 C: PageRank：也就是常说的PR值。Google对网页的等级评分。是排名因素中的重中之中，下面会给大家详细谈一下。 D: 网站流量：网站流量越大，Google越关注，而且不光对你网站更新非常快，而且对排名的好处也是非常大的。 E: 其他因素还有很多很多，这里就不列出来了，只要前面那四项我们想办法做好就OK。 第二步：优化网站：优化网站主要包括：网站结构优化，网站标签优化，网站页面优化，为的是让Google更容易搜索你的网站并且关注你想排的关键词。这里举个实际例子给大家谈： A: 结构优化：让想GOOGLE收录你网站的网页，关键就是要让各个页面之间相互都有连接。另外最好再做一个详细的网站地图页面。例如： 各个页面之间的连接结构 网站地图 B: 标签设计：网页标签主要是两个标签，一个是网页标题，一个是简介标签，一个是关键词标签。标签中要适当的突出关键词。例如在Google中输入“电子商务”一次排名第一的网站首页标签是这么设计的： 电子商务指南是一个专业的电子商务交流学习站点，主要有以下栏目：电子商务新闻、电子商务研究、电子商务论文、电子商务法律、电子商务论坛。另外提供电子商务与网络营销咨询策划服务.">。 电子商务"> 这三段标签要放在与之间 注：标题标签长度不可超过40个字符（20个汉字）为好。 注：简介标签要清晰明了的写出网页简介内容，另外突出关键词。不要过长和写与网页内容不相干的内容 注：关键词标签写太多容易被认为作弊，老实写出就OK，不要写与自己网页无关的词。 C: 网页优化： 首页：许多网站首页都是纯FLASH或者是一个图片，这样结构的网站很不合理，首页是一个网站的入口，起到的主要就是导航作用。首页最好一个清晰明了又有内容的页面。 另外，网页文本内容中要突出关键词，里面遇到的关键词可以用加粗。另外文本中有其他页面的关键词的话，可以将这个关键词加上超链接，导向相关页面。 注：每个网页突出的关键词越少越好，最好不要超过3个。另外，网页中的关键词的密度一定要把我好一个度，不要太低，也不高太高。一般在3％左右比较合适。 第三步：提高网站的PR值. PR值是Google对网页的评分，主要根据网页之间的连接来计算：比如，A站有B站的连接，一个用户从A站点击B站在A站的连接进入B站，就表示A站投了B站一篇，将被GOOGLE记录。一个网页的外部连接越多，它的PR值就越高。 提高网页PR值主要有以下几中方法: A: 和PR值高的网站做友情连接。 B: 登陆YAHOO, DMOZ 等许多网页目录。 C: 到一些自助连接站点登陆自己网站的连接。 D: 优化网站结构，让网站自身页面之间都有很好的连接。 第四步：提高网站流量：想让自己网站本身的流量越好越好，首先第一条就是要把网站自身内容做好，粘住浏览过你网站的客流，让他们第一次上你网站就记住你网站，并且下次需要相关信息了还会来你的网站。另外就是配合着做其他方面的推广。 Google左侧排名不给Google一分钱，而且如果左边排名达到后，效果是Google右侧广告效果的三十倍以上。还犹豫什么，赶快行动吧！
做网页设计,不用JSP只用HTML可以吗??
可以，但是只能做出前端的静态页面，不能实现任何后台的交互功能。1、HTML是超文本标记语言，其只能实现前台的静态页面，也就是能实现人们看到的部分，所以HTML属于前端语言，只能制作静态太页面。2、JSP属于后台语言，可以实现网站的许多后天功能，实现前台与后台数据库的交互，属于编程语言而不是标记语言。SP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它[1] 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。
网页设计如何定义图片的位置和大小
网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。 宽度: 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计. 如果是800的分辨率一般都设成770。但也有设成760的. 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右. 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 八、88*31，主要用于网页链接，或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片，FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K 流媒体 300*200（可做不规则形状但尺寸不能超过300*200） 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上，尺寸120*60 2.首页顶部通栏，尺寸468*60 3.首页顶部通栏，尺寸760*60 4.首页中部通栏，尺寸580*60 5.内页顶部通栏，尺寸468*60 6.内页顶部通栏，尺寸760*60 7.内页左上，尺寸150*60或300*300 8.下载地址页面，尺寸560*60或468*60 9.内页底部通栏，尺寸760*60 10.左漂浮，尺寸80*80或100*10
静态、自适应、流式、响应式四种网页布局有什么区别？
响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的css，而且css都是采用的百分比的，而不是固定的宽度，不同点是响应式的模板在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式，而自适应不会，所有的设备看起来都是一套的模板，不过是长度或者图片变小了，不会根据设备采用不同的展示样式，流式就是采用了一些设置，当宽度大于多少时怎么展示，小于多少时怎么展示，而且展示的方式向水流一样，一部分一部分的加载，静态的就是采用固定宽度的了。
