STEP GUIDE · Starter

這個步驟要做什麼、改哪裡、怎麼看結果

先讀完三項任務並預測結果。這一頁不會顯示 Solution 程式碼。

01

三項 Task 進度

TASK-01尚未開始

完成個人介紹標題

預計修改:index.html

完成後:頁面顯示姓名與職涯方向

TASK-02尚未開始

修正圖片來源與替代文字

預計修改:index.html

完成後:個人照片正常顯示且有可讀的 alt

TASK-03尚未開始

嵌入影片並補上觀看目的與外部連結

預計修改:index.html

完成後:影片可播放,旁邊有觀看目的與可開啟的外部連結

02

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。

HTML先自行嘗試

檔案:index.html

修改前

請先閱讀上方任務與預計修改檔案。

修改後

Starter 不顯示完成碼,請先自己動手修改。
CSS本練習未使用

檔案:style.css

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此類型。
JavaScript本練習未使用

檔案:script.js

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此類型。
README/其他文件本練習未使用

檔案:README.md

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此類型。
03

怎麼看到結果

  1. 準備

    先確認素材檔與網路連線可用,再開啟本階段頁面。

  2. 操作

    重新整理後查看介紹區標題,確認姓名與職涯方向都可讀。

  3. 預期

    頁面顯示姓名與職涯方向

Starter TASK-01

完成個人介紹標題

完成後可見:頁面顯示姓名與職涯方向

個人介紹

請輸入姓名與方向

我喜歡把生活中的問題整理成簡單畫面。

認識我

這是我準備網站作品時最常使用的工作桌。

我正在學什麼

請說明觀看這段內容的目的

外部延伸資源尚未設定