自學了幾個月,想要進入全新的領(lǐng)域,做了一些項目,請指導(dǎo)(上傳大小有限,有些項目就刪了,播放的歌曲和背景圖片也刪了,請見諒)
運用div和css3、Jquery開發(fā)的個人簡歷和作品展現(xiàn),里面含自己用thinkphp框架寫的個人博客。
用bootstrap搭建的一個網(wǎng)站,用css/html/js做的基本界面,用php和mysql做的數(shù)據(jù)存儲的展示,記錄了我覺得重要的知識,和我的學習時光軸。 網(wǎng)站預(yù)覽地址:www.lzongh.cn 能力有限,還希望多多包涵,希望以后的路上能學的越來越多,走的越來越穩(wěn)。
在出去吃飯點餐的時候,就想是不是可以直接做網(wǎng)頁版的訂餐的小軟件。在學習完HTML5新增的本地數(shù)據(jù)庫之后,我覺得這個小軟件應(yīng)該是可以實現(xiàn)的,于是說干就干。目前主要實現(xiàn)以下功能: 1.在第一次打開網(wǎng)頁的時候沒有檢測到有菜單信息就進入配置頁面,添加新菜單, 2.菜單可以添加圖片,菜名,價格等信息。圖片采用的URL格式存儲, 3.實現(xiàn)了菜單信息的增、刪、改、查。 4.在訂餐頁面鼠標點擊一個菜品將自動添加到訂單中,訂單號按日期自動生成。 5.在訂單部分,鼠標移動上去提示移除本菜品,另外還有價格計算,找零功能。 6.在訂單確認之后,將訂單數(shù)據(jù)保存到數(shù)據(jù)庫中。
響應(yīng)式布局,小于760px人物圖片被人民替代,使用bootstrap制作輪播圖片;圖片來自wallhaven。
版本一:模仿百度首頁制作的簡單網(wǎng)頁,可以實現(xiàn)搜索功能,并且能夠切換搜索引擎。 版本二:應(yīng)用百度搜索推薦API,使用 JSONP 獲取搜索結(jié)果,界面設(shè)計更加嚴謹。
目前為止對個人信息的添加比較少,但是整個網(wǎng)站框架搭建的差不多了,上傳到了github,用了pagepiling.js,加入了一些css3動畫特效,雖然簡陋了一些,但畢竟是自己花心血完成的,之前加入過圖片鼠標滑過顯示的banner,但是依舊有些bug,功能的話刪掉了,打回去重新調(diào)試。
簡單模仿制作了github中國網(wǎng)站并完成部分基礎(chǔ)功能; 擁有登錄、注冊、留言功能; 擁有商品上傳、圖片上傳功能(因網(wǎng)絡(luò)服務(wù)器問題,目前在線瀏覽僅支持部分上傳功能); 項目演示地址:http://demo.carolcoral.cn/Demo/demo3/; 個人博客地址:http://carolcoral.cn/(http://carolcoral.cn/index2.php); 項目上次維護時間:2014年6月; 其他;
北京磊友信息科技有限公司是中國最早從事HTML5游戲開發(fā)的企業(yè),也是HTML5技術(shù)的先行者。目前專注于用HTML5技術(shù)在移動社交網(wǎng)絡(luò)上提供輕游戲云平臺服務(wù), 為玩家,商戶和開發(fā)者提供新媒體游戲化營銷解決方案。 “磊友”網(wǎng)站的項目搭建主要是為了能夠在線上完成與用戶的對接;搭建本網(wǎng)站主要通過DOM節(jié)點操作、表達作假以及各個插件的引入完成基本樣式的搭建以及各種效果的實現(xiàn); 在結(jié)構(gòu)方面,通過合理使用標簽使其更具與異性,加強搜索性能。通過共用效果的函數(shù)封裝,比如自定義滾動條,DOM節(jié)點的操作來精簡標簽結(jié)構(gòu),加強網(wǎng)頁讀取速讀。
“Imooc-Store”購物網(wǎng),是以現(xiàn)有交易網(wǎng)為依據(jù);慕課網(wǎng)提供的“PSD”圖為模版,設(shè)計并制作成的交易網(wǎng)站。其網(wǎng)站有:首頁、購物車、訂單頁、商品分類等。為用戶提供一個在線支付、線下交易的網(wǎng)絡(luò)交易平臺;真正意義上的,為用戶提供一個安全、便捷、快速的網(wǎng)絡(luò)交易網(wǎng)站!
鳳凰古城旅游主題網(wǎng)站,目前有首頁,美食,酒店,景點四個有效頁面。由于上傳大小限制,刪除了視頻和音頻。
此作品是由個人寫的一個強交互的博客系統(tǒng),和傳統(tǒng)的博客系統(tǒng)有所不同,并帶有音樂播放,在寫博客的時候能聽聽音樂放松。主要采用前端采用HTML/CSS,jQuery技術(shù)。后端使用Python,Mysql(但由于后端自己還在修改中,沒有提交上來,所以此作品現(xiàn)在暫時只有前端,頁面中內(nèi)容是自己隨便填充,不代表真實內(nèi)容),demo:http://121.42.169.254/
在看到慕課網(wǎng)的公告后,就開始著手準備這個站點。從學習vue.js和webpack到發(fā)布這個還有一些bug的網(wǎng)站,總共花了一個星期= =。
以簡潔為目標,做一個設(shè)計好又有料的網(wǎng)站。 在對一般博客審美疲勞的時候,一個集設(shè)計與內(nèi)容于一身的網(wǎng)站顯得尤為出彩。這也是我做這個網(wǎng)站的初衷。
用作個人博客,包含響應(yīng)式內(nèi)容,主要用到j(luò)s路由,ajax以及css動畫,用到的框架包括vivus.js(用作svg動畫),showdown.js(用作markdown文件轉(zhuǎn)html),director.js(用作js路由)。
花這么少的時間做網(wǎng)站,三天時間做。我是最后交上去的,發(fā)現(xiàn)好晚。這個作品第一次做的,算是我初級階段吧。接下來我將要攻打JavaScript城。。。。