申論 5請回答下列Web 網頁應用的問題：㈠下列網頁除內容外，也包含CSS（cascading style sheet）指令與JavaScript 程式碼。請說明此網頁在瀏覽器的呈現效果（可繪圖說明），並解釋當按下網頁內的按鈕（Add）時，網頁會有什麼變化。（10 分）<html><head><title>Foo</title><style type="text/css">li { color : red }</style><script>function exec() {var ul = document.getElementById("list");var li = document.createElement("li");var txt = document.createTextNode("Second");li.appendChild(txt);ul.appendChild(li);}</script></head><body ><ul id="list"><li>First</ul><input type="button" name="Add" value="second" onclick="exec()"></body></html>㈡我們在製作網頁時，除了HTML 外，我們也可同時使用CSS、DOM（domainobject model）與JavaScript。請說明四者所扮演的角色（彼此如何搭配與運作），可以用上列網頁為例來說明。（10 分）