畢業(yè)實習(xí)工作日志

1、成 績學(xué)生實習(xí)工作日志學(xué)年學(xué)期：201 -201 學(xué)年 o春o秋學(xué)期課程名稱：畢業(yè)實習(xí)學(xué)生學(xué)院：專業(yè)班級：學(xué)生學(xué)號：學(xué)生姓名：聯(lián)系電話：重慶郵電大學(xué)教務(wù)處制工作記錄工作日期天氣情況陰實習(xí)內(nèi)容了解網(wǎng)頁構(gòu)成與開發(fā)流程,初步了解html實習(xí)地點工作開展情況1. 進入企業(yè)了解相關(guān)情況，與講師進行接觸與了解。2. 交代實習(xí)期間注意事項，并提出需求。3. 開始接觸HTML。4. 初步介紹HTML，JS，CSS。5. 了解HTML的標(biāo)題標(biāo)簽，段落標(biāo)簽。6. 了解段落的分類。7. 進行相關(guān)標(biāo)簽練習(xí)。8. 了解標(biāo)簽的作用。工作反思與總結(jié)與講師接觸了解實習(xí)環(huán)境。了解網(wǎng)頁構(gòu)成與開發(fā)流程，知道實習(xí)期間須知通過講解知道

2、現(xiàn)如今企業(yè)公司對于現(xiàn)如今就業(yè)需求等。通過企業(yè)從業(yè)人員的介紹，直觀感受到如何在企業(yè)中進行正常的學(xué)習(xí)與生活。從大體框架上知道HTML的具體結(jié)構(gòu)與構(gòu)成，第一次接觸到前端語言。通過講師的講解知道在實際的工程完成過程中，網(wǎng)站的開發(fā)是通過客戶的提供，通過UI設(shè)計師的設(shè)計給HTML開發(fā)人員進行網(wǎng)頁設(shè)計，再交給網(wǎng)站后端進行優(yōu)化。成品完成后經(jīng)過測試工程師進行上線前的測試，期間如有問題就向前一步的流程進行修改與調(diào)試。最終完成上線。就我們目前的培訓(xùn)期間，知道如何進行系統(tǒng)的學(xué)習(xí)，初步對所學(xué)內(nèi)容進行了解。第一天工作雖然內(nèi)容不多，但進行全新的環(huán)境中進行適應(yīng)也需要過程。下一步工作計劃回顧一下第一天工作的內(nèi)容，對今后的學(xué)習(xí)進

3、行系統(tǒng)的規(guī)劃與計劃。對之后的工作，應(yīng)培訓(xùn)期間認(rèn)真完成所學(xué)內(nèi)容。并進行系統(tǒng)的總結(jié)。工作記錄工作日期天氣情況陰實習(xí)內(nèi)容了解html常用標(biāo)簽實習(xí)地點工作開展情況1. 復(fù)習(xí)之前學(xué)習(xí)的標(biāo)簽與相關(guān)HTML的規(guī)則。2. 對于實體字符的掌握。3. 了解常用的標(biāo)簽font與其常用屬性。4. 學(xué)習(xí)其他類型的標(biāo)簽。5. 學(xué)習(xí)如何進行鏈接的使用，了解網(wǎng)頁常見的超鏈接與圖片是如何加入的。6. 學(xué)習(xí)之后經(jīng)常用作布局的列表標(biāo)簽。為之后學(xué)習(xí)CSS與布局打下基礎(chǔ)，7. 學(xué)習(xí)表格標(biāo)簽，類似于Excel的表格如何在網(wǎng)頁中實現(xiàn)。8. 運用表格來在瀏覽器上做出田字格練習(xí)。9. 晚上自習(xí)根據(jù)已學(xué)內(nèi)容在網(wǎng)頁上顯示一張簡歷表和淘寶鏈接頁面

