1. 程式人生 > >第三週周總結

第三週周總結

    ..差點被氣死,第一次寫的那個周總結存在了草稿箱裡,然後點開它,竟然404了!!!!本來今天一週一講的時候,我記憶比較深刻的就是404主要是路徑的問題,然後...現在徹底記住了這個問題..好氣哦... 基本已經忘記了我當時寫了些啥, 我已經不想再認真的寫它了,瘋狂的敲一波字完事,

  這週週任務是做網銀首頁,一開始拿到它的時候,覺得內容好多哦,然後主要是要佈局,分塊,我週一才拿到,然後就準備開始寫,週一週二週三基本啥都沒寫,因為寫出來的是亂七八糟的,連最上面的 網銀logo都設計不好,位置和大小總是亂七八糟的,然後那個CSS做那個偽類的下拉列表,也不會做,在網上看到的偽類的用法,勉強能看懂,但是不會靈活運用,看了跟沒看一樣,最後直接間接粗暴的用

select標籤option屬性...起碼功能差不多啦,因為基本都不會做 不會設計,所以不會的地方全都直接 跳過,然後做下面各種文字的版塊 後來耐心的把上面重新做了一下,有點樣子之後久放心的做下面的文字了(因為沒做出來..心裡一直惦記著...) 這周其實沒有學什麼新的東西,主要是對一些東西的掌握,然後現在簡單的總結一下有用到一些啥玩意:

1.因為一開始瞭解了一下相對定位和絕對定位,實際上也不知道怎麼用,什麼時候用,然後培養人同志說我的佈局很清奇..cry,我是把每個文字塊套一個盒子 然後相對定位調它的位置.....就是這麼奇特的我,其實我不止平級的,外面是想套個大盒子的,哈哈 最後星期天 拖著病軀給五百行程式碼大整改

...眼睛都看花了,然後程式碼有好多報錯,比如一些傻乎乎的錯 像<li<>span>..</li></span>這種鬼錯誤,確實是眼睛花了..不過後來都是我自己改過來的哦在培養人同志到達戰場之前,我自己動手改了。

2.關於改動之後的佈局: 我把兩個相鄰文字塊用盒子套起來,然後沒有選擇用浮動,因為浮動的話,會造成一些問題,所以選擇 讓displayinline-block;行內元素會並行來著,我看到百度上說 inline會造成沒有寬度高度,所以用了inline-block,感覺還是蠻好用的,雖說它會有間距,但是看起來間距不大...不咋美觀,雖然浮動也不怎麼美觀

...

3.關於各種間距哇 高度的 之類亂七八糟類似的問題,我都很簡單粗暴的直接用margin-left/right/top/bottom,感覺這樣很不好..檢視元素的時候,人家都不是這樣做的...目前的話,我做到效果了就行吧~然後再糾結一下這個規範問題

