iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

Ben 的學習網 系列

以「網頁技術」結合「中英日韓」及「語言學習」為主題,製作的語言學習網站。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

第01天 - 介紹

這個系列主要是介紹 「Ben 的學習網」,這個網站的目標是包含不同外語以及學習的相闗資訊,提供一些有用的功能,在不用花錢的狀況建置而成。這個網站是在業餘時間逐步...

2023-09-15 ‧ 由 benben_tw2002 分享
DAY 2

第02天 - 基本網頁架構

Ben的學習網 系統功能 [Ben的學習網] 網頁包含標題欄,側邊,課程內容 1. 標題欄包含 Logo,標題,搜尋列, 使用者 a. Logo 是自己設計的...

2023-09-16 ‧ 由 benben_tw2002 分享
DAY 3

第03天 - Header 與課程

系統功能 1. 系統 Header 的設計,是把多個元件放在同一排 Header 上,並隨著視窗的放大和縮小,調整相對比例。 2. 課程的設計,把多個課程放在同...

2023-09-17 ‧ 由 benben_tw2002 分享
DAY 4

第04天 - 響應式網頁

系統功能 1. 本網頁是響應式網頁,在電腦和手機上有不一樣的網頁架構配置,字體大小也有不同的調整,便於各種裝置都可以使用。 個人感想 1. 經過自己的測試...

2023-09-18 ‧ 由 benben_tw2002 分享
DAY 5

第05天 - 特殊效果 CSS

系統功能 本網頁元件有些特殊效果, 1. 滑鼠經過大主題時,會有顏色捲動效果 2. 滑鼠經過 Header 人物圖像時,會放大 3. 滑鼠移入搜尋列時,搜尋列會...

2023-09-19 ‧ 由 benben_tw2002 分享
DAY 6

第06天 - 科目與分類

系統功能 所有課程都使用讀取 file 的做法來設計。接下來的2章,將說明如何透過 file 的方法創造動態的課程,首先回顧 Ben 的學習網架構, (1)...

2023-09-20 ‧ 由 benben_tw2002 分享
DAY 7

第07天 - 課程與章節

系統功能 所有課程都使用讀取 file 的做法來設計。這1章與前1章說明如何透過 file 的方法來創造動態的課程,首先回顧 Ben 的學習網架構, (1)...

2023-09-21 ‧ 由 benben_tw2002 分享
DAY 8

第08天 - 課程_英日韓_綜合

系統功能 本章介紹「英日韓」科目,「綜合」分類,「初級上1」課程2 data\cejk\combo\topics_combo.csv 內容如下 #Subtit...

2023-09-22 ‧ 由 benben_tw2002 分享
DAY 9

第09天 - 課程_英語_娛樂_Youtube

系統功能 本章介紹「英語」科目,「娛樂」分類,「歌曲學英文」課程,Youtube部份 data\english\amusement\topics_amuse...

2023-09-23 ‧ 由 benben_tw2002 分享
DAY 10

第10天 - 課程_英語_娛樂_Youtube2

系統功能 本章接續介紹「英語」科目,「娛樂」分類,「歌曲學英文」課程,Youtube部份 data\english\amusement\topics_amu...

2023-09-24 ‧ 由 benben_tw2002 分享