網(wǎng)頁制作教程

網(wǎng)頁制作教程

ID:21458419

大?。?.08 MB

頁數(shù):14頁

時間:2018-10-22

上傳者:U-21680
網(wǎng)頁制作教程_第1頁
網(wǎng)頁制作教程_第2頁
網(wǎng)頁制作教程_第3頁
網(wǎng)頁制作教程_第4頁
網(wǎng)頁制作教程_第5頁
資源描述:

《網(wǎng)頁制作教程》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

通識課之課程設(shè)計課程名稱網(wǎng)頁制作教程(10019601)設(shè)計名稱你的要求我來設(shè)計學(xué)院(系)機械與能源工程學(xué)院專業(yè)能源與動力學(xué)生姓名代海斌學(xué)號13519862016-2017學(xué)年第1學(xué)期 目錄1靜態(tài)網(wǎng)頁的頁面控制11.1頁面效果截屏11.2源代碼12CSS布局22.1頁面效果截屏22.2源代碼23多媒體設(shè)計與制作43.1制作過程截屏(制作中間結(jié)果放在2×2表格中,無代碼)54JS控制54.1頁面效果截屏.54.2源代碼.55交互式網(wǎng)頁中數(shù)據(jù)在頁面間傳遞75.1頁面效果截屏(2個頁面截屏放于1×2表格)75.2源代碼.76交互式網(wǎng)頁中數(shù)據(jù)在數(shù)據(jù)庫中的存取.96.1頁面效果截屏(2個頁面截屏放于1×2表格).96.2源代碼.97虛擬網(wǎng)站首頁設(shè)計制作117.1頁面效果截屏(無代碼)117.2網(wǎng)站的盈利模式與創(chuàng)新說明12 1頁面控制1.1頁面效果截屏1.2源代碼兩年來第一次計算機上的作業(yè)這是第一個作業(yè),我得好好做表明我端正的學(xué)習(xí)態(tài)度

先弄個表格,開始第一步

我原本是山中一顆包治百病的板藍(lán)根我太累了,太辛苦了 這是一只心痛的皮卡丘

備注:請輸入備注
2CSS布局2.1頁面效果截屏2.2源代碼div.container{width:100%;margin:0px;border:1pxsolidred;line-height:100%;}div.header,fiv.footer{padding:1em;color:brown;background-color:pink;clear:left;}h1.header{padding:0;margin:0;} div.left{float:left;width:800px;margin:10;padding:1em;}div.content{margin-left:1pxsolidgray;padding:1em;}body{background-image:url(22.jpg);background-repeat:repeat-z}p{text-indent:2em;color:blue;font-size:12px;}聽說,微軟的windows系統(tǒng)已經(jīng)發(fā)到第十版本了,可是,我還在用win7,嗚啊阿。。。

為了讓我與時代近一點,就用windows的圖片做背景吧,ps一只愛犬

此處省略一萬字,未完待續(xù)啊啊啊

但是,我跟你說啊,雖然我看起來土一點

其實,我是一個有背景的人,所以我不愛隨波逐流,不信你點進(jìn)來看看我的身世,反正點也沒用

其實這才是我的個人主頁,上面那個是逗傻子你的,聰明的你:就點擊這里
3多媒體設(shè)計與制作 4JS控制4.1頁面效果截屏4.2源代碼皮卡丘//漂浮廣告的初始位置varx=50,y=60;//xin為真,則向右運動,否則向左運動.//yin為真,則向右運動,否則向左運協(xié).varxin=true,yin=true;//移動的距離varstep=1;//移動的步長vardelay=5;functionfloatAD(){//L左邊界,T右邊界varL=T=0;//層移動的右邊界varR=window.document.body.offsetWidth-window.document.getElementById("fly").offsetWidth;//層移動的下邊界varB=window.document.body.offsetHeight-window.document.getElementById("fly").offsetHeight;//層移動后的左邊界window.document.getElementById("fly").style.left=x;//層移動后的上邊界window.document.getElementById("fly").style.top=y;//判斷水平方向 x=x+step*(xin?1:-1);//到達(dá)邊界后的處理if(xR){xin=false;x=R}//判斷生直方向y=y+step*(yin?1:-1);//到達(dá)邊界后的處理if(yB){yin=false;y=B;}//隔多少時間調(diào)用一次setTimeout("floatAD()",delay);}
背景音樂這是一只心痛的皮卡丘