4.關於浮動:因為想讓兩個div盒子並行,可以採用 讓它們都浮動,這樣他們就脫離了原來的那個平面,就不會各佔一行了,但是一定要記得清除浮動,這周發現了一個關於這個的新問題,清除浮動的盒子到底該放哪裡的問題。在做小圖和文字結合的地方,我先套個盒子 讓小圖左浮動,這樣文字就在那個圖的右邊排布了嘛,然後我記得要清除浮動來著,我就作死的統一加上,結果一重新整理,哇,整個頁面崩掉了呢,那個畫面不敢回想..心痛 。又慢慢的一點點刪掉...刪了半天來著,後來問培養人同志,他研究出來,大概是圖片的話比較特殊,所以如果遇到圖片浮動的話,並不需要【把清除浮動的盒子放在浮動的後面(因為以前放錯過..所以比較注意這個)】 可以適當的往後放,這樣就不會造成它們又一次換行的問題(因為清除浮動就像一條線...分隔了它們...

5.關於套大盒子我遇到的問題..像上面和底部我都是用浮動實現的,然後一定要記得套個盒子,然後設定margin: 0 auto; 除此之外,(對自己畫重點,敲黑板!因為我老是忽視..) 雖說 培養人同志叫我這次不用特意設定盒子的寬度高度(其實以前設定寬度高度都是為了撐空白...這次空白都用了margin來著 哈哈)說盒子的體積是用內容撐起來的,但是這裡 雖然它已經居中了,但是因為沒有設定寬度高度,所以它是佔著整個頁面上面的,所以要設定一下寬度,這樣縮放的時候裡面的小盒子就不會往兩邊跑啦

6.這次主要是用了很多之前都沒有怎麼用過的標籤,屬性 比如偽類,雖然偽類還是不懂..然後paddingborder哇什麼的。原來border的一些語法 不是很順 記不住來著 就是 線條粗細,線條型別,顏色。 後面設計那個虛線實線的時候 有那個border-bttom 也是一樣的,設計那個虛線實線的時候 width是百分之百 高度是0來著。input也沒怎麼用過,用的時候要去翻那個手冊去查詢..placeholder之前好像都沒用過..然後它們一些用處都不是很會來著 就是照搬硬套。因為用的sublime text3嘛,再加上有快捷鍵的存在,還有顏色的提示,所以其實很多地方的程式碼還是需要注意一下的,像我有時候手誤會多打一些東西...還有一些空格的問題啊,還有誤刪了花括號的一半哇,都會造成問題的,希望自己可以細心一點

7.有一個小細節的地方是 那個日期右對齊,本來想著文字對齊用text-align,但是因為我用的是<span>(用別的不太合適來著..) 所以 text-align對它沒有用,因為它太短了..span寬度就知道了,文字已經填滿span,不存在左對齊右對齊。這也是才瞭解到的...

8.因為一開始的佈局很不對嘛,只分了基礎塊,然後它們都是平級的..但是講良心話,起碼我這個塊裡的小盒子還是套的蠻好的...哈哈,主要是 還挺好看,因為我有點強迫症,所以一些細節問題,我會比較注意,像font-family,font-size,color,甚至line height我都摳的蠻仔細的(其實也就是查詢元素看一看..)但是像13px12px我都會設定清楚,顏色也是。然後這次是把樣式單獨放一個樣式表嘛,之前沒有這樣做來著,這次樣式表 大致還是蠻清晰的,光是那幾個平級的小塊我設定了好像十幾個吧,然後標題設了兩種,文段語句設了三種,圖片也有分大圖小圖哇之類的,儘量少在程式碼裡直接加style,但是有的地方我還是設在了外面..因為後期要整理起來太麻煩了,所以就沒有把它們再放到樣式表裡,直接加的,(這樣做好像需要注意那個級別問題...)沒有特別多的耐心...所以我的程式碼還是有一點點亂...

下週目標

首先肯定是周任務啦,還需要把CSS3看一看..但是我希望可以擠出一些時間做一些我的日常學習....最近這方面權衡的不是很好,能力做不到兼顧來著,高數最近也挺難的,我應該會抽出一個晚上或者週末早上下午啥的 好好刷一下高數題,還有C語言..真的很久很久沒看過了..進度條停滯不前,很絕望。然後一些程式設計題,完全沒有去了解過,雖然說時間是擠出來的,我不能以沒有時間為藉口..但是...emmm...  因為我還是挺多同學進了啟明星來著,各個組的都有,然後他們現在基本還是在學C語言嘛,我們就是直接進入網頁的學習,所以他們平時討論oj上的題哇什麼的,我只能表示..不懂他們在講什麼..這樣的心態就挺崩潰的..有點點小難受。然後上次那個周任務的題目,我沒寫思路來著.. 自我反思,確實是有點點應付吧,就只撿了幾個知識點在周總結裡寫了一下,然後沒有做的題也沒有下去再看看,但是我一開始做的時候..確實有認真思考思路啥的,只是沒寫..因為我還有同學問我來著,我還跟他們講了..為啥這個題是這樣的... 沒寫是我的態度問題以及記性問題,後來想著加來著忘記了... 然後程式設計題確實有點敷衍,因為不怎麼會來著,也沒好好思考 現在知道資料模擬是啥意思了,之前確實不知道,所以直接寫了程式碼。

1.這周把那個程式設計題消化一下,把看不懂的整理一下問敏敏學姐

2.英語課要是實在聽不下去,就寄單詞吧..也別玩手機了

3.最近迎新節目排練應該可以放鬆了,所以自習的時候好好寫作業看書吧~下了自習再來敲程式碼

4.周任務(好像很難的樣子...連王蕭翔學長都說好難...)還有CSS3