C1-3 web基礎與布局
- 挑戰
- 說明
- 任務一: 使用富文本編輯器
- 任務二:「所見即所得」式開發
挑戰
你做過站長嗎?你知道建設和維護一個屬于自己的站點是-種什么樣的體驗嗎?你開過網店嗎?你知道玲瑯滿目的商品和那些驚艷又高大.上的產品詳情是怎樣呈現在我們眼前的嗎?你在上網時是否發現有些網站禁止用戶拷貝內容(或其他的煩人的限制)呢?以上所有這些,對于學過Web前端技術的工程師來說,都不叫事兒~,
說明
大廠每年都要招聘大量的前端軟體工程師,有些開發基于瀏覽器應用,有些開發基于H5的應用,而有些可能會開發小程式和桌面應用,不管是做哪種開發作業的前端工程師,都離不開HTML、CSS、JavaScript這 三類Web瀏覽器核心技術,HTML定義了瀏覽器中各種元素的分類和用途,CSS定義了瀏覽器頁面的整體布局和外觀,而JavaScript可以動態創建 頁面,使網頁能夠回應用戶的點擊、拖拽等各種事件,給用戶更好的體驗,
任務詳解:https://mp.weixin.qq.com/s/HMu1RFthBFMhbphw-dBTHw


任務一: 使用富文本編輯器


●最后,實作編輯器沒有的功能,例如讓表格隔行換色,加入JavaScript按鈕, 試著完成它吧: )

<h1><b><font color="#ff0000">CSDN能力認證中心</font></b></h1>
<br>
<table border="1">
<tbody><tr align="center" style="background:red">
<td>C1</td>
<td>見習工程師認證</td>
</tr></tbody>
<tbody><tr align="center" style="background:gray">
<td>C4</td>
<td>專項工程師認證</td>
</tr></tbody>
<tbody><tr align="center" style="background:blue">
<td>C5</td>
<td>全堆疊工程師認證</td>
</tr></tbody>
</table>
<br>
<button onclick="alert('歡迎參加CSDN能力認證考試')" fontsize="40">我要考試</button>

任務二:「所見即所得」式開發

https://studio.code.org/s/csd2-2019
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/287737.html
標籤:其他
上一篇:JavaScript(js)基礎
