本週大綱

  • 08月 29日 - 09月 4日

    相見歡

    一、安排學生電腦教室座位(男生、女生間隔開)。

    二、電腦教室使用規則。(採責任制不可以隨意換座、強調食物和水不能帶進教室)

    三、發下帳號和密碼給每位同學。

    四、在遠端新增www目錄

  • 09月 5日 - 09月 11日

    定義網站

    一、新增網站:

    二、設定FTP:

    三、建立www資料夾

  • 09月 12日 - 09月 18日

    網頁的第一個檔案

    義定好網站後建立新的首頁檔案

    編輯學生自我介紹存檔成index.html

    內容儘量豐富,舉例如下,請自行發揮創意:

    姓名:李文

    星 座:牡羊座

    血型:O型

    家裡成員:爸爸,媽媽,姐姐,弟弟

    休閒活動:看電視、玩電腦或者是爸媽帶我們出去玩

    喜歡的顏色:白色,黑色,金黃色

    個性:大方,活潑,溫和

    .........

    存檔後上傳網頁內容

    觀看個人首頁內容。

    在瀏覽器網址http://student.chjhs.tyc.edu.tw/~99XXXX

    • 09月 19日 - 09月 25日

      下載上週上傳的index.html檔

      開啟舊檔index.html

      修改內容屬性

      頁面屬性-外觀

      頁面字體、文字顏色、背景顏色、背景圖片

      頁面屬性-連結

      • 10月 3日 - 10月 9日

        下載index.html檔編輯更改背景圖案後再上傳

        背景圖案可以是JPG或是GIF格式

        • 10月 10日 - 10月 16日

          1. 將遠端的index.html改名為aboutme.html並下載到本機
          2. 在本機新增頁框組(固定上頁框,左巢狀頁框)
          3. 先全部儲存,依白板上相對位置分別命名為
            1. index.html
            2. main.html
            3. left.html
            4. top.html
          4. 在left的頁框內打[自我介紹]四個字。
          5. 將自我介紹反白,連結至aboutme.html
          6. 將目標改為mainFrame
          • 10月 17日 - 10月 23日

            用PhotoImpact製作橫幅,放在top上

            1. 製作橫幅
              1. 開啟PhotoImpact
              2. 開新檔案
              3. [網路]-[元件設計師]-[橫幅]
              4. 取消[維持寬高比],[百分比]改為[像素],寬1200高120。
              5. [匯出]-[至影像最佳化程式]
              6. 存檔(要用jpg或gif網頁才看得到)到網站資料夾
            2. 放到網頁
              1. 開啟Dreamweaver並定義好網站(資料夾要和橫幅的一樣位置)
              2. 將遠端index.html下載
              3. 回到本機再開啟index.html
              4. 將右方剛剛做的橫幅拉到網頁上方的top頁框
              5. 若橫幅沒辦法全部顯示
                1. [檢視]-[視覺輔助]-[頁框邊框]
                2. 拖曳灰色線至橫幅完整
              6. 全部存檔
              7. 上傳整個網站
            • 10月 24日 - 10月 30日

              理想課表

              1. 定義網站,將遠端index.html下載,再回到本機電腦。
              2. 新增schedule.html檔案
              3. 打上課表標題,修改字形。
              4. [插入]-[表格]---選9X6
              5. 將本機的index.html打開,在left頁框打上[理想課表],並超連結到schedule.html
              6. 更改目標為mainFrame
              7. schedule.htmlleft.html存檔並上傳到遠端伺服器。
              • 10月 31日 - 11月 6日

                美化選單

                1. 開啟PhotoImpact
                2. [網路]-[元件設計師]-[Rollover按鈕]
                3. 選定樣式後按[下一步]
                4. 點[正常]
                5. 再修改文字為理想課表
                6. [匯出]-[至影像最佳化程式]-[另存新檔]
                7. 開啟Dreamweaver定義好網站並將遠端index.html下載
                8. 在本地端開啟index.html
                9. [插入]-[影像物件]-[導覽列]
                10. 分別放進3個圖檔後按[確定]
                11. 按[檢視]-[視覺輔助]-[頁框邊框]
                12. 對準要調的線拖曳即可修改頁框大小,調整至導覽列的圖示可全部看得到
                13. 點選導覽列圖示,拖曳下方的超連結至上週的理想課表(schedule.html)
                14. 連結目標改為[mainFrame]
                • 11月 7日 - 11月 13日

                  我的相簿

                  1. 定義好網站並將遠端index.html下載
                  2. 在本機新增photo資料夾。
                  3. 新增基本頁面檔photo.html檔案
                  4. 打上標題[我的相簿]
                  5. [插入]-[表格]-3X3
                  6. 準備9張個人生活照片或班級活動照片放於photo資料夾,命名為1.jpg,2.jpg.....
                  7. 上傳整個photo目錄及photo.html檔案資料到遠端伺服器。
                  • 11月 14日 - 11月 20日

                    我的相簿-2

                    1. 下載photo資料夾。
                    2. 大量製作縮圖
                      1. 用PhotoImpact開啟9個圖檔
                      2. [視窗]-[批次管理員]
                      3. [調整]-[調整大小]
                      4. 選擇寬度120高度80後按[確定]
                    3. 大量一起另存新檔
                      1. [視窗]-[批次管理員]
                      2. [檔案]-[另存新檔]
                      3. 分別命名為s1.jpg,s2.jpg.....
                    4. 回到Dreamweaver將s1.jpg,s2.jpg....拉到每個表格中,共9個
                    5. 將每張照片設定超連結
                    6. 上傳縮圖照片及photo.html到遠端伺服器。


                    • 11月 21日 - 11月 27日

                      聖誕專輯-自由創作
                      • 11月 28日 - 12月 4日

                        1.下載照片大圖及小圖。

                        2.建立新網頁檔案。

                        3.加入表格定位。(3*3、4*4、5*5.....)

                        4.加入縮圖至表格內。

                        5.另存新檔為album.html

                        6.上傳檔案至伺服器。