4、工作反思與總結(jié)在今天的學(xué)習(xí)工作中，已經(jīng)適應(yīng)了現(xiàn)在的學(xué)習(xí)方式。進一步的了解到了如何根據(jù)已學(xué)習(xí)內(nèi)容來編輯想要的界面內(nèi)容。雖然很多標(biāo)簽的運用的不熟練，但是通過多次的練習(xí)，相信會對HTML有更深層次的認(rèn)識與熟悉。雖然完成了講師交代的內(nèi)容但從此可以看出HTML并沒有想象中的那么簡單，并非就只是運用標(biāo)簽將顯示內(nèi)容包裹起來然后進行編輯與修正。通過對淘寶鏈接和簡歷頁面的編寫，發(fā)現(xiàn)運用已學(xué)的知識有時并不能達(dá)到預(yù)期要的效果。例如簡歷編輯出來的填寫空白只是空白不能填寫內(nèi)容。雖然進一步的了解HTML的相關(guān)框架與內(nèi)容但是發(fā)現(xiàn)還是有許多不了解的地方，對于不知如何完成的步驟多詢問網(wǎng)絡(luò)與講師。希望通過之后的學(xué)習(xí)能夠在實習(xí)結(jié)束

5、前能獨立的完成一個較為復(fù)雜的網(wǎng)頁出來。下一步工作計劃 在學(xué)習(xí)期間好好總結(jié)之前學(xué)習(xí)的內(nèi)容，活用相關(guān)標(biāo)簽。能在不查找的前提下書寫出常用標(biāo)簽與其屬性。通過之后的學(xué)習(xí)完善今天所做的網(wǎng)站。讓其更為美觀與實用。工作記錄工作日期天氣情況陰轉(zhuǎn)晴實習(xí)內(nèi)容學(xué)習(xí)表單的運用與CSS基礎(chǔ)實習(xí)地點工作開展情況1. 復(fù)習(xí)昨日學(xué)習(xí)的基礎(chǔ)標(biāo)簽與屬性。2. 學(xué)習(xí)常用標(biāo)簽表單form的相關(guān)規(guī)則與屬性。3. 運用表單與之前學(xué)習(xí)表格的嵌套。4. 學(xué)習(xí)基礎(chǔ)的CSS的概率與引入方式。5. 了解CSS的優(yōu)先級問題。6. 知道常用的元素選擇符。7. CSS的基礎(chǔ)運用：字體樣式的更改方式。8. 進行練習(xí)，寫出一個注冊頁面并完成另一種淘寶付款頁面

6、的編輯。工作反思與總結(jié) 今天學(xué)習(xí)進度較為前兩日的學(xué)習(xí)明顯加快了，現(xiàn)如今HTML 的相關(guān)基礎(chǔ)框架已經(jīng)了解熟悉。知道了一個網(wǎng)頁的全部夠成。運用現(xiàn)如今已學(xué)習(xí)的內(nèi)容可以完成一個簡單的網(wǎng)頁。但是最突出的問題就是對相關(guān)標(biāo)簽、屬性與規(guī)則的熟悉程度問題。隨著學(xué)習(xí)內(nèi)容越來越多，在編寫網(wǎng)站時，運用哪一種方式也變成了問題，往往在確定一種方式之后在構(gòu)建結(jié)構(gòu)與細(xì)節(jié)的同時會出現(xiàn)找不到與不了解改如何進行修改的問題。此問題出現(xiàn)的原因大部分歸咎于對構(gòu)建框架的不規(guī)范與書寫代碼時的不規(guī)范。導(dǎo)致在調(diào)制時困難重重，在之后要對格式與樣式的書寫重視起來下一步工作計劃 完成對之前學(xué)習(xí)內(nèi)容的總結(jié)，多多練習(xí)以便熟悉相關(guān)元素的使用。規(guī)范書寫代碼格

7、式。在進行構(gòu)建時要對整體的進行規(guī)劃好之后再進行編寫。對之后的學(xué)習(xí)內(nèi)容進行整理與收集。工作記錄工作日期天氣情況晴實習(xí)內(nèi)容CSS的進一步學(xué)習(xí)實習(xí)地點工作開展情況1. 復(fù)習(xí)之前學(xué)習(xí)內(nèi)容。2. 在字體修飾的基礎(chǔ)上學(xué)習(xí)文本修飾。3. 了解標(biāo)簽重要標(biāo)簽的屬性邊框border。4. 學(xué)習(xí)標(biāo)簽結(jié)構(gòu)中的重要屬性外補白margin。5. 外部白的相關(guān)運用與其居中作用。6. 進行商品列表的編寫展示。即構(gòu)建網(wǎng)站的規(guī)范化實例。7. 學(xué)習(xí)標(biāo)簽結(jié)構(gòu)屬性內(nèi)補白padding。8. 學(xué)習(xí)去除網(wǎng)頁的默認(rèn)樣式。9. 學(xué)習(xí)偽類選擇符hover的運用。10. 屬性display的使用范例。11. 了解標(biāo)簽屬性，分為行級標(biāo)簽與塊級標(biāo)簽。

