Ⅰ 如何用CSS更改網站模板的LOGO
這個logo的代碼是:<img src="/Templates/green/images/1364876078.png" border="0" width="250" height="83">。
從代碼可以看出logo的大小是250px * 83px,你先弄一張這個規格的logo圖片,格式是png的,文件名是1364876078,即1364876078.png。然後上傳到,"網站跟目錄/Templates/green/images/"目錄下,替換掉原來的logo文件就行了,無需這么麻煩的去改CSS,況且這跟CSS也沒有半點關系。
Ⅱ 什麼是css模板什麼又是html模板還有什麼網頁模板它們都適合什麼程序啊容易做網站嗎求步驟
您現在看到的網頁的大部分功能就是用html和CSS編成的。
首先應該了解什麼是html,html是超文本標記語言,由字母,數字,符號,文字等組成的文本就是普通文本,超文本不但包含普通文本,而且還包含圖像,聲音,視頻等等。
CSS是樣式表,用來控制html標簽在網頁中顯示的狀態,形狀,大小及各種漂亮的效果等等。就比如:搜狗輸入法有多種不同的皮膚,CSS就類似於皮膚。這里我們把網頁的皮膚稱之為樣式。比如網易163,新浪等網站的首頁,因為使用不同的樣式,所以呈現出各種不同的效果。
如果把模板比喻成一幢房子,那麼html就是基礎的磚塊,CSS就是裝修材料。房子漂亮不漂亮,完全就看裝修材料怎麼用。
所以,網頁模板就是html模板。所謂的CSS模板,也是html模板,可能只是更華麗的html模板。如上面說的一樣,裝修材料是不可能造出一幢房子來的。
接下來的問題也不難了,要做網站,首先我們需要學會基礎的html語言,然後學習CSS樣式表。只要學會了html和CSS代碼,那麼如網易,新浪等網站也可以仿製出一個來了,但是:假如還要在網站上實現功能,比如登陸,留言,會員注冊等功能,那麼就要至少再學一門程序語言,如PHP。如果要在網站上實現華麗的特殊效果,那麼javascript也是一門必學的語言。
html和CSS代碼的效果都是通過瀏覽器體現出來。
Ⅲ 哪個網站有HTML、css、js的網站模板
你還要就是的啊很多地方有下載的,很多博客就有下載的地址。
http://blog.csdn.net/ddgweb/article/details/26134367
這篇博客裡面有50套網站版模板下載的,希權望可以幫到你。
也很多動態的效果。
Ⅳ dedecms 導入新的模板,模板的css,js等,怎麼設置路徑
一、輸入你的賬戶和密碼並登錄到網站後台。
Ⅳ 鎬庝箞鍦℉TML涓浣跨敤CSS妯℃澘
鍦ㄧ綉欏靛ご閮(渚嬪<title>鏍囪扮殑涓嬩竴琛)鍔犲叆:<link href="css鏂囦歡璺寰" rel="stylesheet" type="text/css">,榪欑嶆柟娉曞彨澶栭儴璋冪敤,鍙瑕佽皟鐢ㄤ竴嬈,涔熷彲浠ュ唴閮ㄨ皟鐢,灝辨槸鎶奀SS浠g爜鍜岀綉欏典唬鐮佸啓鍦ㄤ竴璧.
Ⅵ 只用html和css做的網頁模板,不能有js和其他語言,最好是門戶網站新聞網
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>卧龍控股</title>
<styletype="text/css">
@charset"utf-8";
/*CSSDocument*/
*{margin:0;padding:0;font-family:"微軟雅黑";}
ul,ol,li{list-style:none;}
a,u{text-decoration:none;}
#top,#nav,#banner,#news,#wlsc,#yqlink,#bottom{margin:0auto;}
/*-top-*/
#top{width:1000px;height:100px;}
#logo{width:732px;height:59px;float:left;padding:41px0021px;}
img{border:0;}
#sear{width:247px;height:61px;float:left;padding-top:39px;}
#search{height:26px;line-height:26px;border:1pxsolid#e5e5e5;border-right:none;outline:none;background:#f1f1f1;float:left;color:#818181;}
#fin{width:26px;height:26px;line-height:26px;border:none;background:#f1f1f1url(../images/sear.jpg)no-repeatcenter;float:left;}
.ffin{height:26px;width:26px;border:1pxsolid#e5e5e5;float:left;border-left:none;}
/*-nav-*/
#nav{width:1000px;height:59px;background:#000;}
#navulli{width:119px;height:59px;line-height:59px;text-align:center;border-right:1pxsolid#484848;float:left;}
#tttt{border:0;}
#nava{color:#fff;}
/*-banner-*/
#banner{width:1000px;height:463px;}
#news{width:1000px;height:240px;}
#news1{width:456px;height:183px;float:left;padding:36px25px22px19px;float:left;}
#news1h2{font-size:18px;font-weight:100;color:#191919;width:78px;margin-bottom:22px;}
#news1ul{font-size:12px;width:452px;line-height:24px;}
#news1ula{color:#5c5c5c;width:300px;overflow:hidden;white-space:nowrap;float:left;text-overflow:ellipsis;}
#news1ulspan{float:right;padding-right:28px;}
#news1ullia{background:url(../images/dian.jpg)no-repeatleftcenter;padding-left:14px;color:#929292;}
#news2{width:240px;height:240px;background:#f1f1f1;float:left;}
#news2h2{font-size:18px;font-weight:100;color:#515151;margin:36px039px25px;}
#news2h3{font-size:12px;color:#515151;margin:0013px25px;line-height:12px;}
#news2h4{font-size:11px;color:#515151;margin:0027px25px;line-height:12px;}
#news2p{width:190px;font-size:11px;font-weight:100;color:#8c8c8c;margin:00025px;line-height:20px;}
#news3{width:260px;height:240px;background:url(../images/hua.jpg)no-repeat#fbfbfb164px121px;float:left;}
#news3h2{font-size:18px;font-weight:100;color:#222;padding:36px021px25px;}
#news3p{width:180px;font-size:12px;font-weight:100;line-height:24px;padding:025px025px;color:#595959;}
#news3div{padding:56px0025px;}
/*-wlsc-*/
#wlsc{width:1000px;height:276px;}
#wlscdl{width:230px;padding-left:20px;float:left;}
.miao{width:204px;font-size:12px;line-height:2em;color:#575757;}
#wlsch2{font-size:18px;color:#212121;margin:30px017px23px;line-height:18px;font-weight:100;}
/*-yqlink-*/
#yqlink{width:1000px;height:249px;background:#e5e5e5;}
#yqlink1{width:480px;height:249px;padding:00020px;float:left;}
#yqlink1h2{font-size:16px;font-weight:100;color:#5e5e5e;width:432px;border-bottom:1pxsolid#c1c1c1;padding:31px011px12px;}
#yqlink1ulli{font-size:12px;line-height:24px;background:url(../images/dayu.jpg)no-repeat0center;padding-left:10px;}
#yqlink1ul{float:left;width:150px;height:200px;padding-top:10px;}
#yqlink1a{color:#8c8c8c;}#yqlink2{width:180px;height:249px;padding:00020px;float:left;}
#yqlink2h2{font-size:16px;font-weight:100;color:#5e5e5e;width:160px;border-bottom:1pxsolid#c1c1c1;padding:31px011px12px;}
#yqlink2ulli{font-size:12px;line-height:24px;background:url(../images/dayu.jpg)no-repeat0center;padding-left:10px;}
#yqlink2a{color:#8c8c8c;}
#yqlink2ul{padding-left:10px;padding-top:10px;}
#yqlink3{width:280px;height:249px;padding:00020px;float:left;}
#yqlink3h2{font-size:16px;font-weight:100;color:#5e5e5e;width:240px;border-bottom:1pxsolid#c1c1c1;padding:31px011px12px;}
#yqlink3img{margin:15px0020px;}
#bzottom{width:1000px;height:83px;}
#bot1{width:361px;height:58px;margin:24px01px21px;float:left;}
.shu{font-size:12px;padding-right:7px;border-right:1pxsolid#7e7e7e;color:#888;}
.shu1{font-size:12px;padding-right:7px;color:#888;}
#bot2{width:610px;height:83px;float:left;clear:right;}
#bot2p{font-size:12px;color:#888;margin-top:27px;}
</style>
</head>
<body>
<divid="top">
<divid="logo">
<ahref="#"alt=""title=""><imgsrc="images/logo.jpg"/></a></div>
<divid="sear">
<formname=""method=""action="">
<inputtype="text"value="SEARCH..."id="search"/>
<divclass="ffin"><inputtype="submit"value=""id="fin"/></div>
</form>
</div>
</div>
<divid="nav">
<ul>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<li><ahref="#">集團介紹</a></li>
<liid="tttt"><ahref="#">集團介紹</a></li>
</ul>
</div>
<divid="banner"><ahref="#"><imgsrc="images/banner.jpg"alt=""title=""/></a></div><divid="news">
<divid="news1">
<h2>新聞資訊</h2>
<ul>
<li><ahref="#">新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條新聞條新聞條新聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新新聞條條新聞條新聞條新新聞條新聞條新聞條聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新新聞條新條新聞條新聞條新聞條新聞條新聞條聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條新聞條</a><span>2016-12-02</span></li>
<li><ahref="#">新聞條新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新條</a><span>2016-12-02</span></li>
</ul>
</div>
<divid="news2">
<h2>卧龍介紹</h2>
<h3>公司成立於1984年,</h3>
<h4>經過近30年的發展</h4>
<p>公司怎麼樣怎麼樣怎麼樣怎麼樣怎麼樣怎麼樣怎麼樣</p>
</div>
<divid="news3">
<h2>人才招聘</h2>
<p>我們要招人我們要招人我們要招人我們要招人</p>
<div><ahref="#"><imgsrc="images/more.jpg"alt=""title=""></a></div>
</div>
</div>
<divid="wlsc">
<h2>卧龍市場</h2>
<dl>
<dt><imgsrc="images/wlsc1.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
<dl>
<dt><imgsrc="images/wlsc2.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
<dl>
<dt><imgsrc="images/wlsc3.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
<dl>
<dt><imgsrc="images/wlsc4.jpg"alt=""title=""></dt>
<ddclass="miao">我是描述我是描述我是描述我是描述我是描述我是描述</dd>
</dl>
</div>
<divid="yqlink">
<divid="yqlink1">
<h2>產品中心</h2>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
</div>
<divid="yqlink2">
<h2>技術研發</h2>
<ul>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
<li><ahref="#">我是鏈接</a></li>
</ul>
</div>
<divid="yqlink3">
<h2>營銷網路</h2>
<ahref="#"><imgsrc="images/ditu.jpg"alt=""title=""/>
</a>
</div>
</div>
<divid="bottom">
<divid="bot1">
<ahref="#"class="shu">網站地圖</a>
<ahref="#"class="shu">聯系我們</a>
<ahref="#"class="shu">關注卧龍</a>
<ahref="#"class="shu1">采購系統入口</a>
</div>
<divid="bot2">
<p>COPYRIGHT©2013卧龍控股集團 版權所有 浙ICP備06005901號 技術支持:博採互動</p>
</div>
</div>
</body>
</html>
你把文字和圖片改一下就可以了