羅德興老師的教學歷程檔案 - 107 專題 - 以網站展示自己的作業
 

企業資訊與管理系
助理教授/日導
羅德興


歷程檔案 Portfolio

    以網站展示自己的作業

    以網站展示自己的作業
    每一位同學請先(1) 在本機 (localhost) 建置,再(2) 到網路主機 (學校主機或外部免費主機)建置,
    O.K. 後,在本網頁下方留下你的網址並通知老師,以便上網查看。


    (以下部分取材自  溫瑞烘教授  教學網頁  http://alliance.cust.edu.tw/portfolio/myPortfolio?path=410705&tag=105-1-資料庫程式設計)

    請先備好工具:  (1) 網站 Server + PHP + MySQL, 如 Appserv, (2) 編輯軟體, 如 Notepad ++, (3) 資料庫操作軟體,如 HeidiSQL., (4) ftp 軟體,如:FileZilla, MobaeXterminal, Winscp, etc.


    1. 網站架構
    (1) 在本機 (localhost)
    C:/AppServ/www/index.html  為網站入口、 
    (2) 在學校主機
    http://cc.cust.edu.tw/~dsluo/
    http://ccs.cust.edu.tw/~s10614d019/

    (3) 外部申請虛擬主機
    如:000webhost, byethost, ......
    http://luo123.byethost17.com/



    2. 以 ftp, winscp, ...上傳以下檔案到主機上

    共 4 個檔如下:
    三欄式 Frame index.html, 內含:頂端 top.html、 左側選單 left.html 、中間顯示區 middle.html

    <!-- index.html 此為註解 -->
    <!-- This is by 學號 XXXXX L.D.S on 2016/11/23 -->
    <FRAMESET rows='20%,*' bordercolor='#ff00ff'>
           <FRAME name='top' SRC='top.html' >
            <FRAMESET cols='20%,80%' bordercolor='#ff00ff'>
                 <FRAME name='left' SRC='left.html'>
                 <FRAME name='middle' SRC='middle.html'>
            </FRAMESET>
    </FRAMESET>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
     
    <!-- top.html
    -->
    <h1>班級 XXX      學號 YYY     姓名 ZZZZ 的網站作業 </h1>
     
    <!-- middle.html -->
    <h1>班級     學號     姓名 </h1>
     
    <!-- left.html -->
    <a href='/db1/db1-1.php' target='middle'> 期末作業練習 1</a><br>
    <a href='/db1/all9.php'  target='middle'> 期末作業練習 2 TEXT-新增-查詢-刪除-更新</a><br> 
    *****   

    3. 
    看網站運作
    // 執行 
    http://localhost/index.html
    全部共 2則留言
    07-10 13:48:我在 AWARDSPACE 申請免費空間,個人網站網址請連 http://luo.atwebpages.com/
    08-03 14:24:以琳 已在 000webhost 申請免空,個人網址請連到 http://ling123.000webhostapp.com/
    登入帳號密碼代表遵守學術網路規範


    文章分類 Labels


    最新文章 Top10

    中華科技大學數位化學習歷程 - 意見反應