8、與特殊的行間塊狀標(biāo)簽img。12. 學(xué)習(xí)特殊的圖片去除白邊。工作反思與總結(jié)今日的學(xué)習(xí)內(nèi)容主要是對CSS內(nèi)容更進一步的學(xué)習(xí)。了解前一階段學(xué)習(xí)的許多內(nèi)容都與CSS有關(guān)。只是并不是十分規(guī)范，現(xiàn)如今了解到了如何對所寫內(nèi)容進行規(guī)劃。但是對于新學(xué)習(xí)的標(biāo)簽也有很多的不了解如對于display只知道如何進行隱藏內(nèi)容之下的內(nèi)容，并且只知道不占位隱藏，但并不知道如何像網(wǎng)頁那樣對于已有內(nèi)容進行覆蓋并且可以對隱藏內(nèi)容進行編輯，還需在今后的學(xué)習(xí)中進一步學(xué)習(xí)。今日沒有布置完成任務(wù)，發(fā)現(xiàn)對于這種編寫語句的內(nèi)容的熟悉與了解。需要實際的練習(xí)進行熟悉，所以在之后的學(xué)習(xí)中應(yīng)該多練習(xí)相關(guān)內(nèi)容的使用，以便之后進行工程編寫能夠加快進度。

9、下一步工作計劃 對之前學(xué)習(xí)內(nèi)容進行總結(jié)歸納。找些實際的網(wǎng)站對已學(xué)內(nèi)容進行仿照練習(xí)，看能否運用已學(xué)內(nèi)容對網(wǎng)絡(luò)中網(wǎng)站進行還原，對框架的構(gòu)建進行加強訓(xùn)練。工作記錄工作日期天氣情況晴實習(xí)內(nèi)容了解導(dǎo)航欄與背景圖片的編輯實習(xí)地點工作開展情況1. 復(fù)習(xí)之前學(xué)習(xí)的內(nèi)容。2. 學(xué)習(xí)制作橫向?qū)Ш綑?。以重郵官網(wǎng)作為實例。并進行練習(xí)。3. 學(xué)習(xí)浮動屬性相關(guān)規(guī)則與用法。4. 學(xué)習(xí)縱向?qū)Ш綑冢孕官網(wǎng)作為實例，并隨后進行練習(xí)。5. 學(xué)習(xí)制作不同種類的橫向?qū)Ш綑凇?. 了解浮動的默認(rèn)規(guī)則浮動的塌陷。并知道如何消除浮動帶來的影響。7. 了解背景的相關(guān)設(shè)定。8. 了解背景圖像的設(shè)定與特性。9. 了解圖像透明度，知道如圖像變動

10、網(wǎng)頁的編輯方式。工作反思與總結(jié) 今天的學(xué)習(xí)主要是結(jié)合前面已經(jīng)完成和熟知的內(nèi)容進行新的標(biāo)簽與屬性的引入。熟悉相關(guān)語法的使用規(guī)則與特性。例如引入背景圖片時，圖片的默認(rèn)屬性是平鋪屬性。所以一般情況下我們都會根據(jù)圖片的像素進行修改。所以現(xiàn)在的學(xué)習(xí)情況在基礎(chǔ)結(jié)構(gòu)與相關(guān)特性較為熟悉的情況下，我們就會進行相關(guān)網(wǎng)站的部分編輯試煉。為之后的工程工作進行準(zhǔn)備。但是面對的難題也隨之而來。越來越多的標(biāo)簽引入就意味著更多的功能會加入在網(wǎng)站的編寫中。所以對更多標(biāo)簽與屬性的熟悉過程也變的復(fù)雜。所以多加練習(xí)在之后的學(xué)習(xí)中是必要的。下一步工作計劃自己獨立完成一些導(dǎo)航欄的編寫,并對之前的相關(guān)知識進行歸納總結(jié)。為之后網(wǎng)站的編寫做準(zhǔn)

