【科技教育】　　給孩子的程式設計基礎課｜由 HTML 程式培養「美感」、練習「邏輯思考」（之２）

by Markus Spiske from Pixabay

 

 

　　由程式設計基礎結構開始一步一步推演、建構網頁排版的呈現風貌，先直觀、再推敲每個程式碼與網頁內容的連動關係，進而心領神會：

 

圖片放大連結：https://photos.app.goo.gl/znoD1GyxdxATZbMs5

 

 

YouTube 影片「HTML 程式語言基礎概念和原理」：http://viewpure.com/-oLgufnUQZw?ref=bkmk

 

 

增添網頁標題

圖片放大連結：https://photos.app.goo.gl/26rXebk8RWpjaAWY7

 

網頁內容呈現樣貌（網頁標題）

圖片放大連結：https://photos.app.goo.gl/dBQSXKvs9YwTrNoT7

 

 

輸入內文標題

圖片放大連結：https://photos.app.goo.gl/S33BkvVgtWKRJ7LU6

 

網頁內容呈現樣貌（內文標題）

圖片放大連結：https://photos.app.goo.gl/Vri8iVABnJPJiLxM7

 

圖片放大連結：https://photos.app.goo.gl/sMnyadk6eBUDYYig9

 

網頁內容呈現樣貌（內文標題）

圖片放大連結：https://photos.app.goo.gl/GGFo3UuqeNTg5VZ88

 

圖片放大連結：https://photos.app.goo.gl/uJG9sd3tEPHBAVxL9

 

圖片放大連結：https://photos.app.goo.gl/4iGgCeTCBVwnXb4u5

 

網頁內容呈現樣貌（內文標題）

圖片放大連結：https://photos.app.goo.gl/SDDLRQk3dPNViwSp6

 

 

 

〈未完待續〉