怎樣制作一個(gè)個(gè)人網(wǎng)頁(yè)?

時(shí)間：2022-09-04 04:18:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-09-04 04:18:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

感覺(jué)本人和題主的學(xué)習(xí)情況差不多，只是可能知識(shí)的了解程度和熟練度比題主略強(qiáng)一些。

——————————未邀自答，才疏學(xué)淺，大神輕虐——————————

說(shuō)說(shuō)目前我的情況吧。目前自學(xué)了struts2的基礎(chǔ)知識(shí)【請(qǐng)求分發(fā)啊，interceptor啊，反正就是很基礎(chǔ)的那種。查查文檔+自己實(shí)驗(yàn)差不多三天就會(huì)的那些】，然后現(xiàn)在在學(xué)hibernate【也是自學(xué)】。有自己的服務(wù)器，阿里云的【建議題主也可以入一個(gè)。學(xué)生認(rèn)證之后一個(gè)月9.92RMB，真的很便宜】。

2016.7.3編輯: 千萬(wàn)別買(mǎi)阿里云的學(xué)生機(jī)！簡(jiǎn)直不把用戶(hù)當(dāng)人看！

===========================

華麗的分割線(xiàn)

===========================

題主想要學(xué)習(xí)如果制作個(gè)人主頁(yè)，并且希望在三個(gè)月內(nèi)拿出成果，然后日后鞏固，加強(qiáng)。就我個(gè)人的經(jīng)驗(yàn)來(lái)看，這肯定是可以完成的，只是需要題主能不斷堅(jiān)持！個(gè)人主頁(yè)的制作簡(jiǎn)單，日后的維護(hù)，優(yōu)化之類(lèi)，還是比較復(fù)雜的。

那么就來(lái)說(shuō)說(shuō)個(gè)人主頁(yè)的制作吧【正好做個(gè)人主頁(yè)也可以做為題主的jsp入門(mén)項(xiàng)目】。



知識(shí)儲(chǔ)備

一定要用MVC進(jìn)行架構(gòu)，因?yàn)槟阏f(shuō)了，日后會(huì)對(duì)其進(jìn)行維護(hù)，升級(jí)等操作。如果不用MVC，日后的操作會(huì)讓人發(fā)瘋?！颈热缯f(shuō)我最初的個(gè)人主頁(yè)還是純jsp的，頁(yè)面和jsp緊緊的合在一起，如果想修改的話(huà)必須重做…好麻煩】


前端：必須了解的知識(shí)有：HTML系列:html,css,javascript[jquery];JAVA系列:jsp

題主所說(shuō)正在學(xué)習(xí)jsp，那么對(duì)jsp的基本知識(shí)是需要掌握的。比如最最基本的在頁(yè)面里使用jsp來(lái)增加元素，還有javabean之類(lèi)…然后對(duì)html,css,js也要有了解。

html，我也沒(méi)有什么好說(shuō)的…我也沒(méi)去認(rèn)真學(xué)過(guò)…

css，掌握到可以通過(guò)開(kāi)發(fā)者工具來(lái)找到某個(gè)元素的某個(gè)屬性并且可以很熟練的對(duì)其修改，有不知道的可以通過(guò)百度谷歌等搜索工具幫助解決。

js，ajax是必須掌握的。然后，想快速開(kāi)發(fā)的話(huà)就去看看jquery吧，jquery的入門(mén)程度大概了解到選擇器，dom節(jié)點(diǎn)操作，可以通過(guò)jquery對(duì)dom元素的css進(jìn)行修改，添加dom元素的某個(gè)操作比如說(shuō)click之類(lèi)。

關(guān)于js【jquery】：

JavaScript教程jQuery API 中文文檔 -- jQuery 中文網(wǎng)
很多html的資料，有忘記的可以在這里查：

w3school 在線(xiàn)教程
后臺(tái)：