11、備。在課余時間進行回顧以免對知識點遺忘。在明天的休息期間好好休息。為之后的一輪工作學(xué)習(xí)養(yǎng)精蓄銳。工作記錄工作日期天氣情況陰實習(xí)內(nèi)容學(xué)習(xí)布局與相關(guān)的屬性實習(xí)地點工作開展情況1. 對之前的學(xué)習(xí)內(nèi)容進行復(fù)習(xí)。2. 學(xué)習(xí)網(wǎng)站構(gòu)建過程中起布局作用的定位屬性。3. 練習(xí)縱向?qū)Ш綑诘木帉憽?. 示范新聞導(dǎo)航的代碼書寫。5. 學(xué)習(xí)整體布局。6. 學(xué)習(xí)定位的層級屬性。7. 進行重慶郵電大學(xué)官網(wǎng)的工程工作起步。工作反思與總結(jié) 今天介紹的標(biāo)簽不多，主要進行的一般網(wǎng)站常見的板塊是如何編寫的示范指導(dǎo)。發(fā)現(xiàn)是運用之前學(xué)過的內(nèi)容進行拓展與布局。沒有沒有了解的內(nèi)容。但是當(dāng)自己動手的時候往往不知道如何進行布局與修改。往往一個錯

12、誤引起之后的框架全部錯位。還有就是書寫代碼時的規(guī)范問題。因為要完成一個網(wǎng)站所以代碼量是較多的。進行合理地布局規(guī)劃與注釋的書寫能幫助很好的查漏補缺。布局要從大到小，由整體到局部。如果規(guī)劃不合理在細(xì)節(jié)的書寫過程中往往會伴隨著連帶錯誤，這是得不償失的。晚上雖然將大體布局框架打好，但是細(xì)枝末節(jié)的地方還要好好進行完成。下一步工作計劃 明天的計劃是完成網(wǎng)站的編寫，在書寫過程中好好的進行注釋的書寫。完成大體網(wǎng)站的布局與內(nèi)容的添加，最后進行修正與細(xì)節(jié)的處理。希望能用一天的時間完成一個成熟存在的網(wǎng)站獨立完成工作。工作記錄工作日期天氣情況陰實習(xí)內(nèi)容完成網(wǎng)站的編寫實習(xí)地點工作開展情況運用HTML與CSS知識完成重慶

13、郵電大學(xué)官網(wǎng)的構(gòu)建工作：1. 上午完成網(wǎng)站頭部的圖片與鏈接添加。與部分導(dǎo)航欄的編輯工作：將導(dǎo)航欄的背景與鼠標(biāo)懸浮文字變色工作2. 下午完成導(dǎo)航欄的全部內(nèi)容。部分主體內(nèi)容的加入新聞部分的完成。在進行左下角的橫向?qū)Ш綑诘臅鴮戇^程中遇到問題：橫向的懸浮內(nèi)容不能同步的移位導(dǎo)致布局上出現(xiàn)問題。在書寫新聞切換欄時出現(xiàn)問題：完成鼠標(biāo)懸浮到標(biāo)題使隱藏部分出現(xiàn)，但不能保持的問題。3. 晚上完成右部分圖片與新聞的編輯工作。在講師的指導(dǎo)下運用bottom屬性完成左下導(dǎo)航欄的布局工作，但自己還是無法解決新聞切換過程中的隱藏內(nèi)容保持問題，需要運用JS才能完成編輯。工作反思與總結(jié) 通過一天的書寫代碼，大致上完成了一個成熟

14、網(wǎng)站的大致內(nèi)容的構(gòu)建。但是還有一些細(xì)節(jié)沒有進行好規(guī)劃與調(diào)整。在整個工程的完成過程中，印象最深的就是網(wǎng)站有許多重復(fù)或大致相同的結(jié)構(gòu)，但是自己敲寫的代碼沒有將其進行整合，而是一條一條的編輯，使代碼變的冗長。學(xué)習(xí)的并不是很透徹，導(dǎo)致完成網(wǎng)站的編輯過程中，花費了太多的無用時間，如果在生產(chǎn)線上如此構(gòu)建應(yīng)該是不被允許的。所以今后不僅要完成工程，還要盡可能的減少冗余的代碼與結(jié)構(gòu)。使其更為完善。下一步工作計劃 調(diào)整好網(wǎng)站的相關(guān)細(xì)節(jié)，了解一些常用的沒有用過的相關(guān)標(biāo)簽與屬性的特性與使用方式。了解JS在網(wǎng)站構(gòu)建中起的作用。完善書寫的代碼，竟可能的簡化網(wǎng)站代碼的結(jié)構(gòu)，減少冗余。練習(xí)相關(guān)的其他結(jié)構(gòu)的網(wǎng)站模塊。工作記錄工

