用dreamweaver做一个像hao123首页这样的网站

我想用dreamweaver做一个像hao123首页这样的网站,里面的链接都用#代替就行了!问题是现在那个框架我不会做...有哪位高手会的,加我的QQ教下!我会再加分的!谢谢!在线等!!
最新回答
旧梦时光机丶

2024-04-24 02:54:59

[<style type="text/css">
<!--
td,body,div{font:13px 宋体}
body{background:#fcfff7}
img{border:0}
*{padding:0;margin:0}
a:link, a:visited{color:#000;text-decoration:none}
a:active{color:green;text-decoration:none}
a:hover{color:red;text-decoration:underline}
a.slv:link{color:#205001; cursor: hand; font-family:宋体; text-decoration: none}
a.slv:visited{COLOR:#205001;TEXT-DECORATION:none}
a.slv:active{color:green;text-decoration:none}
a.slv:hover{color:red;text-decoration:underline}
#TbSet, #FrLgn, #FrP, .WA{width:970px;text-align:center;clear:both}
.WA {height:15px;margin-top:7px; margin-bottom:-1px}
.WA a{color: #1A1A1A}
.WB {width:970px;text-align:left;clear:both;height:16px;margin-top:11px}
#TbSet td{background:#3DB836;height:16px;vertical-align:bottom}
#TbSet td a{color:#fff}
#TbSet td a:hover{color:red}
#TdSt{font-weight:600;width:720px;text-align:left}
#FrLgn{background:#F0F7FF;padding-top:1px;border:1px solid #DAE9F7; padding-bottom:2px}
#FrLgn input, #FrLgn select{font-size:13px;font-family:verdana,arial}
#FrLgn select{width:136px}
#FrP{font-size:13px;border:1px solid #7BD676; background:url(line.gif); height:48px; padding-top:1px; padding-bottom:2px} <!-- 修改高度44-48>
#FrP a{color:#205001}
#FrP a:hover{color:red}
#PA{width:970px;clear:both;height:832px!important;height:auto;margin-bottom:5px}
@media screen and (min-width:0px){#PA{height:831px!important}}
#PL{float:left;width:211px!important;width:215px;background:url(line.gif);border:2px solid #7BD676;padding:0px!important;padding:3px 3px 0 20px;height:823px!important;height:823px;font-size:15px; text-align:left; color:#3DB836; font-weight:600; line-height:30px!important;line-height:33px}
@media screen and (min-width:0px){#PL {height:823px!important;width:211px!important; line-height:31px!important;padding:1px 0px!important}}
#PL a{padding:2px 0 0 8px!important;padding:0;height:15px!important;height:30px;font-size:14px;LINE-HEIGHT: 30px; font-weight:100}
@media screen and (min-width:0px){#PL a{height:15px!important;line-height:15px!important;padding:2px 0 0 8px!important;font-size:14px!important}}
.paplfont {color:#3DB836; font-weight:600;line-height:30px}
@media screen and (min-width:0px){.paplfont{line-height:29px!important}}
#PR {float:right;width:750px!important;width:750px}
#Pr table{width:100%;border-width:2px 2px 2px 2px;border-style:solid; text-align:center;float: right; border-color:#7BD676} <!-- 改动>
#t1{width:100%;border:1px solid #7BD676;border-right:0}
#t1 tr td{line-height:25px!important;line-height:25px;font-size:14px;}
@media screen and (min-width:0px){#t1 td{line-height:26px!important}}
h2{text-align:center;font-size:10px;background:#7BD676;font-family:宋体}
@media screen and (min-width:0px){h2{line-height:14px!important}}
#t2 a:link, #t2 a:visited{color:#093D86}
#t2 a:hover{color:red}
h4{font-size:1px;font-weight:200;line-height:0}
@media screen and (min-width:0px){h4{line-height:0;font-size:0}}
#TbM{width:100%;border:1px solid #7BD676}
.ry{background:#FFF8F0}
.rb{background:#F0F7FF}
#TbM td{border:0;font-size:13px;line-height:25px!important;line-height:25px}
@media screen and (min-width:0px){#TbM td{line-height:25px!important}}
#TbM td.pl{width:64px}
#TbM td.pl a{color:#874604}
#TbM td.pl a:hover{color:red}
#TbM td.pr{width:60px}
#DS{width:966px!important;width:970px;border:2px solid #7BD676;border-bottom:1px solid #DAE9F7;clear:both;display:block;margin-top:5px}
@media screen and (min-width:0px){#DS{width:970px!important}}
h3{font-weight:100;font-size:13px;text-align:left!important;text-align:center;padding:3px 0 3px 12px!important;padding:3px 10px; 3px 10px;line-height:135%}
h3 a:link,h3 a:visited{color:#205001}
h3 a:hover{color:red}
.h5{font-weight:100;font-size:13px;text-align:left!important;text-align:center;padding:3px 0 3px 12px!important;padding:3px 10px; 3px 10px;line-height:135%;background:#F7F8E8}
.h5 a:link,.h5 a:visited{color:#444444}
h1{font-size:13px;font-weight:100;line-height:190%}
#DE{border:2px solid #7BD676;border-top:0;background:#F0F7FF;margin-bottom:10px;width:966px!important;width:970px}
@media screen and (min-width:0px){#DE{width:970px!important}}
#DE table{width:940px!important;width:100%;margin:0 0 5px; font-size:13px;font-size:13px!important}
@media screen and (min-width:0px){#DE table{width:970px!important}}
#DE td{line-height:21px;text-algin:right!important; padding-top:8px}
#DE input {padding:auto!important;margin-right:5px!important;margin-right:0}
@media screen and (min-width:0px){#DE input{padding:auto!important;margin-right:1px!important;margin-right:0}}
h6{width:970px;text-align:center;font-size:13px;font-weight:100;height:33px}
hr.cg {border:0;border-top:#7BD676 1px solid;width:99%;clear:both;background:transparent;height:1px;margin:-2px;padding:0;line-height:1px;text-align:center}
.searchfod1 {FONT-WEIGHT: bold; background-color:#3DB836;COLOR: #fff; text-align:center; width:80px}
.searchfod2 {BACKGROUND-color: #eeeeee;CURSOR: pointer; text-align:center; width:80px}
.imglogo{margin-top:2px;margin-top:-2px!important}
@media screen and (min-width:0px){.imglogo{margin-top:-2px!important}}
.redfont{color:#FD5151}
.greenfont2{color:#179117}
a.greenfont:link{color:#179117; cursor: hand; font-family:宋体; text-decoration: none}
a.greenfont:visited{COLOR:#179117;TEXT-DECORATION:none}
a.greenfont:active{color:green;text-decoration:none}
a.greenfont:hover{color:red;text-decoration:underline}
a.greenfont1:link{color:#178517; cursor: hand; font-family:宋体; text-decoration: none}
a.greenfont1:visited{COLOR:#178517;TEXT-DECORATION:none}
a.greenfont1:active{color:green;text-decoration:none}
a.greenfont1:hover{color:red;text-decoration:underline}
.bgc{ background-color:#fcfff7}
.blackfont{color:#000}
--></style>
<STYLE><!--
#vsearchm DT A.on { BACKGROUND-POSITION: 97% -99px}
#vsearchm DT A:hover { BORDER: #b0bec7 1px solid; BACKGROUND: url(images/dropdown.gif) no-repeat 97% -48px;TEXT-DECORATION: none}
#vsearchm DT A.on { BORDER: #b0bec7 1px solid; BACKGROUND: url(images/dropdown.gif) no-repeat 97% -48px; TEXT-DECORATION: none}
#vslist {z-index:1001;BORDER: #889aa7 1px solid; DISPLAY: none; BACKGROUND: #fff; LEFT: 80% -100px; MARGIN: 1.35em 0px 0px; WIDTH: 67px;POSITION: absolute; TOP: 126px }
#vslist DIV {BORDER-bottom: #889aa7 1px solid; PADDING:4px 0px 0px 0px; BACKGROUND: #fff; MARGIN: 0px 0px 0px 0px; POSITION: relative}
#vslist SPAN { BORDER-TOP: #889aa7 1px solid; DISPLAY: block; FONT-SIZE: 1px; MARGIN: 8px 4px 5px; POSITION: relative; HEIGHT: 1px}
#vslist UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 101; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#vslist LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 101; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#vslist LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; ZOOM: 1; LIST-STYLE-TYPE: none; POSITION: relative; TEXT-ALIGN: left}
#vslist A { PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 6px; FLOAT: none; PADDING-BOTTOM: -2px; PADDING-TOP: 3px; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none}
#vslist A:hover {BACKGROUND: #316AC5; COLOR: #fff}
#yschmoretab DT A { BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: white 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/dropdown.gif) no-repeat 100% 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: white 1px solid; POSITION: relative; TOP: -2px; TEXT-DECORATION: none}
#sugOut {position:relative;border:0px;padding:0px;margin:0px;zoom:1;z-index:1000;}
#sug{border:1px solid #817F82;display:none;position:absolute;top:28px;left:0;-moz-user-select:none;}
#sug td{line-height:22px;height:22px;padding-left:3px;font:14px verdana}
#sugOff{display:none;position:absolute;left:0;background:#FBF2B0;height:22px;line-height:22px;-moz-user-select:none}
.mo td{background-color:#36c;color:#fff}
.ml td{border:0px solid #fff;background-color:#fff;color:#000}
#sug_t a:link,#sug_t a:visited,#sug_t a:hover {text-decoration:none;font-size:14px;color:#000;width:100%;display:block;}
.ft18{font-size:14px}
--></STYLE>
<meta name="description" content="hao123网址之家——最专业权威的上网导航。及时收录包括音乐、视频、小说、游戏等热门分类的优秀网站,与搜索完美结合,提供最简单便捷的网上导航服务,是数千万网民的上网主页。精彩网络生活,从hao123开始。">
<script src="js/base.js"></script>
<script src="js/haoku.js?v=3.7"></script>
<script src="js/usertrack.js?v=1.4"></script>
<SCRIPT language=javascript>
var haoCurrHighLight = document.getElementById("haoweb");
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
function setStyle(a,b){
var c=document.styleSheets[0];
if(c.addRule){
c.addRule(a,b);
}else if(c.insertRule){
c.insertRule(a+" { "+b+" }",c.cssRules.length);
}}
function haoValidate(source){
wval = trim(f.word.value);
if (f.sc.value=="post")
{
f.kw.value=f.word.value
f.ct.value=""
f.tn.value=""
f.rn.value=""
f.lm.value=""
f.rs2.value=0
f.myselectvalue.value=1
f.ie.value=""
f.cl.value=""
f.z.value=""
f.from.value=""
}
if (f.sc.value=="img")
{
f.ct.value=201326592
f.lm.value=-1
f.cl.value=2
f.tn.value="baiduimage"
f.pv.value=""
f.rs2.value=""
f.myselectvalue.value=""
f.ie.value=""
f.z.value=0
f.rn.value=""
f.from.value=""
f.f.value=""
}
if (f.sc.value=="zhidao")
{
f.ct.value=17
f.tn.value="ikaslist"
f.rn.value=10
f.lm.value=""
f.cl.value=""
f.ie.value=""
f.rs2.value=""
f.f.value=""
f.myselectvalue.value=""
f.z.value=""
f.from.value=""
}
if (f.sc.value=="web")
{
f.cl.value=3
f.tn.value="sitehao123"
f.ct.value=0
f.ie.value="gb2312"
f.myselectvalue.value=""
f.rn.value=""
f.rs2.value=""
f.z.value=""
f.from.value=""
f.lm.value=""
}
if (f.sc.value=="mp3")
{
f.ct.value=134217728
f.lm.value=-1
f.rn.value=""
f.cl.value=""
f.tn.value="baidump3"
f.f.value="ms"
f.myselectvalue.value=""
f.ie.value="gb2312"
f.z.value=""
f.from.value=""
}
if (f.sc.value=="news")
{
f.tn.value="news"
f.cl.value=2
f.rn.value=20
f.ct.value=0
f.z.value=""
f.from.value="news"
f.ie.value=""
f.myselectvalue.value=""
f.lm.value=""
f.rs2.value=""
}
return true;
}
function haoSubSearch(sc){
changePage(sc);
imglogo=document.getElementById("imglogo");
if(sc != "baidu"){
if(sc == "post")
{
f.action = "
http://tieba.baidu.com/f
";
imglogo.src="logo_post.gif";
imglogo.alt="百度贴吧";
urllogo.href="
http://tieba.baidu.com/
";
}
else if(sc == "zhidao")
{
f.action = "
http://zhidao.baidu.com/q
";
imglogo.src="logo_zhidao.gif";
imglogo.alt="百度知道";
urllogo.href="
http://zhidao.baidu.com/
";
}
else if(sc == "mp3")
{
f.action = "
http://mp3.baidu.com/m
";
imglogo.src="logo_mp3.gif";
imglogo.alt="百度MP3";
urllogo.href="
http://mp3.baidu.com/
";
}
else if(sc == "img")
{
f.action = "
http://image.baidu.com/i
";
imglogo.src="logo_pic.gif";
imglogo.alt="百度图片";
urllogo.href="
http://image.baidu.com/
";
}
else if(sc == "news")
{
f.action = "
http://news.baidu.com/ns
";
imglogo.src="logo_news.gif";
imglogo.alt="百度新闻搜索";
urllogo.href="
http://news.baidu.com/
";
}
else if(sc == "Video")
{
f.action = "
http://video.baidu.com/v
";
imglogo.src="logo_video.gif";
imglogo.alt="百度视频搜索";
urllogo.href="
http://video.baidu.com/
";
}
else
{
f.action = "
http://www.baidu.com/s
";
imglogo.src="logox3.gif";
imglogo.alt="百度首页";
urllogo.href="
http://www.baidu.com/index.php?tn=sitehao123
";
}
f.sc.value = sc;
}
else{
f.sc.value = "post";
haoGoSoba();
}
}

function haoGoSoba(){

f.action = "
http://www.baidu.com/s
";
f.kw.value = f.word.value;
}
function G(id)
{
return document.getElementById(id);
}
function changePage(sc){
if(haoCurrHighLight == null){
haoCurrHighLight = document.getElementById("haoweb");
}
haoCurrHighLight.className = "searchfod2";
haoCurrHighLight = document.getElementById("hao"+sc);
haoCurrHighLight.className = "searchfod1";
document.f.word.focus()
f.word.value="";
}

function isSoba(){
if(haoCurrHighLight == document.getElementById("haosoba")){
haoGoSoba();
return true;
}
else{
return true;
}
}

function goSearch(){
changeHotWords(document.f.sc.value);
if(!haoValidate(1))
{
return false;
}
else{
return false;
}
}

function changeHotWords(category){
document.getElementById("td_hotlist").innerHTML = eval(category + "Words");
}
function showData(id)
{
var stock = getCookie("HAOSTOCK");
var lottery = getCookie("HAOLOTTERY");
var sStock=sLottery="";
if(stock!=null||lottery!=null)
{
var stockData = eval(stock);
var lotteryData = eval(lottery);
for(var i in stockData)
{
sStock+="<a href="+stockData[i].url+" target=_blank>"+stockData[i].name+"</a> ";
}
for(var i in lotteryData)
{
sLottery+="<a href="+lotteryData[i].url+" target=_blank>"+lotteryData[i].name+"</a> ";
}
G(id).innerHTML="<b><a id=mylikeopen href=javascript:void(0) onclick=\"haoGX.openGX();event.returnValue=false;return false;\"> 我定制的网站:</a></b>"+sStock+sLottery;
}else
{
G(id).style.display="none";
}
}
</SCRIPT>
<SCRIPT type=text/javascript>
function moreddshow(e) {
vl = document.getElementById('vslist');
vm = document.getElementById('vsearchmore');
vm.href="javascript:void(0);";
if(vl.style.display != 'block'){vl.style.display = 'block';vm.className='on';}
else {vl.style.display = 'none';vm.className='';}
return false;}
function moreddhide(e){
if (!e) var e = window.event;
if(e.srcElement){var cesrc=e.srcElement.getAttribute("id");}
else{var cesrc=e.target.getAttribute("id");}
if(cesrc!="vsearchmore"){document.getElementById('vslist').style.display = 'none';document.getElementById('vsearchmore').className='';}
}
function moreddover(url){vm = document.getElementById('vsearchmore');vm.href=url;}
function moreddout(){vm = document.getElementById('vsearchmore');vm.href="javascript:void(0);";}
document.onclick=moreddhide;
</SCRIPT>
<SCRIPT language=javascript>
//网页
var webWords = '<a href="
http://www.baidu.com/s
?wd=%B6%CB%CE%E7%BD%DA%D7%A3%B8%A3%B6%CC%D0%C5&cl=3&tn=sitehao123">端午节祝福短信</a> <a href="
http://top.baidu.com/once/index2.html?c=0&s=1
"><font class=blackfont>更多 »</font></a>';
//贴吧
var postWords = '<a href="
http://tieba.baidu.com/f
?kw=%B6%CB%CE%E7%BD%DA">端午节</a> <a href="
http://tieba.baidu.com/f
?kw=%D7%A3%B8%A3">祝福</a> <a href="daquan/02tieba.htm"><font class=blackfont>更多 »</font>';
//知道
var zhidaoWords = '<a href="
http://zhidao.baidu.com/q
uestion/83826718.html">东道主的说法是怎么来的?</a> <a href="
http://zhidao.baidu.com/q
?ct=21&cm=14&rn=25&tn=ikcommend"><font class=blackfont>更多 »</font></a>';
//MP3
var mp3Words = '<a href="
http://mp3.baidu.com/m
?f=ms&rn=&tn=baidump3&ct=134217728&word=%C0%EE%D3%EE%B4%BA&lm=-1">李宇春</a> <a href="
http://mp3.baidu.com/m
?f=ms&rn=&tn=baidump3&ct=134217728&word=%BC%C5%C4%AF%D4%DA%B3%AA%B8%E8&lm=-1">寂寞在唱歌</a> <a href="
http://mp3.baidu.com/m
?f=ms&rn=&tn=baidump3&ct=134217728&word=%CF%EB%CC%AB%B6%E0&lm=-1">想太多</a> <a href="
http://list.mp3.baidu.com/list/topmp3.html
"><font class=blackfont>更多 »</font></a>';
//图片
var imgWords = '<a href="
http://image.baidu.com/i
?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%BA%AB%B8%FD&z=0">韩庚</a> <a href="
http://image.baidu.com/i
?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%D5%C2%D7%D3%E2%F9&z=0">章子怡</a> <a href="
http://image.baidu.com/i
?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%C8%F8%B6%A5%B6%A5&z=0">萨顶顶</a> <a href="
http://www.baidu.com/s
earch/image_wallpaper.html"><font class=blackfont>更多 »</font></a>';
//视频
var VideoWords = '<a href="
http://video.baidu.com/v
?ct=301989888&rn=20&pn=0&db=0&s=0&fbl=1024&word=%CF%B2%D1%F2%D1%F2%D3%EB%BB%D2%CC%AB%C0%C7">喜羊羊与灰太狼</a> <a href="
http://video.baidu.com/v
?ct=301989888&rn=20&pn=0&db=0&s=0&fbl=1024&word=%CE%D2%B5%C4%C7%E0%B4%BA%CB%AD%D7%F6%D6%F7">我的青春谁做主</a> <a href="
http://list.video.baidu.com/videostar.html
"><font class=blackfont>更多 »</font></a>';
//新闻
var newsWords = '<a href="
http://news.baidu.com/ns
?word=%B6%CB%CE%E7%BD%DA">端午节</a> <a href="
http://news.baidu.com/
"><font class=blackfont>更多 »</font></a>';
</SCRIPT>
]
s
大鱼塘总裁

2024-04-24 01:46:56

好123的源码已经在各大源码下载站有了. asp300.com mycode.net等都有了

如果楼主只需要首页的话直接到hao123 然后文件 --另存为. 呵呵用DW打开慢慢研究就好了...

-------------------------------------------
不过呢,这些CSS样式和部分JS脚本你就不要看了,得花点功夫才能明白.
比如[<style type="text/css">
<!--
td,body,div{font:13px 宋体}
body{background:#fcfff7}
img{border:0}
*{padding:0;margin:0}
a:link, a:visited{color:#000;text-decoration:none}
a:active{color:green;text-decoration:none}
a:hover{color:red;text-decoration:underline}
a.slv:link{color:#205001; cursor: hand; font-family:宋体; text-decoration: none}
a.slv:visited{COLOR:#205001;TEXT-DECORATION:none}
a.slv:active{color:green;text-decoration:none}
a.slv:hover{color:red;text-decoration:underline}
#TbSet, #FrLgn, #FrP, .WA{width:970px;text-align:center;clear:both}
.WA {height:15px;margin-top:7px; margin-bottom:-1px}
.WA a{color: #1A1A1A}
.WB {width:970px;text-align:left;clear:both;height:16px;margin-top:11px}
#TbSet td{background:#3DB836;height:16px;vertical-align:bottom}
#TbSet td a{color:#fff}
#TbSet td a:hover{color:red}
#TdSt{font-weight:600;width:720px;text-align:left}
#FrLgn{background:#F0F7FF;padding-top:1px;border:1px solid #DAE9F7; padding-bottom:2px}
#FrLgn input, #FrLgn select{font-size:13px;font-family:verdana,arial}
#FrLgn select{width:136px}
#FrP{font-size:13px;border:1px solid #7BD676; background:url(line.gif); height:48px; padding-top:1px; padding-bottom:2px} <!-- 修改高度44-48>
#FrP a{color:#205001}
#FrP a:hover{color:red}
#PA{width:970px;clear:both;height:832px!important;height:auto;margin-bottom:5px}
@media screen and (min-width:0px){#PA{height:831px!important}}
#PL{float:left;width:211px!important;width:215px;background:url(line.gif);border:2px solid #7BD676;padding:0px!important;padding:3px 3px 0 20px;height:823px!important;height:823px;font-size:15px; text-align:left; color:#3DB836; font-weight:600; line-height:30px!important;line-height:33px}
@media screen and (min-width:0px){#PL {height:823px!important;width:211px!important; line-height:31px!important;padding:1px 0px!important}}
#PL a{padding:2px 0 0 8px!important;padding:0;height:15px!important;height:30px;font-size:14px;LINE-HEIGHT: 30px; font-weight:100}
@media screen and (min-width:0px){#PL a{height:15px!important;line-height:15px!important;padding:2px 0 0 8px!important;font-size:14px!important}}
.paplfont {color:#3DB836; font-weight:600;line-height:30px}
@media screen and (min-width:0px){.paplfont{line-height:29px!important}}
#PR {float:right;width:750px!important;width:750px}
#Pr table{width:100%;border-width:2px 2px 2px 2px;border-style:solid; text-align:center;float: right; border-color:#7BD676} <!-- 改动>
#t1{width:100%;border:1px solid #7BD676;border-right:0}
#t1 tr td{line-height:25px!important;line-height:25px;font-size:14px;}
@media screen and (min-width:0px){#t1 td{line-height:26px!important}}
h2{text-align:center;font-size:10px;background:#7BD676;font-family:宋体}
@media screen and (min-width:0px){h2{line-height:14px!important}}
#t2 a:link, #t2 a:visited{color:#093D86}
#t2 a:hover{color:red}
h4{font-size:1px;font-weight:200;line-height:0}
@media screen and (min-width:0px){h4{line-height:0;font-size:0}}
#TbM{width:100%;border:1px solid #7BD676}
.ry{background:#FFF8F0}
.rb{background:#F0F7FF}
#TbM td{border:0;font-size:13px;line-height:25px!important;line-height:25px}
@media screen and (min-width:0px){#TbM td{line-height:25px!important}}
#TbM td.pl{width:64px}
#TbM td.pl a{color:#874604}
#TbM td.pl a:hover{color:red}
#TbM td.pr{width:60px}
#DS{width:966px!important;width:970px;border:2px solid #7BD676;border-bottom:1px solid #DAE9F7;clear:both;display:block;margin-top:5px}
@media screen and (min-width:0px){#DS{width:970px!important}}
h3{font-weight:100;font-size:13px;text-align:left!important;text-align:center;padding:3px 0 3px 12px!important;padding:3px 10px; 3px 10px;line-height:135%}
h3 a:link,h3 a:visited{color:#205001}
h3 a:hover{color:red}
.h5{font-weight:100;font-size:13px;text-align:left!important;text-align:center;padding:3px 0 3px 12px!important;padding:3px 10px; 3px 10px;line-height:135%;background:#F7F8E8}
.h5 a:link,.h5 a:visited{color:#444444}
h1{font-size:13px;font-weight:100;line-height:190%}
#DE{border:2px solid #7BD676;border-top:0;background:#F0F7FF;margin-bottom:10px;width:966px!important;width:970px}
@media screen and (min-width:0px){#DE{width:970px!important}}
#DE table{width:940px!important;width:100%;margin:0 0 5px; font-size:13px;font-size:13px!important}
@media screen and (min-width:0px){#DE table{width:970px!important}}
#DE td{line-height:21px;text-algin:right!important; padding-top:8px}
#DE input {padding:auto!important;margin-right:5px!important;margin-right:0}
@media screen and (min-width:0px){#DE input{padding:auto!important;margin-right:1px!important;margin-right:0}}
h6{width:970px;text-align:center;font-size:13px;font-weight:100;height:33px}
hr.cg {border:0;border-top:#7BD676 1px solid;width:99%;clear:both;background:transparent;height:1px;margin:-2px;padding:0;line-height:1px;text-align:center}
.searchfod1 {FONT-WEIGHT: bold; background-color:#3DB836;COLOR: #fff; text-align:center; width:80px}
.searchfod2 {BACKGROUND-color: #eeeeee;CURSOR: pointer; text-align:center; width:80px}
.imglogo{margin-top:2px;margin-top:-2px!important}
@media screen and (min-width:0px){.imglogo{margin-top:-2px!important}}
.redfont{color:#FD5151}
.greenfont2{color:#179117}
a.greenfont:link{color:#179117; cursor: hand; font-family:宋体; text-decoration: none}
a.greenfont:visited{COLOR:#179117;TEXT-DECORATION:none}
a.greenfont:active{color:green;text-decoration:none}
a.greenfont:hover{color:red;text-decoration:underline}
a.greenfont1:link{color:#178517; cursor: hand; font-family:宋体; text-decoration: none}
a.greenfont1:visited{COLOR:#178517;TEXT-DECORATION:none}
a.greenfont1:active{color:green;text-decoration:none}
a.greenfont1:hover{color:red;text-decoration:underline}
.bgc{ background-color:#fcfff7}
.blackfont{color:#000}
--></style>
<STYLE><!--
#vsearchm DT A.on { BACKGROUND-POSITION: 97% -99px}
#vsearchm DT A:hover { BORDER: #b0bec7 1px solid; BACKGROUND: url(images/dropdown.gif) no-repeat 97% -48px;TEXT-DECORATION: none}
#vsearchm DT A.on { BORDER: #b0bec7 1px solid; BACKGROUND: url(images/dropdown.gif) no-repeat 97% -48px; TEXT-DECORATION: none}
#vslist {z-index:1001;BORDER: #889aa7 1px solid; DISPLAY: none; BACKGROUND: #fff; LEFT: 80% -100px; MARGIN: 1.35em 0px 0px; WIDTH: 67px;POSITION: absolute; TOP: 126px }
#vslist DIV {BORDER-bottom: #889aa7 1px solid; PADDING:4px 0px 0px 0px; BACKGROUND: #fff; MARGIN: 0px 0px 0px 0px; POSITION: relative}
#vslist SPAN { BORDER-TOP: #889aa7 1px solid; DISPLAY: block; FONT-SIZE: 1px; MARGIN: 8px 4px 5px; POSITION: relative; HEIGHT: 1px}
#vslist UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 101; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#vslist LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 101; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#vslist LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; ZOOM: 1; LIST-STYLE-TYPE: none; POSITION: relative; TEXT-ALIGN: left}
#vslist A { PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 6px; FLOAT: none; PADDING-BOTTOM: -2px; PADDING-TOP: 3px; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none}
#vslist A:hover {BACKGROUND: #316AC5; COLOR: #fff}
#yschmoretab DT A { BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: white 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/dropdown.gif) no-repeat 100% 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: white 1px solid; POSITION: relative; TOP: -2px; TEXT-DECORATION: none}
#sugOut {position:relative;border:0px;padding:0px;margin:0px;zoom:1;z-index:1000;}
#sug{border:1px solid #817F82;display:none;position:absolute;top:28px;left:0;-moz-user-select:none;}
#sug td{line-height:22px;height:22px;padding-left:3px;font:14px verdana}
#sugOff{display:none;position:absolute;left:0;background:#FBF2B0;height:22px;line-height:22px;-moz-user-select:none}
.mo td{background-color:#36c;color:#fff}
.ml td{border:0px solid #fff;background-color:#fff;color:#000}
#sug_t a:link,#sug_t a:visited,#sug_t a:hover {text-decoration:none;font-size:14px;color:#000;width:100%;display:block;}
.ft18{font-size:14px}
--></STYLE>
<meta name="description" content="hao123网址之家——最专业权威的上网导航。及时收录包括音乐、视频、小说、游戏等热门分类的优秀网站,与搜索完美结合,提供最简单便捷的网上导航服务,是数千万网民的上网主页。精彩网络生活,从hao123开始。">
<script src="js/base.js"></script>
<script src="js/haoku.js?v=3.7"></script>
<script src="js/usertrack.js?v=1.4"></script>
<SCRIPT language=javascript>
var haoCurrHighLight = document.getElementById("haoweb");
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
function setStyle(a,b){
var c=document.styleSheets[0];
if(c.addRule){
c.addRule(a,b);
}else if(c.insertRule){
c.insertRule(a+" { "+b+" }",c.cssRules.length);
}}
function haoValidate(source){
wval = trim(f.word.value);
if (f.sc.value=="post")
{
f.kw.value=f.word.value
f.ct.value=""
f.tn.value=""
f.rn.value=""
f.lm.value=""
f.rs2.value=0
f.myselectvalue.value=1
f.ie.value=""
f.cl.value=""
f.z.value=""
f.from.value=""
}
if (f.sc.value=="img")
{
f.ct.value=201326592
f.lm.value=-1
f.cl.value=2
f.tn.value="baiduimage"
f.pv.value=""
f.rs2.value=""
f.myselectvalue.value=""
f.ie.value=""
f.z.value=0
f.rn.value=""
f.from.value=""
f.f.value=""
}
if (f.sc.value=="zhidao")
{
f.ct.value=17
f.tn.value="ikaslist"
f.rn.value=10
f.lm.value=""
f.cl.value=""
f.ie.value=""
f.rs2.value=""
f.f.value=""
f.myselectvalue.value=""
f.z.value=""
f.from.value=""
}
if (f.sc.value=="web")
{
f.cl.value=3
f.tn.value="sitehao123"
f.ct.value=0
f.ie.value="gb2312"
f.myselectvalue.value=""
f.rn.value=""
f.rs2.value=""
f.z.value=""
f.from.value=""
f.lm.value=""
}
if (f.sc.value=="mp3")
{
f.ct.value=134217728
f.lm.value=-1
f.rn.value=""
f.cl.value=""
f.tn.value="baidump3"
f.f.value="ms"
f.myselectvalue.value=""
f.ie.value="gb2312"
f.z.value=""
f.from.value=""
}
if (f.sc.value=="news")
{
f.tn.value="news"
f.cl.value=2
f.rn.value=20
f.ct.value=0
f.z.value=""
f.from.value="news"
f.ie.value=""
f.myselectvalue.value=""
f.lm.value=""
f.rs2.value=""
}
return true;
}
function haoSubSearch(sc){
changePage(sc);
imglogo=document.getElementById("imglogo");
if(sc != "baidu"){
if(sc == "post")
{
f.action = "
http://tieba.baidu.com/f
";
imglogo.src="logo_post.gif";
imglogo.alt="百度贴吧";
urllogo.href="
http://tieba.baidu.com/
";
}
else if(sc == "zhidao")
{
f.action = "
http://zhidao.baidu.com/q
";
imglogo.src="logo_zhidao.gif";
imglogo.alt="百度知道";
urllogo.href="
http://zhidao.baidu.com/
";
}
else if(sc == "mp3")
{
f.action = "
http://mp3.baidu.com/m
";
imglogo.src="logo_mp3.gif";
imglogo.alt="百度MP3";
urllogo.href="
http://mp3.baidu.com/
";
}
else if(sc == "img")
{
f.action = "
http://image.baidu.com/i
";
imglogo.src="logo_pic.gif";
imglogo.alt="百度图片";
urllogo.href="
http://image.baidu.com/
";
}
else if(sc == "news")
{
f.action = "
http://news.baidu.com/ns
";
imglogo.src="logo_news.gif";
imglogo.alt="百度新闻搜索";
urllogo.href="
http://news.baidu.com/
";
}
else if(sc == "Video")
{
f.action = "
http://video.baidu.com/v
";
imglogo.src="logo_video.gif";
imglogo.alt="百度视频搜索";
urllogo.href="
http://video.baidu.com/
";
}
else
{
f.action = "
http://www.baidu.com/s
";
imglogo.src="logox3.gif";
imglogo.alt="百度首页";
urllogo.href="
http://www.baidu.com/index.php?tn=sitehao123
";
}
f.sc.value = sc;
}
else{
f.sc.value = "post";
haoGoSoba();
}
}

function haoGoSoba(){

f.action = "
http://www.baidu.com/s
";
f.kw.value = f.word.value;
}
function G(id)
{
return document.getElementById(id);
}
function changePage(sc){
if(haoCurrHighLight == null){
haoCurrHighLight = document.getElementById("haoweb");
}
haoCurrHighLight.className = "searchfod2";
haoCurrHighLight = document.getElementById("hao"+sc);
haoCurrHighLight.className = "searchfod1";
document.f.word.focus()
f.word.value="";
}

function isSoba(){
if(haoCurrHighLight == document.getElementById("haosoba")){
haoGoSoba();
return true;
}
else{
return true;
}
}

function goSearch(){
changeHotWords(document.f.sc.value);
if(!haoValidate(1))
{
return false;
}
else{
return false;
}
}

function changeHotWords(category){
document.getElementById("td_hotlist").innerHTML = eval(category + "Words");
}
function showData(id)
{
var stock = getCookie("HAOSTOCK");
var lottery = getCookie("HAOLOTTERY");
var sStock=sLottery="";
if(stock!=null||lottery!=null)
{
var stockData = eval(stock);
var lotteryData = eval(lottery);
for(var i in stockData)
{
sStock+="<a href="+stockData[i].url+" target=_blank>"+stockData[i].name+"</a>  ";
}
for(var i in lotteryData)
{
sLottery+="<a href="+lotteryData[i].url+" target=_blank>"+lotteryData[i].name+"</a>  ";
}
G(id).innerHTML="<b><a id=mylikeopen href=javascript:void(0) onclick=\"haoGX.openGX();event.returnValue=false;return false;\"> 我定制的网站:</a></b>"+sStock+sLottery;
}else
{
G(id).style.display="none";
}
}
</SCRIPT>
<SCRIPT type=text/javascript>
function moreddshow(e) {
vl = document.getElementById('vslist');
vm = document.getElementById('vsearchmore');
vm.href="javascript:void(0);";
if(vl.style.display != 'block'){vl.style.display = 'block';vm.className='on';}
else {vl.style.display = 'none';vm.className='';}
return false;}
function moreddhide(e){
if (!e) var e = window.event;
if(e.srcElement){var cesrc=e.srcElement.getAttribute("id");}
else{var cesrc=e.target.getAttribute("id");}
if(cesrc!="vsearchmore"){document.getElementById('vslist').style.display = 'none';document.getElementById('vsearchmore').className='';}
}
function moreddover(url){vm = document.getElementById('vsearchmore');vm.href=url;}
function moreddout(){vm = document.getElementById('vsearchmore');vm.href="javascript:void(0);";}
document.onclick=moreddhide;
</SCRIPT>
<SCRIPT language=javascript>
//网页
var webWords = '<a href="
http://www.baidu.com/s
?wd=%B6%CB%CE%E7%BD%DA%D7%A3%B8%A3%B6%CC%D0%C5&cl=3&tn=sitehao123">端午节祝福短信</a> <a href="
http://top.baidu.com/once/index2.html?c=0&s=1
"><font class=blackfont>更多 »</font></a>';
//贴吧
var postWords = '<a href="
http://tieba.baidu.com/f
?kw=%B6%CB%CE%E7%BD%DA">端午节</a> <a href="
http://tieba.baidu.com/f
?kw=%D7%A3%B8%A3">祝福</a> <a href="daquan/02tieba.htm"><font class=blackfont>更多 »</font>';
//知道
var zhidaoWords = '<a href="
http://zhidao.baidu.com/q
uestion/83826718.html">东道主的说法是怎么来的?</a> <a href="
http://zhidao.baidu.com/q
?ct=21&cm=14&rn=25&tn=ikcommend"><font class=blackfont>更多 »</font></a>';
//MP3
var mp3Words = '<a href="
http://mp3.baidu.com/m
?f=ms&rn=&tn=baidump3&ct=134217728&word=%C0%EE%D3%EE%B4%BA&lm=-1">李宇春</a> <a href="
http://mp3.baidu.com/m
?f=ms&rn=&tn=baidump3&ct=134217728&word=%BC%C5%C4%AF%D4%DA%B3%AA%B8%E8&lm=-1">寂寞在唱歌</a> <a href="
http://mp3.baidu.com/m
?f=ms&rn=&tn=baidump3&ct=134217728&word=%CF%EB%CC%AB%B6%E0&lm=-1">想太多</a> <a href="
http://list.mp3.baidu.com/list/topmp3.html
"><font class=blackfont>更多 »</font></a>';
//图片
var imgWords = '<a href="
http://image.baidu.com/i
?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%BA%AB%B8%FD&z=0">韩庚</a> <a href="
http://image.baidu.com/i
?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%D5%C2%D7%D3%E2%F9&z=0">章子怡</a> <a href="
http://image.baidu.com/i
?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%C8%F8%B6%A5%B6%A5&z=0">萨顶顶</a> <a href="
http://www.baidu.com/s
earch/image_wallpaper.html"><font class=blackfont>更多 »</font></a>';
//视频
var VideoWords = '<a href="
http://video.baidu.com/v
?ct=301989888&rn=20&pn=0&db=0&s=0&fbl=1024&word=%CF%B2%D1%F2%D1%F2%D3%EB%BB%D2%CC%AB%C0%C7">喜羊羊与灰太狼</a> <a href="
http://video.baidu.com/v
?ct=301989888&rn=20&pn=0&db=0&s=0&fbl=1024&word=%CE%D2%B5%C4%C7%E0%B4%BA%CB%AD%D7%F6%D6%F7">我的青春谁做主</a> <a href="
http://list.video.baidu.com/videostar.html
"><font class=blackfont>更多 »</font></a>';
//新闻
var newsWords = '<a href="
http://news.baidu.com/ns
?word=%B6%CB%CE%E7%BD%DA">端午节</a> <a href="
http://news.baidu.com/
"><font class=blackfont>更多 »</font></a>';
</SCRIPT>
]
雪紫∮冰雨

2024-04-24 00:48:36

网页制作:
一、建立模板
1、创建模板页面
将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。

2、设定可编辑区域
设定模板可编辑区域,一般来说有两种方法。
A) 新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。
B)标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。

二、使用模板批量制作网页
1、根据模板新建页面
命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。

2、对一个已经有内容的页面应用模板
命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

3、更新模板以全面更新站点
基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。
另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。
沧古烟

2024-04-24 01:00:04

打开hao123首页,然后将网页“另存为”,保存到你的电脑中,你会发现有个html文件和一个文件夹,用你的Dreamweaver打开html文件就可以了。你试试
何必纠缠

2024-04-24 01:17:13

直接下载hao123的首页,用IE上的文件,保存!!

然后用DW打开,就知道是怎么做的啦!