导航:首页 > 万维百科 > 新浪网的网页设计

新浪网的网页设计

发布时间:2020-11-06 05:55:48

1、一般新浪或腾讯的网页是怎么制作出来的?

1.网页设计师先将网页设计出来。
2.进行网页制作,就是切片,div+css布局,将图片变成网页。
3.后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等
具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。
后台目前流行PHP语言。这些都是基础

2、新浪网与凤凰网在网页设计上有什么相同点和不同点

凤凰网专攻新闻类资讯的新闻类门户网站,有时观点较为偏激、独特,凤凰网的评论不是很自由的
新浪是全内容覆盖的综合性门户网站,新闻、娱乐、视频、游戏栏目都有很大的影响力,微博和博客更加不用说了,流量和收入都是凤凰网的几倍

3、制作网页时 如何 实现新浪博客的显示源代码功能

是他们用了JS文本编辑器,去下载一个 FCKeditor吧,这些功能版都权有了。
http://ke.baidu.com/view/1093993.htm

4、可以让自己制作的网页同步显示新浪财经的股市的表格吗 怎么弄

这个我可以肯定的告诉你,是可以的, 但有可能要做接口,或掉用相关网站的API实现。

5、求关于新浪页面上图片滚动效果的网页制作方法(加分贴)

这是我在新浪网上原有的基础修改了一下,还有一些简单的注释,图片部分自己可以修改,链接也可以,看看吧,感觉真的很麻烦,头都有点大。。。。。。

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312" />