15、作日期天氣情況晴實習(xí)內(nèi)容完善網(wǎng)站的拓展內(nèi)容實習(xí)地點工作開展情況1. 完善之前編輯網(wǎng)站。2. 調(diào)整代碼細(xì)節(jié)，將CSS內(nèi)部引入改為外部。3. 進行拓展內(nèi)容嘗試。4. 完成圖片滾動的功能實現(xiàn)5. 自學(xué)JS相關(guān)基礎(chǔ)內(nèi)容。6. 更改圖片滾動模式。工作反思與總結(jié)今天主要工作是完善重慶郵電大學(xué)的網(wǎng)站編輯，并檢查。通過對手冊的詳讀知道如何運用animation屬性對滾動的背景圖片進行編輯。但是實現(xiàn)的效果與官網(wǎng)有所出入，查看網(wǎng)站源代碼后，了解網(wǎng)站使用了Javascrip運用函數(shù)對圖像變化。所以對Javascrip的學(xué)習(xí)較為渴望，所以面對新的不能實現(xiàn)的功能起初是想辦法運用已學(xué)知識進行完善或調(diào)整。在還是無法實現(xiàn)的情

16、況下，就要需求新的知識來完善內(nèi)容。所以對之后的學(xué)習(xí)更加期待。在之后的學(xué)習(xí)中要進行好好的規(guī)劃，并多多練習(xí)。找到一些既定的網(wǎng)站進行模塊的編輯與模仿以便已學(xué)內(nèi)容進行鞏固。下一步工作計劃練習(xí)一些比較特別的網(wǎng)絡(luò)框架結(jié)構(gòu)，并且對CSS3進行預(yù)習(xí)與了解。并且嘗試對其中的相關(guān)屬性進行嘗試性練習(xí)。工作記錄工作日期天氣情況陰實習(xí)內(nèi)容學(xué)習(xí)相關(guān)CSS3基礎(chǔ)內(nèi)容實習(xí)地點工作開展情況1. 學(xué)習(xí)圓角屬性border-radius2. 學(xué)習(xí)變換屬性包括旋轉(zhuǎn)，平移與縮放及其它們的相關(guān)使用方法與屬性。3. 如何運用相關(guān)的屬性來構(gòu)建一個愛心狀的框架。4. 自我練習(xí)如何在網(wǎng)站上編寫出一個太極圖像。5. 學(xué)習(xí)扭曲屬性，了解不同扭曲屬性

17、的單位與扭曲的方向，注意扭曲角度不能超過90度。6. 運用扭曲與之前學(xué)習(xí)的一些屬性，完成移動的正方體的練習(xí)。工作反思與總結(jié) 今天主要學(xué)習(xí)了CSS3的一些拓展屬性，較之前的學(xué)習(xí)情況來比較?，F(xiàn)如今接受新的屬性與規(guī)則更為迅速。能夠很快的上手完成一些小的工程?？梢哉f已經(jīng)慢慢的熟練了HTML5的基礎(chǔ)內(nèi)容的吸收與接受。雖然完成的工作內(nèi)容不過，但是比較之前完成的工程比較有挑戰(zhàn)性。就如對于太極圖像的編輯，運用更少的空白標(biāo)簽就能完成是種很簡便的代碼編寫思路?，F(xiàn)如今要做的不僅僅是鞏固內(nèi)容的學(xué)習(xí)，而且還要能有意識的縮減代碼的行列。以便如果今后接觸到編程就能夠很好的完成相關(guān)工程的進度。下一步工作計劃 完成相應(yīng)的任務(wù)并

