12306網(wǎng)站設(shè)計項目實踐_第1頁
12306網(wǎng)站設(shè)計項目實踐_第2頁
12306網(wǎng)站設(shè)計項目實踐_第3頁
12306網(wǎng)站設(shè)計項目實踐_第4頁
12306網(wǎng)站設(shè)計項目實踐_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

成果形式：實踐報告成果名稱：12306網(wǎng)站設(shè)計目錄12306網(wǎng)站設(shè)計項目 2一、實踐目的 21.提升素養(yǎng) 22、提升專業(yè)技能 2二、實踐內(nèi)容 31、HTML語言學(xué)習(xí) 32、CSS學(xué)習(xí) 33、JavaScript學(xué)習(xí) 44、Eclipse 55、MYSQL學(xué)習(xí) 5三、實踐過程 61、理論學(xué)習(xí)過程 62、FLY社區(qū)實踐 63、自行組隊以及12306項目完成過程 6四、實踐體會 712306網(wǎng)站設(shè)計項目實踐一、實踐目的1.提升素養(yǎng)在本次的教學(xué)實踐周中，我們在平時上課的基礎(chǔ)上又連續(xù)上了差不多一個月教學(xué)實踐周的課程，這首先考驗的就是我們同學(xué)們的耐力以及意志力。這相當(dāng)于是在期末考試結(jié)束之后又加了一門專業(yè)科目的學(xué)習(xí)，并且相對來說這門科目的學(xué)習(xí)是比我們平時上課還要緊湊的，從早上的八點到下午四點。所以，能堅持每天上課并且能夠?qū)W有所得，這無疑不是一種對我們心智的一種訓(xùn)練。其次，在上課的過程中，我們跟隨著老師的步伐一直不斷地在學(xué)習(xí)，一直不斷地提出問題并改正，一直不斷的在探索，一直不斷地在跟隨老師是一起建立一種“計算機思維”。在每一次正式上課前，老師要求我們每一個人輪流在全班面前分享自己地大四規(guī)劃，分享完之后老師還會對于我們的計劃做出一些點評，點出我們在大四規(guī)劃中所存在的一些問題，并且以過來人的身份來給出一些建議。這也使得我們對于我們的未來有了更加具體的憧憬。只有有了堅定的、明確的、可完成的目標(biāo)，我們才能更有效率地學(xué)習(xí)。特別是對于我們大四學(xué)生來說，這一點十分的重要。我們只有有了清晰的目標(biāo)，對于自己的優(yōu)點和弱勢有了一個清楚的認(rèn)知，我們才能更好地、腳踏實地地在這個暑假完善自己。等到一開學(xué)秋招來臨，我們才有機會能夠過得自己理想地工作?？佳械耐瑢W(xué)或者有其他安排的同學(xué)也可以腳踏實地的一步步地跟著自己地規(guī)劃走。2、提升專業(yè)技能除了平時的上課是對于我們心智的一種磨練之外，這次的實踐周也對我們的專業(yè)技能來說也是一種極大的提升。眾所周知，在不久的九月份我們就要開始準(zhǔn)備找工作，就要準(zhǔn)備秋招。就算是要準(zhǔn)備考研的同學(xué)來說，也是要準(zhǔn)備自己考試的內(nèi)容，而這對于我們考研要考計算機專業(yè)的人來說也是一種專業(yè)課的復(fù)習(xí)。我們學(xué)習(xí)了當(dāng)下企業(yè)中、社會中流行的制作網(wǎng)頁的技術(shù)的相關(guān)內(nèi)容。我們首先是在老師的帶領(lǐng)下學(xué)習(xí)了相關(guān)的理論知識，并且在最后一個多星期，我們也在老師的帶領(lǐng)下進(jìn)行了一些相關(guān)的實踐，比如說FLY社區(qū)的構(gòu)建、12306網(wǎng)站的搭建等。因為這些知識我們在平時的上課中是沒有學(xué)到的，所以這相當(dāng)于說是一個對于我們自己知識貯備的的一個很好的補充。除此之外，我們的老師也是來自于相關(guān)企業(yè)的技術(shù)人才，所以就能給我們帶來一些在我們找工作的過程中比較有用的一些知識，讓我們避免了一些找工作的雷區(qū)，讓我們自己學(xué)到的專業(yè)理論知識能和現(xiàn)在企業(yè)的一些流行技術(shù)有一個很好的接軌。同時也告訴了我們我們所欠缺的一些技能，這也是我們能夠在暑假中有針對性的不斷充實自己、完善自己，從而能夠找到一個滿意的工作。就比如說，有很多同學(xué)在上去講自己的大四規(guī)劃的時候說到自己的就業(yè)目標(biāo)，老師就會和我們交流一些理想職業(yè)比如說C++后臺開發(fā)師應(yīng)該所具備的技能、一般是如何面試的、平時是做什么工作的和薪資待遇等等。3、計算機思維提升在我們實踐周的進(jìn)行過程之中，其實也是對我們計算機專業(yè)技能的一種考驗，試一次有老師指導(dǎo)的有期末考試的上機實踐操作。在這為期一個月的上機實踐的過程中，我們其實完成了很多大大小小的不同的簡單的項目，但是最主要的項目就是我們的FLY社區(qū)和最后我們組進(jìn)行答辯的12306網(wǎng)站設(shè)計項目。我們對于HTML、CSS等等由不熟悉變?yōu)槭煜ぃ俚侥軌蛏蠙C操作的過程中，其實是能夠給人非常大的成就感的。并且在這個實踐周的過程過，我們收獲的最寶貴的應(yīng)該是一種計算機的思維。這就比如說我們上課的時候不是純粹跟老師一起照著老師來敲代碼，而是我們要跟著老師的思維，先建立起一種全局觀，就是你先要按照怎么樣的思維來寫你這個程序，要用到什么樣的東西來寫完，并且在這個過程中老師也會告訴我們作為一個企業(yè)人員，他們一般會怎么寫怎么做，教了我們要進(jìn)行封裝、要隨手保存，怎么樣寫會更有效率等等的一些好習(xí)慣。二、實踐內(nèi)容1、HTML語言學(xué)習(xí)在第一天，我們先了解了關(guān)于網(wǎng)站設(shè)計以及制作的相關(guān)方面的內(nèi)容，包括前端和后臺的一些內(nèi)容。對于HBuilder這個軟件有了相關(guān)的了解并且下載了這個軟件。然后我們通過實踐學(xué)習(xí)了關(guān)于HTML語言的理論知識，比如說是一開始的我們先開始能夠在網(wǎng)站上顯示文字，然后到插入超鏈接，然后到放一段音頻和視頻，然后到制作表格等等。通過跟著老師做這些東西，我們也在實踐中了解了關(guān)于HTML語言的一些基本知識并且加以鞏固。HTML的結(jié)構(gòu)一般包括<head>標(biāo)簽和<body>標(biāo)簽，這兩個標(biāo)記分別表示著網(wǎng)頁的頭部和正文。在頭部標(biāo)記里面我們可以寫這個網(wǎng)頁的標(biāo)題，我們的字體顏色、頁面布局、超鏈接等等的內(nèi)容則是寫在body里面。頭部里面的內(nèi)容并不是網(wǎng)頁頁面的內(nèi)容，但是它是整個網(wǎng)頁的基礎(chǔ)，也就是影響網(wǎng)頁的效果。Body里面的東西則是網(wǎng)頁顯示的內(nèi)容。HTML腳本語言允許格式化文本等等，它不僅僅可以在Hbuilder里面寫，而且可以直接在記事本里面寫并且將之保存為文本文檔。但是保存的時候要注意格式，這也是實踐周剛開始的時候我所遇到的問題。HTML的關(guān)鍵是標(biāo)簽，它的作用是指出將出現(xiàn)的內(nèi)容。CSS學(xué)習(xí)在對于HTML語言有了一定程度的了解和掌握之后，我們就對于CSS進(jìn)行了學(xué)習(xí)。這是因為CSS被用來同時控制多重網(wǎng)頁的樣式和布局。通過使用CSS來我們可以大大提升網(wǎng)頁開發(fā)的工作效率。CSS定義如何顯示HTML元素，也就是說，他用于控制Web頁面的外觀。樣式存儲在樣式表中，通常放在<head>部分或存儲在外部CSS文件中。作為網(wǎng)頁標(biāo)準(zhǔn)化設(shè)計的趨勢，CSS取得了瀏覽器廠商的廣泛支持，正越來越多的被應(yīng)用到網(wǎng)頁設(shè)計中去。CSS是網(wǎng)頁的樣式，javascript是行為。結(jié)構(gòu)就是蓋房子先要把結(jié)構(gòu)建出來，然后用CSS來裝飾。CSS和HTML都是前端技術(shù)的核心語言，他們之間也有很大的區(qū)別，我一開始也不能正確地將他們區(qū)分開來，但是后來上網(wǎng)查了一些資料就有了更加深刻地理解。Html語言寫的代碼通常會被瀏覽器解析執(zhí)行，css主要管理的是這個頁面的布局，用于定義html文檔的樣式和外觀，是頁面表現(xiàn)的基礎(chǔ)，可以控制布局，控制元素?？偟膩碚f，html是網(wǎng)頁的結(jié)構(gòu)，CSS是網(wǎng)頁的樣式。舉個例子，如果整個網(wǎng)頁比喻成一個娃娃，那么HTML就是這個娃娃的骨架，而CSS就是這個娃娃的衣服。在學(xué)習(xí)完了CSS的基本的一些知識之后，我們就跟著老師一起制作了一個萬圣節(jié)抽福的一個網(wǎng)頁，老師一邊帶著我們調(diào)代碼，一邊為我們講解中間的有關(guān)知識，也對于我們提出的疑問做出了回答。然后在那個星期老師也給我們留了作業(yè)，我們也根據(jù)上課做的萬圣節(jié)抽福也做出來了一個相似的圣誕節(jié)的網(wǎng)頁，對于我們所學(xué)過的知識有了一個更加深刻的了解以及印象，為我們最后的的實踐打下了基礎(chǔ)。JavaScript學(xué)習(xí)學(xué)習(xí)完了上述知識的一些計本內(nèi)容之后，我們又對于JavaScript進(jìn)行了一些基礎(chǔ)的學(xué)習(xí)。JavaScript可以讓我們的網(wǎng)頁更加生動。如果我們只想展示內(nèi)容，靜態(tài)網(wǎng)站是很好的展示形象，如果我們想與用戶進(jìn)行交換或者讓網(wǎng)頁更加生動那就需要使用到Javascript。HTML定義了網(wǎng)頁的內(nèi)容，CSS描述了網(wǎng)頁的布局，JavaScript網(wǎng)頁的行為。Eclipse在最后FLY社區(qū)的實踐中，我們運用了Eclipse寫了一些顯示網(wǎng)頁連接數(shù)據(jù)的JAVA代碼。因為我們有了C++的基礎(chǔ)，我們我認(rèn)為對于這個來說還是比較好上手的。雖然Eclipse是使用Java語言開發(fā)的，但它的用途并不限于Java語言；還提供支持C/C++、COBOL、PHP、Android等編程語言的插件。我們運用Eclipse來做我們最后的12306的網(wǎng)站設(shè)計，運用它來和數(shù)據(jù)庫進(jìn)行連接，是最終我們可以在網(wǎng)頁上進(jìn)行查找個人信息、新增以及查詢個人信息。5、MYSQL學(xué)習(xí)眾所周知，一個網(wǎng)站的成功制作不僅僅包括他的前臺頁面設(shè)計，網(wǎng)站的后臺也十分的重要。只有連接了后臺數(shù)據(jù)庫，我們才能在我們的網(wǎng)頁上實現(xiàn)我們的信息的更新，才能實現(xiàn)這個網(wǎng)站的完整性。我們以前學(xué)習(xí)過SQLSERVE數(shù)據(jù)庫，但是老師帶領(lǐng)我們學(xué)習(xí)的是MYSQL數(shù)據(jù)庫。這兩個數(shù)據(jù)庫我認(rèn)為其實差不多，基本的插入、刪除等的語言都是一樣的格式，但是通過學(xué)習(xí)我覺得MYSQL數(shù)據(jù)庫要更加的復(fù)雜，可能也是跟學(xué)習(xí)的時間長短有關(guān)系吧。MySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣就增加了速度并提高了靈活性。MySQL所使用的SQL語言是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。老師帶領(lǐng)著我們一步一步的，先從建立數(shù)據(jù)庫開始，然后再到刪除、查詢、插入、連接等。我們在學(xué)習(xí)完了基本的新建、插入、刪除、查詢等的基本的數(shù)據(jù)庫的語言之后，老師在帶領(lǐng)我們一步步地進(jìn)行數(shù)據(jù)庫與我們前端Eclips的連接。三、實踐過程1、理論學(xué)習(xí)過程在實踐周的前期過程，我們都是關(guān)于以上內(nèi)容的基本理論的學(xué)習(xí)。這其中也有一些關(guān)于基本網(wǎng)頁設(shè)計，比如說背景圖片、設(shè)計表格這類的一些計本的實踐，位的是鞏固我們的一些基礎(chǔ)的知識。在學(xué)習(xí)完這些基礎(chǔ)的知識以后，我們先做的是一個抖音首頁的設(shè)計，包括它的視頻背景、logo、登陸框等等。接著我們一起做了有關(guān)于萬圣節(jié)抽福的一個網(wǎng)站，其中用到了CSS以及包括了幾個跳轉(zhuǎn)頁面，然后根據(jù)這個網(wǎng)頁，我們又在課下中自己完成了類似的一個圣誕節(jié)網(wǎng)頁的設(shè)計。在這其中，不僅鞏固了上課我們所學(xué)習(xí)的知識，同時我也發(fā)現(xiàn)了許多我存在的一些問題，然后通過上課老師的講解，課下和老師以及同學(xué)們的討論，對于這些知識有了更加深刻的理解，這也為我們完成最后的項目打下了堅實的基礎(chǔ)。2、FLY社區(qū)實踐在完成了以上內(nèi)容的學(xué)習(xí)之后，我們?nèi)嗑烷_始跟著老師一些做FLY社區(qū)網(wǎng)站的制作，這也是我們最后的大作業(yè)之一。在完成這個實踐項目的過程中，除了我們之前學(xué)習(xí)到的關(guān)于前臺網(wǎng)頁設(shè)計方面知識的內(nèi)容之外，我們也不斷學(xué)習(xí)了Eclipse、MYSQL等相關(guān)的一些后臺開發(fā)方面的內(nèi)容。這些東西我們在最后做12306中也要用到，所以也為我們最后12306的完成埋下了伏筆。自行組隊以及12306項目完成過程在距離我們實踐周還有一個多星期的時候，老師給了我們關(guān)于最后的實踐所需要做的一些內(nèi)容。首先我們幾個志同道合的同學(xué)聚在一起，組成了F6小組。根據(jù)我們每個人的實際水平，我們最終選擇了對于我們來說相對容易完成的12306項目。我們在經(jīng)過小組討論之后，根據(jù)每個人擅長方面的不同，我們給每個人分配了不同的任務(wù)。我們四個人做前臺設(shè)計，另外兩個人做后臺開發(fā)以及數(shù)據(jù)庫的連接。在一開始的時候，我們幾個人根據(jù)老師給的12306頁面的模板，分別制作了登陸頁面、內(nèi)部首頁、新增個人信息頁面、查詢個人信息頁面、修改個人信息頁面。一開始我們還有比較大的分歧，比如說在一些細(xì)節(jié)方面的設(shè)計的時候，但是隨著我們的逐漸熟悉，我們也越來越熟悉我們所要用的知識。登陸頁面和內(nèi)部首頁的制作比較簡單，登錄頁面就是一張背景圖片再加上幾個基本的登錄名、密碼的CSS，而內(nèi)部首頁就是最左邊那一欄再加上最頂上的CSS，中間加上一張圖片，也是一個CSS。其他的頁面設(shè)計的思路也是基本如此。對于我們來說比較困難的就是在顯示所有乘客的信息的時候那個表單的設(shè)計以及新增用戶信息的時候比較的麻煩。但是我們上課的時候老師進(jìn)行了一些的講解，下課的時候我們問了別的也是做12306項目的小組他們是如何解決這個問題的，最后共同解決了這些問題，并且參照12306官網(wǎng)對于老師給的參考頁面做了一些美化。在我們進(jìn)行前臺設(shè)計的同時，我們做后端開發(fā)的同學(xué)也沒有閑著。他們一方面跟著老師上課講的內(nèi)容跟對我們后臺開發(fā)進(jìn)行學(xué)習(xí)，一方面積極請教別的大神同學(xué)對于這些內(nèi)容進(jìn)行研究探索。最后在我們小組6位同學(xué)的共同努力之下，我們最終成功完成了12306項目，圓滿結(jié)束了實踐周的學(xué)習(xí)。四、實踐體會通過這次的實踐周，我有了很大的收獲。首先，從最直觀的角度來看，我學(xué)習(xí)到了網(wǎng)站制作中前臺設(shè)計和后臺開發(fā)的新知識：有HTML、CSS、MYSQL等。HTML不是一種編程語言，而是一種標(biāo)記語言，是網(wǎng)頁制作所必備的?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。針對于后臺的開發(fā)，我們也是第一次用了數(shù)據(jù)庫的連接等，這對于我來說也是一種新的實踐。在這個過程中，我除了學(xué)到了新的專業(yè)知識之外，還了解到了現(xiàn)在IT行業(yè)中所流行的所需要的一些技術(shù)，也更加有利于我對于自己專業(yè)能力方面的學(xué)習(xí)和找工作之前的準(zhǔn)備。同時，我們也是上機實踐了好幾個項

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論