導航:首頁 > 萬維百科 > htmlcss網頁設計基礎感受

htmlcss網頁設計基礎感受

發布時間:2020-10-23 03:59:49

1、做網頁設計需要學HTML,CSS和javascript到什麼程度

網頁設計工作,

精通 HTML 能不靠任何軟體 手寫HTML 代碼。現在上升到XHTML.
高級 CSS 能讀懂所有CSS屬性 並且運用自如。版本css 2.0。能解決基本的css HACK(瀏覽器兼容性)問題。
了解 解讀 javascript 作為設計師,要求的一般都使前台工作,對JS 要去只需要了解JS 的基本知識。 能合理的解讀就可以了。

精通 網頁三劍客 flash as腳本是要會試用基本的就可以了。

精通 OFFICE 所以常用產品。

2、html/CSS網頁設計

在第3個td裡面添加<a href="這里連接">姓名</a>

3、學完了html和css怎麼做靜態網頁啊,沒有頭緒,初學者都是這樣的么,感覺手拿筷子,不知道怎麼用?

靜態的網頁其實就是2部分組成,一個我們的底層結構html,另外一個就是負責修飾結構的css,其實書寫靜態網頁就像是我們小時候在過家家一個樣子的,你首先得把你需要的過家家的家庭成員找齊了,而我們這個找家庭成員就像是我們書寫頁面網頁的時候,那個最底層的結構html,你在玩過家家的時候腦海里肯定已經有了一個簡單的家庭成員和故事情節了。

而我們在寫頁面的時候是有劇本的,這個劇本就是你看到的設計圖,或者是你看到的某個網頁,個人建議大家在模仿網上現有的網頁的時候最好是利用一些瀏覽器自帶的截圖功能,把整個頁面完整的截取下來,QQ瀏覽器,360瀏覽器都可以做到的,這樣的好處就是可以利用ps自己一步步的測量數據、切圖都做到親力親為,並且做到了頁面數據的精準度,而不是隨意的給數據,或者是利用瀏覽器的F12功能查看原網頁的數據。
首先隨意給數據造成的結果就是你做出來的頁面真的真的真的很醜很難看,其次利用瀏覽器的F12查看功能,這樣子做你就會不小心的看到了原代碼,你的思維跟原來的編程人員思路有些時候是不一樣的,這樣就限制了你的思路,最後你翻找的過程真的是很需要時間的,同時還會影響你的思路。
按照設計好的劇本然後我就可以對應這找人員了,比如說爸爸、媽媽、孩子、鍋、飯碗、筷子,菜等等,我們寫頁面也是的。比如百度的網頁從上往下是分為導航頭部、中間logo和表單、尾部二維碼和文字,相對來說頁面的整體布局是比較簡單的,當然還有很多不同的類型的頁面,布局上比這邊要復雜一些,具體的可以看下面的圖。
這個是我們看到一個圖的時候,大致在腦海當中對頁面進行一個簡單的掃描,進行初步認識看看頁面當中都有哪些,如果把頁面當成一張紙,那麼在一點點撕碎的過程中要怎麼樣從大到小一點點的分割,當我們有了初步的認識之後,就可以把這些東西轉化成我們的html結構,所有畫的這些不同顏色的框框我們在寫的時候用的都是div。
從上往下,從大到小一點點的先把某個模塊用不同的顏色色塊堆積出來利用代碼。保證大的模塊的布局沒問題之後,在往裡面放一些小的東西,比如圖片img、表單form input,文字、超鏈接a、列表ul li。那麼簡單的頁面結構就出來了。但是這個頁面結構的色塊堆積,不是把整個頁面都堆積出來,而是一個模塊一個模塊的來,比如頭部的、中間左邊的、尾部的。
接下來我們需要做的就是把寫好的結構進行美化,不然你就會看到如下圖一樣的場面。
難看的要死。就好比我們在玩過家家的時候為了讓找來的人更適合構思當中的人物我們可以進行簡單的裝扮,媽媽要穿上高跟鞋呀,需要塗抹口紅呀,爺爺是需要有鬍子的而且還是要白色的才會更像一些,最好是要彎腰駝背的。
而網頁當中的這寫潤色部分是用css來做的。這個環節要比剛才的更要細心,涉及到的東西很多,同時也會伴隨著很多的問題,畢竟想要某個人形態外貌上和劇本人物一致,不僅需要細致嚴謹的化妝師還需要合理的服裝搭配師。這個環節需要我們一點點的來弄,比如:
百度的首頁導航這塊紅色盒子整體在綠色盒子的右邊我們需要給紅色的盒子添加float:right;紅色盒子裡面的文字的字型大小大小,字體,字體顏色,水平間距,垂直間距這些都需要一點點的寫,如果在寫的過程中遇見了問題,我們可以藉助Chrome瀏覽器的調試功能,哪裡錯了用箭頭點哪裡,結構看左邊,css看右邊,看看css屬性有沒有顯示,有沒有劃掉,有沒有黃色報錯等等。
這些解決錯誤的能力和方法需要的是大量的練習和修改才能夠做到一眼看見就知道是什麼,就好像你穿衣服的時候肯定是拿上衣,而不是拿褲子穿在上面,如果有人這么做你會告訴他這樣是錯的,這個褲子要穿在下面一樣。
最後就是總結和舉一反三了,一個頁面寫完之後,不是就是完了,更多的是我們結束的時候要總結一下這個頁面在書寫過程中遇到了哪些問題,是怎麼解決的,為什麼這樣子解決,更深入的去思考一下這個模塊的這個效果我可以不可以用其他的方法來實現,做到舉一反三。
這些總結可以記錄到網上一些博客上,比如博客園、CSDN、51CTO。這樣既可以作為自己的一個整理也可以方便了其他人同樣查看。

4、那位大神可以說說自己的<div>+<css>+<html>網頁製作的一些心得?急急急!!!

先做好布局-----然後考慮下各個瀏覽器的兼容問題---------js或jquery特效。
感覺布局沒做好就很難繼續了所以這一塊必須得很有把握,多看看別人是如何做的。其他方面不講了

5、21天精通HTML5+CSS3網頁設計 這本書適合零基礎自學者嗎?書怎麼樣,認真學完能否從事網頁設計的工作?

我查了一下這本書,講的都是比較基礎的東西,不過講的很詳細,你能全部讀明白的話,就可以製作非常簡單的靜態網頁了,但是憑這個是沒辦法從事網頁設計的。但是如果你沒有基礎,這些知識你是比需要學習的,除此之外,想要成為一名初級的WEB前端工程師,至少你還要學習JS JQ這些動態腳本語言,了解一些PHP或者JSP之類的知識,這些都是非常基礎的東西。事實上,每一個從業幾年的WEB工程師所懂得知識遠遠不止這些。

6、我現在是做網頁設計的,有一點點的簡單的CSS+HTML的基礎,想轉行做前端,但不知道如何深入學,求指導

http://wenku.baidu.com/course/view/fcfa770bf78a6529647d5304
http://www.51zxw.net/
http://www.w3school.com.cn/html/index.asp
這些都是基礎的

7、html+css網頁設計與布局從入門到精通要多久

如果你是零基礎,對HTML和CSS不熟悉,不用急著學javascript。建議先看《HTML+CSS網頁設計與布局從入門到精通》,輕松易讀的書在入門的時候能讓你學得相對輕松,增加你的自信心,從而給你更多動力。

如果你對HTML和CSS已經有所了解,比較熟悉,選擇《HTML、CSS、JavaScript網頁製作從入門到精通》是開始走上javascript之路是不錯的選擇。

與htmlcss網頁設計基礎感受相關的知識