18、且自己了解相關(guān)的JavaScrip的運用。了解函數(shù)的使用方式與調(diào)用查詢相關(guān)屬性的方式與方法。工作記錄工作日期天氣情況陰實習(xí)內(nèi)容學(xué)習(xí)css3新的內(nèi)容實習(xí)地點工作開展情況1. 復(fù)習(xí)之前學(xué)習(xí)的內(nèi)容.2. 示范移動的正方體在網(wǎng)頁上的實現(xiàn).3. 學(xué)習(xí)新的屬性漸變:分為線性漸變與徑向漸變。4. 運用漸變做出球狀標(biāo)簽。5. 學(xué)習(xí)重復(fù)性漸變。6. 了解H5重要的一個屬性為過渡。7. 教導(dǎo)如何運用過渡來做出圖像相冊的樣式。8. 練習(xí)運用漸變來完成蓮花開花的動畫。工作反思與總結(jié) 學(xué)習(xí)了如何運用CSS3來完成一些動態(tài)的網(wǎng)站特效。雖然主體上是通過新的標(biāo)簽與屬性的基礎(chǔ)來構(gòu)建的,但是之前學(xué)習(xí)的布局與排版還有構(gòu)建塊狀標(biāo)簽卻

19、是之后完成工程與練習(xí)的基礎(chǔ)。所以對之前學(xué)習(xí)的內(nèi)容的熟練能對之后的學(xué)習(xí)節(jié)約很多的時間。所以熟練掌握之前學(xué)習(xí)的內(nèi)容并進行鞏固是現(xiàn)如今重要的工作。下一步工作計劃 對之前學(xué)習(xí)內(nèi)容進行鞏固，在之前的工程上運用新學(xué)的內(nèi)容進行完善與拓展。放假時間好好休息。以便有更好的精力完成最后一個階段的任務(wù)。工作記錄工作日期8天氣情況陰實習(xí)內(nèi)容學(xué)習(xí)媒體查詢與響應(yīng)式布局實習(xí)地點工作開展情況1. 復(fù)習(xí)之前學(xué)習(xí)的內(nèi)容并鞏固。2. 學(xué)習(xí)新屬性動畫的運用與結(jié)構(gòu)。3. 練習(xí)運用動畫完成小車過紅綠燈的動畫。4. 了解媒體查詢的使用。5. 學(xué)習(xí)如何運用媒體查詢來完成自適應(yīng)網(wǎng)站。6. 交代最后需完成的工程任務(wù)。7. 教導(dǎo)大致的華為官網(wǎng)的布

20、局。8. 學(xué)習(xí)新的bootstrap的使用。9. 著手于工程的進行。工作反思與總結(jié) 學(xué)習(xí)最后的相關(guān)標(biāo)簽，就此實習(xí)期間學(xué)習(xí)的內(nèi)容已經(jīng)全部講完。但是了解如何對所學(xué)內(nèi)容進行靈活的運用還有很多的地方不了解。所以對最后一個工程的完成，期間不僅能完成所需內(nèi)容，還可以對之前學(xué)習(xí)內(nèi)容進行鞏固與深化。所以在著手于工程之前要做好充足的準(zhǔn)備。不僅要先做好布局與規(guī)劃，還要思考如何讓網(wǎng)站完成響應(yīng)式的功能。所以此次的相關(guān)任務(wù)也是對實習(xí)期間的學(xué)習(xí)進行的考察。下一步工作計劃 完善網(wǎng)站布局，構(gòu)建網(wǎng)站框架，使網(wǎng)站在小屏幕的手機頁面也能正常顯示。完善大屏的網(wǎng)站基礎(chǔ)框架。工作記錄工作日期天氣情況陰實習(xí)內(nèi)容完成華為官網(wǎng)工程任務(wù)實習(xí)地點工作開展情況1. 完善之前的布局結(jié)構(gòu)。進一步的構(gòu)建手機端的布局。2. 上午對pc端網(wǎng)站頭部進行編輯。3. 下午完成主體內(nèi)容的構(gòu)建，并且實現(xiàn)圖片與文字的動畫效果。并且對網(wǎng)站尾部進行構(gòu)建。4. 晚上完善PC端頁面的相關(guān)細(xì)節(jié)并且著手于對手機端的網(wǎng)站相應(yīng)的布局完善。隱藏不需要的相關(guān)標(biāo)簽并且對需要更改的標(biāo)簽進行布局與修改。工作反思與總結(jié) 工作主要是完成響應(yīng)式網(wǎng)站的構(gòu)建。相比較于之前完成的重郵官網(wǎng)的