制作学习经历档案网页_第1页
制作学习经历档案网页_第2页
制作学习经历档案网页_第3页
制作学习经历档案网页_第4页
制作学习经历档案网页_第5页
已阅读5页,还剩17页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

製作學習經歷檔案網頁記錄學習成果供同學、老師和家長瀏覽及分享學習過程同學、老師和家長建議改善方法進一步改良及發展網頁目標1中文大學[教育學院]探索網站資源庫棉紡會中學學習社群參考資料網站學習經歷檔案2Preparedby:AuKitMingA 下載FTPpublic_html資料夾在硬碟機c或d,建立個人資料夾(班別班號:f1a01),可分科目,儲存優良課業,例如chinese,english,cit,profile到FTP個人上載區,下載「public_html」資料夾內檔案至d:\f1a01\[d:\f1a01\檔案←ftp\s0123456\public_html\檔案]到s:/1a/電腦/f1_profile\資料夾,下載「f1_profile」資料夾內檔案至d:\f1a01\[d:\f1a01\檔案←s:/1a/電腦/f1_profile\檔案]

3B 利用PhotoImpact

建立有子標題橫幅網絡(B)→元件設計師(C)→橫幅→揀選任何有子標題類別的橫幅(選擇自己喜歡有子標題的橫幅類別)標題

→學習經歷檔案子標題

→棉紡會中學中一甲

陳大明1號滙出(X)→至影像最佳化程式(I)→按下另存新檔(S)→選擇f1a01資料夾→檔案名稱(N):d:\f1a01\image\title.jpg→存檔(S)學習經歷檔案4Preparedby:AuKitMingC 利用PhotoImpact

按鈕列建立按鈕學習經歷檔案5Preparedby:AuKitMing

匯出→至影像最佳化程式(I)→

將每個按鈕輸出成個別的影像檔(O)→確定按下另存新檔(S)→選擇f1a01資料夾→檔案名稱(N):d:\f1a01\image\assign.jpg→存檔(S)assign2→普通電腦科assign3→中文科...assign6

→良好學習習慣D 利用PhotoImpact

按鈕列建立按鈕學習經歷檔案6Preparedby:AuKitMingE 利用Dreamweaver

建立網站名稱及

設定本地端資料夾

網站(S)→新增網站(N)→進階→網站名稱(N):f1a01→本地資料來源:d:\f1a01\預設影像資料夾:d:\f1a01\image\→確定注意:網站名稱不能相同,若無法儲存,將網站名稱更名為

f1a01_1→確定學習經歷檔案7Preparedby:AuKitMingF index.htm[首頁]檔案→開新檔案→建立→插入頁框→上及左巢狀頁框橫幅(標題)檔案名稱:top.htm框架名稱:topFrame導覽列檔案名稱:navigation.htm框架名稱:leftFrame主要內容顯示區檔案名稱:main.htm框架名稱:mainFrame目標:mainFrame

學習經歷檔案8Preparedby:AuKitMing

G網頁框架小測試

網頁框架練習http://.hk/~cit/exercise/exercise.htm學習經歷檔案9Preparedby:AuKitMingH 標題<title>陳大明</title><html><head><metahttp-equiv="Content-Type"content="text/html;charset=big5"><title>中一甲陳大明環保網頁</title></head>

<title>中一甲陳大明環保網頁</title>顯示甚麼? 在標題顯示中一甲陳大明環保網頁及檔案名稱學習經歷檔案10Preparedby:AuKitMing學習經歷檔案11Preparedby:AuKitMingI利用NotePad

編修index.htm

(在Dreamweaver:請勿隨便開啟及儲存index.htm)

<framesetrows="80,*"cols="*"frameborder="NO"border="0"framespacing="0">

<framesrc="top.htm"name="topFrame"scrolling="NO"noresize><framesetrows="*"cols="180,*"framespacing="0"frameborder="NO"border="0">

<framesrc="navigation.htm"name="leftFrame"scrolling="yes"

noresize>

<framesrc="main.htm"name="mainFrame"></frameset></frameset><noframes><body></body></noframes></html>學習經歷檔案12Preparedby:AuKitMingJ 編修main.htm

1.開啟main.htm

2.檔案儲存檔案名稱(N)

main.htm

存檔

連結:mailto:s0123456@.hk連結:mailto:aukitming@.hk學習經歷檔案13Preparedby:AuKitMingK 編修導覽列在左下角,插入影像image/assign.jpg,選影像主頁,連結

main.htm,目標

mainFrame

插入影像image/assign2.jpg,選影像「普通電腦科」插入影像image/assign5.jpg,選影像「反思與分享」,連結

reflect.htm,目標

mainFrame學習經歷檔案14Preparedby:AuKitMingL 編修導覽列navigation.htm

設計

(注意:請勿隨便開啟及儲存index.htm)

學習經歷檔案15Preparedby:AuKitMingM 編修導覽列navigation.htm

(注意:請勿隨便開啟及儲存index.htm)

開啟navigation.htm→揀選普通電腦科下的→表格→列修改→表格→插入列在新列中加入w1a,揀選w1a,連結→cit/w1a.doc,目標→mainFrame在新列中加入w1b,揀選w1b,連結→cit/w1b.doc,目標 →mainFrame5.w1是第一星期,a是第一次功課,b是第二次功課6.w1a.doc檔案儲存檔案名稱(N)

navigation.htm

存檔學習經歷檔案16Preparedby:AuKitMing<html><head><scriptlanguage="JavaScript"type="text/JavaScript"><!--functionshowHidden(show,hidden){ if(show.style.display=="none") { show.style.display="";

hidden.style.display="none"; }else {

show.style.display="none"; }}//--></script><metahttp-equiv="Content-Type"content="text/html;charset=big5"><title>Navigation</title></head>N 編修導覽列navigation.htm

程式碼學習經歷檔案17Preparedby:AuKitMingO JavaScript/

由Netscape與SunMicrosystems合作開發通過編寫小型、高效率的應用程序,增加網頁的互動功能JavaScript是網頁設計的__________________。

JavaScript必須與___________共同使用,兩者配合可以設計出有趣且__________________的動態網頁,等於是讓原本_______________的網頁有了活動的生命力。

特效魔術師HTML圖文並茂靜態圖文

學習經歷檔案18Preparedby:AuKitMing<body><tablewidth="31%"height="229"id="test"><tr><td><p><ahref="main.htm"target="mainFrame"><img

src="image/assign.jpg"width="66"height="25"border="0"></a></p><aname="first"></a><ahref="#first"></a><img

src="image/assign2.jpg"width="163"height="25"border="0"onClick="showHidden(two)"><tablewidth="160"id="two"style="display:none"><tr><tdwidth="152"><fontsize="-1">卷三</font></td></tr>學習經歷檔案19Preparedby:AuKitMingQ使用Dreamweaver

編修導覽列navigation.htm

(注意:請勿隨便開啟及儲存index.htm)揀選:JavaScript習作/w1a連結:cit/w1a.doc目標:mainFrame鍵入課業名稱檔案位置,按科目分資料夾1.檔案儲存檔案名稱(N)

navigation.htm

存檔學習經歷檔案20Preparedby:AuKitMing到學生→FTP網上交功課→上載d:\f1a01\資料夾內檔案至「public_html」資料夾內

[public_html\←ftp\d:\f1a01\]R 上載至public_html

資料夾測試網頁1 .hk/~s123456[同學自己的學生編號]2 校網→學與教→學習社群→班別→送出→網頁

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论