既然題主是以jsp為主，那么后臺(tái)用java來(lái)做應(yīng)該無(wú)可厚非。先說(shuō)說(shuō)我眼中的所謂后臺(tái)吧，即可以通過(guò)方便的操作修改個(gè)人主頁(yè)上內(nèi)容的一個(gè)頁(yè)面。所以說(shuō)后臺(tái)也有頁(yè)面，這個(gè)頁(yè)面也需要用html+css+js來(lái)進(jìn)行制作。

關(guān)于后臺(tái)的最最基礎(chǔ)的知識(shí)有：java基礎(chǔ)知識(shí)，JDBC【java 和數(shù)據(jù)庫(kù) 的連接橋】，mysql【或者其他一個(gè)數(shù)據(jù)庫(kù)】，一些簡(jiǎn)單算法。如果想看上去稍微強(qiáng)一點(diǎn)，可以學(xué)學(xué)框架，java的三大框架struts2 hibernate spring，雖然說(shuō)用這仨來(lái)搭一個(gè)個(gè)人主頁(yè)有點(diǎn)重量級(jí)了，但是就學(xué)習(xí)而言是很必要的！用上這些框架之后后期的維護(hù)會(huì)方便一些。如果一開(kāi)始是純jsp的話(huà)之后要修改起來(lái)會(huì)有些麻煩。

tomcat：

tomcat的知識(shí)肯定是要掌握的！

Apache Tomcat 7 Configuration Reference (7.0.67) —— 直接上這個(gè)網(wǎng)站會(huì)不會(huì)有點(diǎn)耍流氓= =

建議題主從搭建本地的簡(jiǎn)單的tomcat服務(wù)器開(kāi)始，可以百度一下：馬士兵tomcat教程

看完了教學(xué)視頻，再?lài)L試自己配置tomcat環(huán)境。


日后想要在阿里云【默認(rèn)題主就買(mǎi)這個(gè)了】上搭建完整的java環(huán)境，可以參考這篇文章：

在阿里云服務(wù)器上快速搭建JavaWeb環(huán)境JDKtomcatmysql|新手幫幫團(tuán)里面有一些大坑需要題主自己去發(fā)現(xiàn)啦~

===============

差不多學(xué)了我說(shuō)的以上的一些知識(shí)，題主應(yīng)該是可以做出來(lái)最簡(jiǎn)單的一個(gè)個(gè)人主頁(yè)了。不過(guò)還是看上去很Low的那種，沒(méi)關(guān)系。

介紹一個(gè)前端框架叫bootstrap

Bootstrap中文網(wǎng)題主可以簡(jiǎn)單了解一下這個(gè)框架，了解階段，可以使用可拖拽式工具

ibootstrap - Bootstrap可視化布局系統(tǒng)、

進(jìn)行簡(jiǎn)單的頁(yè)面制作。

熟悉掌握之后，當(dāng)然還是要回到使用html代碼制作。

=================

簡(jiǎn)單的說(shuō)，就是通過(guò)html+css+js 和 jsp操作完成一個(gè)頁(yè)面。jsp操作一個(gè)java類(lèi)，并在前臺(tái)將其展示出來(lái)【表達(dá)的有點(diǎn)不清楚】。同時(shí)這個(gè)java類(lèi)又是可以在后臺(tái)被編輯的，并且這個(gè)java類(lèi)的數(shù)據(jù)還存儲(chǔ)在數(shù)據(jù)庫(kù)中。



=================

還看見(jiàn)有人建議題主使用wordpress建站…的確wordpress是很簡(jiǎn)單的建站工具，里面有很多的模版可以用，我也嘗試和我的團(tuán)隊(duì)一起制作過(guò)一個(gè)網(wǎng)站

空中浩劫—空難數(shù)據(jù)中文站的確是很方便……但是我覺(jué)得，個(gè)人主頁(yè)是一個(gè)很好的用來(lái)練習(xí)并上手的jsp項(xiàng)目，希望題主可以從前端到后臺(tái)完全自己完成。

希望題主能早日拿出自己的主頁(yè)！