創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、南岳網(wǎng)絡(luò)推廣、小程序開發(fā)、南岳網(wǎng)絡(luò)營銷、南岳企業(yè)策劃、南岳品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供南岳建站搭建服務(wù),24小時服務(wù)熱線:18982081108,官方網(wǎng)址:www.cdcxhl.com
1,仿優(yōu)酷的靜態(tài)網(wǎng)頁怎么做 就是大概的框架 div的那個
你好 用div+css 布局 然后簡單的動態(tài)效果 加上js 希望能幫到你 謝謝2,如何模仿一個網(wǎng)頁
你好你所看到的整個網(wǎng)頁頁面都是flash 無法被模仿,除非你有源文件既然是選修作業(yè),老師不會讓你們做動態(tài)網(wǎng)頁的,你在百度里搜HTML完整模板 就可以了或者給我提供一個你的郵箱,我有很多好看的 完整的模板 發(fā)給你1. 先選擇自己想模仿的網(wǎng)頁打開將整張面面截圖2. 在PS里面開始模仿3. PS做好后切圖始在DW里面寫靜態(tài)頁面4. 寫好后在瀏覽器中打開即可1. 先選擇自己想模仿的網(wǎng)頁打開將整張面面截圖2. 在ps里面開始模仿3. ps做好后切圖始在dw里面寫靜態(tài)頁面4. 寫好后在瀏覽器中打開即可3,學完了html和css怎么做靜態(tài)網(wǎng)頁啊沒有頭緒初學者都是這樣的么
靜態(tài)的網(wǎng)頁其實就是2部分組成,一個我們的底層結(jié)構(gòu)html,另外一個就是負責修飾結(jié)構(gòu)的css,其實書寫靜態(tài)網(wǎng)頁就像是我們小時候在過家家一個樣子的,你首先得把你需要的過家家的家庭成員找齊了,而我們這個找家庭成員就像是我們書寫頁面網(wǎng)頁的時候,那個最底層的結(jié)構(gòu)html,你在玩過家家的時候腦海里肯定已經(jīng)有了一個簡單的家庭成員和故事情節(jié)了。而我們在寫頁面的時候是有劇本的,這個劇本就是你看到的設(shè)計圖,或者是你看到的某個網(wǎng)頁,個人建議大家在模仿網(wǎng)上現(xiàn)有的網(wǎng)頁的時候最好是利用一些瀏覽器自帶的截圖功能,把整個頁面完整的截取下來,QQ瀏覽器,360瀏覽器都可以做到的,這樣的好處就是可以利用ps自己一步步的測量數(shù)據(jù)、切圖都做到親力親為,并且做到了頁面數(shù)據(jù)的精準度,而不是隨意的給數(shù)據(jù),或者是利用瀏覽器的F12功能查看原網(wǎng)頁的數(shù)據(jù)。首先隨意給數(shù)據(jù)造成的結(jié)果就是你做出來的頁面真的真的真的很丑很難看,其次利用瀏覽器的F12查看功能,這樣子做你就會不小心的看到了原代碼,你的思維跟原來的編程人員思路有些時候是不一樣的,這樣就限制了你的思路,最后你翻找的過程真的是很需要時間的,同時還會影響你的思路。按照設(shè)計好的劇本然后我就可以對應(yīng)這找人員了,比如說爸爸、媽媽、孩子、鍋、飯碗、筷子,菜等等,我們寫頁面也是的。比如百度的網(wǎng)頁從上往下是分為導航頭部、中間logo和表單、尾部二維碼和文字,相對來說頁面的整體布局是比較簡單的,當然還有很多不同的類型的頁面,布局上比這邊要復雜一些,具體的可以看下面的圖。這個是我們看到一個圖的時候,大致在腦海當中對頁面進行一個簡單的掃描,進行初步認識看看頁面當中都有哪些,如果把頁面當成一張紙,那么在一點點撕碎的過程中要怎么樣從大到小一點點的分割,當我們有了初步的認識之后,就可以把這些東西轉(zhuǎn)化成我們的html結(jié)構(gòu),所有畫的這些不同顏色的框框我們在寫的時候用的都是div。從上往下,從大到小一點點的先把某個模塊用不同的顏色色塊堆積出來利用代碼。保證大的模塊的布局沒問題之后,在往里面放一些小的東西,比如圖片img、表單form input,文字、超鏈接a、列表ul li。那么簡單的頁面結(jié)構(gòu)就出來了。但是這個頁面結(jié)構(gòu)的色塊堆積,不是把整個頁面都堆積出來,而是一個模塊一個模塊的來,比如頭部的、中間左邊的、尾部的。接下來我們需要做的就是把寫好的結(jié)構(gòu)進行美化,不然你就會看到如下圖一樣的場面。難看的要死。就好比我們在玩過家家的時候為了讓找來的人更適合構(gòu)思當中的人物我們可以進行簡單的裝扮,媽媽要穿上高跟鞋呀,需要涂抹口紅呀,爺爺是需要有胡子的而且還是要白色的才會更像一些,最好是要彎腰駝背的。而網(wǎng)頁當中的這寫潤色部分是用css來做的。這個環(huán)節(jié)要比剛才的更要細心,涉及到的東西很多,同時也會伴隨著很多的問題,畢竟想要某個人形態(tài)外貌上和劇本人物一致,不僅需要細致嚴謹?shù)幕瘖y師還需要合理的服裝搭配師。這個環(huán)節(jié)需要我們一點點的來弄,比如:百度的首頁導航這塊紅色盒子整體在綠色盒子的右邊我們需要給紅色的盒子添加float:right;紅色盒子里面的文字的字號大小,字體,字體顏色,水平間距,垂直間距這些都需要一點點的寫,如果在寫的過程中遇見了問題,我們可以借助Chrome瀏覽器的調(diào)試功能,哪里錯了用箭頭點哪里,結(jié)構(gòu)看左邊,css看右邊,看看css屬性有沒有顯示,有沒有劃掉,有沒有黃色報錯等等。這些解決錯誤的能力和方法需要的是大量的練習和修改才能夠做到一眼看見就知道是什么,就好像你穿衣服的時候肯定是拿上衣,而不是拿褲子穿在上面,如果有人這么做你會告訴他這樣是錯的,這個褲子要穿在下面一樣。最后就是總結(jié)和舉一反三了,一個頁面寫完之后,不是就是完了,更多的是我們結(jié)束的時候要總結(jié)一下這個頁面在書寫過程中遇到了哪些問題,是怎么解決的,為什么這樣子解決,更深入的去思考一下這個模塊的這個效果我可以不可以用其他的方法來實現(xiàn),做到舉一反三。這些總結(jié)可以記錄到網(wǎng)上一些博客上,比如博客園、CSDN、51CTO。這樣既可以作為自己的一個整理也可以方便了其他人同樣查看。
當前文章:如何模仿靜態(tài)網(wǎng)頁,仿優(yōu)酷的靜態(tài)網(wǎng)頁怎么做就是大概的框架div的那個
文章分享:
http://weahome.cn/article/iocsdc.html