Leaf

皮卡丘是一只矮矮胖胖圓乎乎的類嚙齒型神奇寶貝,全身的皮毛都是黃色的。它的耳朵很長,尖端是黑色的。它有小小的嘴巴,側(cè)面看起來像一個數(shù)字3 ,還有黑色的眼睛。它的臉頰上有兩個紅色的圓。它的尾巴是像鋸齒狀的閃電,與身體相接的部分也有一片棕色的皮毛。盡管它確切來說是四足動物,更多時候它是站著并用兩只后腳走路[7]。住在森林中的它們通常以樹果為食。它們用小小的電擊把樹果從樹上打下來,這樣就不必爬樹,還可以順帶將其烤熟5交互式網(wǎng)頁中數(shù)據(jù)在頁面間的傳遞5.1頁面效果截屏5.1源代碼window.location.href='index.php?flag=1'";}?>考勤系統(tǒng).container{margin:0;padding:0; width:100%;height:100%;}.content{width:1000px;height:400px;margin:80pxauto;line-height:50px;}.imagecontent{height:400px;width:600px;float:left;}.filed{height:400px;width:400px;float:left;padding-top:20px;}.filedtable{border:0solid;display:block;width:300px;margin:100pxauto;}.filedinput{border-radius:5px;font-family:'黑體';}
用戶名
密 碼
6交互式網(wǎng)頁中數(shù)據(jù)在數(shù)據(jù)庫中的存取6.1頁面效果截屏登錄界面:登錄成功:6.2源代碼window.location.href='index.php?username=$username'";}} ?>登錄登錄UsernamePassword登錄登錄成功:7虛擬網(wǎng)站首頁設(shè)計制作 7.1頁面效果截圖7.2網(wǎng)站的盈利模式與創(chuàng)新說明網(wǎng)站名:你的要求我來設(shè)計 這是一個給設(shè)計師與普通客戶提供交流的一個平臺,通過這個平臺,客戶可以將自己需要的東西,用規(guī)范性的語言描述后放到這個平臺上,并懸賞設(shè)計師設(shè)計,如果有設(shè)計師接了這個單子,設(shè)計師設(shè)計完成后將產(chǎn)品模型數(shù)據(jù)發(fā)給客戶。而此時網(wǎng)站起一個作用就是判斷設(shè)計師的數(shù)據(jù)能不能滿足客戶的需要,如果滿足,則交易達(dá)成,網(wǎng)站從中收取一筆手續(xù)中介費用。當(dāng)然設(shè)計師也可以主動將自己的產(chǎn)品放到網(wǎng)上展示,如果有客戶相中的話,交易達(dá)成后網(wǎng)站從中收取手續(xù)費用。創(chuàng)新點:這個網(wǎng)站的創(chuàng)新點在于它給客戶提供了一個主動權(quán),客戶要求設(shè)計師去設(shè)計自己需要的東西,而不是以往的我們都等設(shè)計師設(shè)計好了再去挑我們能用著的東西,而這樣的情況很多時候客戶的滿意度達(dá)不到100%,讓設(shè)計師根據(jù)客戶的要求去生產(chǎn),既能提高客戶的滿意度,又能節(jié)省資源,因為產(chǎn)品都是根據(jù)客戶要求生產(chǎn)的,極大的降低了浪費。

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。
大家都在看
近期熱門
關(guān)閉