<style type="text/css" media="all">
<!--/*--><![CDATA[/*><!--*/
body { background-color:#FFF; margin:0px 0px;}

td,p,li,input,select,div,span {font-size:12px;page-break-after:auto;}
table,td,img,div,span,form{border: none;margin: 0 0 0 0;padding: 0 0 0 0;}

A img{border:none;}

A:link {color:#00f;}
A:visited {color:#800080;}
A:active {color:#f00;}
A:hover {color:#f00;}

.linkBlack a:link,.linkBlack a:visited {text-decoration: none;color:#000;}
.linkBlack a:active,.linkBlack a:hover {text-decoration: underline;color:#f00;}
.linkBlack{color:#000;}

a.mplink { text-decoration: none;}
a.mplink:link,a.mplink:visited {color:#000038;}
a.mplink:hover,a.mplink:active,a.mplink:focus { color:#ffffcc;}

.imgStar img {cursor:pointer; position:relative; top:2px;}
/* 定制焦点图 begin */
.focusPic{width:400px; height:320px; overflow:hidden; position:relative;}
.focusPicNum{position:absolute; width:100%; z-index:99; right:0; top:296px; background:#c0daeb; height:24px; padding-right:5px; width:395px;}
.focusPicNum .NumImg{float:right; width:145px;}
.focusPicNum .NumImg img{margin:5px 0 4px 5px;}
.NumLT{float:right; color:#006; text-align:right; font-size:12px; line-height:24px; padding-top:2px;}
.focusPicTextU01{position:absolute; height:5px; width:9px; z-index:99; left:267px; top:195px; overflow:hidden;}
.focusPicTextU02{position:absolute; height:5px; width:9px; z-index:99; left:295px; top:195px; overflow:hidden;}
.focusPicTextU03{position:absolute; height:5px; width:9px; z-index:99; left:322px; top:195px; overflow:hidden;}
.focusPicTextU04{position:absolute; height:5px; width:9px; z-index:99; left:348px; top:195px; overflow:hidden;}
.focusPicTextU05{position:absolute; height:5px; width:9px; z-index:99; left:377px; top:195px; overflow:hidden;}
.focusPicText{position:absolute; width:320px; height:96px; z-index:99; right:0; top:200px; background:#fff; text-align:left; padding:9px 70px 0 10px; line-height:19px; overflow:hidden; color:#333; line-height:19px;}
.focusPicText span{width:26px; line-height:19px; padding-left:19px; background:url(http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_002.gif) no-repeat left;}
.focusPicText .RedTi{color:#ce3201; font-weight:bold; font-size:12px; line-height:20px; padding-left:18px; background:url(http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_003.gif) 0 3px no-repeat; display:block; width:300px; text-align:left;}
.focusPicText .RedTi a:link,.focusPicText .RedTi a:visited{text-decoration:none;color:#ce3201;}
.focusPicText .RedTi a:active,.focusPicText .RedTi a:hover{text-decoration:underline;color:#f00;}
.focusPicText a:link,.focusPicText a:visited{text-decoration:underline;color:#006;}
.focusPicText a:active,.focusPicText a:hover{text-decoration:underline;color:#f00;}
/* 定制焦点图 end */

/*]]>*/-->
</style>

</head>
<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">

<!-- 图1 begin -->
<div class="focusPic" id="focusPic1">
<div class="focusPicTextU01"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicText">
南丁格尔、白衣天使、制服系……经过Japan制造的家庭录影带洗礼之后,一般人对于护士的印象已经不是一张干净的白纸了。
<span class="RedTi"><a href="http://bn.sina.com.cn/ent/2006-09-18/160124581.html" target="_blank">超级两代电力公司:麻辣俏护士(上)</a> <a href="http://bn.sina.com.cn/ent/2006-09-18/160224582.html" target="_blank">(下)</a></span>
</div>
<div class="focusPicNum">
<div class="NumImg"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://ent.sina.com.cn/bn/zongyi/" target="_blank"><img src="http://image2.sina.com.cn/book/.jpg" width="400" height="200" alt="《超级两代电力公司》:麻辣俏护士" title="《超级两代电力公司》:麻辣俏护士"/></a></div>
</div>
<!-- 图1 end -->

<!-- 图2 begin -->
<div class="focusPic" id="focusPic2" style="display:none;">
<div class="focusPicTextU02"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicText">
周笔畅现身华娱卫视《全明星歌会》,与笔迷亲密互动,除了现唱多首新歌外,还被揭发04年的时候,她与黄子佼和陶喆在华娱的前缘旧事。
<span class="RedTi"><a href="http://bn.sina.com.cn/music/2006-09-18/120524551.html" target="_blank">《全明星歌会》:周笔畅</a></span>
</div>
<div class="focusPicNum">
<div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/music/2006-09-18/120524551.html" target="_blank"><img src="http://image2.sina.com.cn/book/.jpg" width="400" height="200" alt="《全明星歌会》:周笔畅" title="《全明星歌会》:周笔畅"/></a></div>

</div>
<!-- 图2 end -->

<!-- 图3 begin -->
<div class="focusPic" id="focusPic3" style="display:none;">
<div class="focusPicTextU03"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicText">
男人眼中女人最性感的部位是哪里?15%的人认为臀部是最性感的部位,而14%的人认为胸部是最性感的部位……男性更关注胸部,而女性则认为眼睛是最性感的部位。
<span class="RedTi"><a href="http://bn.sina.com.cn/z/06seafood/index.shtml" target="_blank"></a></span>
</div>
<div class="focusPicNum">
<div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/cetv/2006-09-17/215324512.html" target="_blank"><img src="http://image2.sina.com.cn/book/.jpg" width="400" height="200" alt="《夜来女人香》半熟男女:最性感的部位" title="《夜来女人香》半熟男女:最性感的部位"/></a></div>
</div>
<!-- 图3 end -->

<!-- 图4 begin -->
<div class="focusPic" id="focusPic4" style="display:none;">
<div class="focusPicTextU04"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicText">
传奇,她今年九岁,跳舞时沉稳的架式,彷佛像个小大人。漂亮,她今年只有八岁,精湛的舞技是不是也让你感到相当不可思议呢?
<span class="RedTi"><a href="http://bn.sina.com.cn/ent/zongyi/index.html" target="_blank">点击进入新浪宽频“非常综艺”专区</a></span>
</div>
<div class="focusPicNum">
<div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/ent/2006-09-15/175624488.html" target="_blank"><img src="http://image2.sina.com.cn/book/.jpg" width="400" height="200" alt="《我猜我猜我猜猜猜》:小小舞蹈高手" title="《我猜我猜我猜猜猜》:小小舞蹈高手"/></a></div>
</div>
<!-- 图4 end -->

<!-- 图5 begin -->
<div class="focusPic" id="focusPic5" style="display:none;">
<div class="focusPicTextU05"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicText">
1931年9月18日晚上,日本驻中国的侵略军,并借机突然袭击了东北军驻地北大营和沈阳城。随即侵占20多座城市及其周围的广大地区。这就是当时震惊中外的“九·一八”事变。
<span class="RedTi"><a href="http://bn.sina.com.cn/dv/" target="_blank"></a></span>
</div>
<div class="focusPicNum">
<div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05on.gif" width="23" height="15" alt=""/></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/dv/2006-09-18/163524601.html" target="_blank"><img src="http://image2.sina.com.cn/book/.JPG" width="400" height="200" alt="不能忘却的纪念——《勿忘九一八》" title="不能忘却的纪念——《勿忘九一八》"/></a></div>
</div>
<!-- 图5 end -->

<script language="javascript" type="text/javascript">
//<![CDATA[
var time1 = 0; //打开页面时等待图片载入的时间,单位为秒,可以设置为0
var time2 = 5; //图片轮转的间隔时间

var timeout1 = time1*1000;
var timeout2 = time2*1000;
var nn = 1;//初始焦点

var curFileNum = 1;//传递给myPlayer对象 表示目前焦点序列值

if(navigator.appName == "Microsoft Internet Explorer"){
setTimeout('change_img()',timeout1);
}
function change_img(){
if(nn>5) nn=1
setTimeout('setFocus2('+nn+')',timeout1);
nn++;
tt=setTimeout('change_img()',timeout2);
}
function setFocus2(i){
curFileNum = i;
selectLayer1(i);
}
function setFocus1(i){
nn = i;
curFileNum = i;
selectLayer1(i);
}
function selectLayer1(i){
switch(i){
case 1:
document.getElementById("focusPic1").style.display="block";
document.getElementById("focusPic2").style.display="none";
document.getElementById("focusPic3").style.display="none";
document.getElementById("focusPic4").style.display="none";
document.getElementById("focusPic5").style.display="none";
break;
case 2:
document.getElementById("focusPic1").style.display="none";
document.getElementById("focusPic2").style.display="block";
document.getElementById("focusPic3").style.display="none";
document.getElementById("focusPic4").style.display="none";
document.getElementById("focusPic5").style.display="none";
break;
case 3:
document.getElementById("focusPic1").style.display="none";
document.getElementById("focusPic2").style.display="none";
document.getElementById("focusPic3").style.display="block";
document.getElementById("focusPic4").style.display="none";
document.getElementById("focusPic5").style.display="none";
break;
case 4:
document.getElementById("focusPic1").style.display="none";
document.getElementById("focusPic2").style.display="none";
document.getElementById("focusPic3").style.display="none";
document.getElementById("focusPic4").style.display="block";
document.getElementById("focusPic5").style.display="none";
break;
case 5:
document.getElementById("focusPic1").style.display="none";
document.getElementById("focusPic2").style.display="none";
document.getElementById("focusPic3").style.display="none";
document.getElementById("focusPic4").style.display="none";
document.getElementById("focusPic5").style.display="block";
break;
}
}
//]]>
</script>

</body>
</html>

6、为什么大网站比如腾讯新浪等,都不使用自适应设计网页,而是再设计一个移动端网页

因为这要牵扯到很多栏目,很多页面,要一一改起来还不如重新设计来的快

7、用Dreamweaver制作网页,在网页中创建指向“新浪”首页的超级链接时,链接目标地址应使用什么

绝对路径<a href=" http://www.sina.com.cn/ " >新浪回答</a>

与新浪网的网页设计相关的知识