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