# 汪承w的Notez:flushed:
:cat:
老師教學筆記:cat::
https://hackmd.io/@iamfefe/H1HisJiJj
網界博覽會得獎作品:
http://cyberfair.taiwanschoolnet.org/global_award
台科大備審資料要求:
https://www.admission.ntust.edu.tw/p/405-1052-93244,c9997.php?Lang=zh-tw
網站網址:
(UNDER CONSTRUCTION)
___
# My First Heading
My First Heading
My first paragraph.
My first paragraph.
My first paragraph.
My first
paragraph.
42306 w3iii
42306 w3iii
VS code https://code.visualstudio.com/
常用套件 html,live server,prettier,chinese,HTML format
html:5按tab
h1按tab
啟用live sever
___
:flushed:
Devil's Drip :droplet:

___
# 開發練習
Google Chrome與網頁開發
f12,改色,改字,下程式,抓全頁畫面(Ctrl+shift+P)
Popcat的東東:
https://popcat.click/
setInterval(function () { document.dispatchEvent(new KeyboardEvent(“keydown”)); }, 500);
console.log(“hi”)
學習工具
W3 school https://www.w3schools.com/
vs code: https://code.visualstudio.com/
___
# pinterest
<iframe src="https://assets.pinterest.com/ext/embed.html?id=301389400075729742" height="765" width="345" frameborder="0" scrolling="no" ></iframe>
<iframe src="https://assets.pinterest.com/ext/embed.html?id=788552216020391911" height="695" width="345" frameborder="0" scrolling="no" ></iframe>
<iframe src="https://assets.pinterest.com/ext/embed.html?id=619807967489040963" height="896" width="345" frameborder="0" scrolling="no" ></iframe>

___
# Wix
williewang0612.wixsite.com/w3iii
___
心得:看完影片我學到了當電競選手並不是我想像的那麼簡單,他們還要訓練體能而非一直打遊戲
___
# 專題製作
主題:大溪公園
組員:羅浩恩,賴子鈞,許志豪
網站製作工具:Figma
https://reurl.cc/le10dQ



工作分配:我負責查詢及提供資料
創作心得:
一開始設計這個網站對我們來說是一種困難的體驗,雖然作的過程很辛苦,但做完看到成品的時候會有一種鬆了口氣的感覺,透過這次的專題製作我學到了團結合作及分工合作的重要性。
# visual studio codezzzzzzzz
```
```<!DOCTYPE html>
<!--網頁開始 Ctrl+/-->
<h<html lang="en">
<!-- 頭 -->
<h<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
transition: all 0.1s ease;
font-family: 'Courier New', Courier, monospace;
}
body {
background-color: rgb(70, 184, 89);
}
h1 {
color: lightskyblue;
font-size: 100px;
}
h1:hover {
color: aquamarine;
}
img {
width: 100px;
height: 100px;
border-radius: 50%;
}
img:hover {
border: 5px solid white;
}
.picsum {
background-color: rgb(212, 231, 212);
display: flex;
justify-content: center;
align-items: center;
height:200px;
width:80%;
/* 邊界自動 */
/* margin:auto; */
/* 邊界上左下右 */
margin:200px 50px 10px 50px;
border-radius:10px;
}
.pics:hover{
margin:200px 150px 10px 150px;
}
.pics img{
margin:3%;
}
.pics {
background-color: rgb(212, 231, 212);
display: flex;
justify-content: center;
align-items: center;
height:200px;
width:80%;
/* 邊界自動 */
/* margin:auto; */
/* 邊界上左下右 */
margin:200px 50px 10px 50px;
border-radius:10px;
}
.picsum{
margin:1vw;
}
.pics{
margin:1vw;
}
</style>
</head>
<!-- 主體開始 -->
<body>
<header>
<nav>
<ul>
<li>按鈕</li>
<li>按鈕</li>
<li>按鈕</li>
<li>按鈕</li>
<li>按鈕</li>
</ul>
</nav>
</header>
<section>
<h1>123</h1>
<p>
<b> Lorem ipsum dolor sit amet</b> consectetur adipisicing elit. <em> ullam saepe, provident optio
repellendus autem tempore sit placeat voluptatibus quas.</em> Ipsum vel fugit suscipit consequatur
veritatis voluptates. Quisquam, veniam sed!
<br>
<em>____tryout222222</em>
</p>
<div class="pics3">
<img src="https://picsum.photos/200/300" alt="">
<img src="https://picsum.photos/200/300" alt="">
<img src="https://picsum.photos/200/300" alt="">
</div>
</section>
<section>
<h1>123</h1>
<p>
<b> Lorem ipsum dolor sit amet</b> consectetur adipisicing elit. <em> ullam saepe, provident optio
repellendus
autem tempore sit placeat voluptatibus quas.</em> Ipsum vel fugit suscipit consequatur veritatis
voluptates.
Quisquam, veniam sed!
<br>
<em>____tryout222222</em>
</p>
<div class="pics">
<img src="https://picsum.photos/200/300" alt="">
<img src="https://picsum.photos/200/300" alt="">
<img src="https://picsum.photos/200/300" alt="">
</div>
</section>
</body>
</html>
<!-- 網頁結束 -->
```
# 心得

我不想寫心得喔喔喔喔喔喔喔喔喔 喔喔喔喔喔喔
在這個單元我學到如何製作好看的網頁,雖然過程中有遇過有些許難度的問題,但老師都一一教導我們如何處理
這真的是個非常有趣的體驗。
# 大溪豆干小論文製作

雖然在製作小論文時遇到了許多困難,但到最後我們都一一克服了,直到最後一刻我們都在想著如何使這篇小論文看起來更加出色,每一位組員都盡了最大的努力希望能使成績更加耀眼!
# 電子書心得

link:https://www.youtube.com/watch?v=-PxfcVrgc-g
心得:這次的電子書製作讓我學到了許多有益的東西,使我以後步入職場時可以更加輕鬆
反思:雖然這次我沒有貢獻的太多,但我的組員十分給力,一起完成作業,成功繳交
成果:

yessir
學習重點:
沒啥重點
# 360
<iframe width="100%" height="640" frameborder="0" allow="xr-spatial-tracking; gyroscope; accelerometer" allowfullscreen scrolling="no" src="https://kuula.co/share/5NVvk?logo=1&info=1&fs=1&vr=0&sd=1&thumbs=1"></iframe>
# image map

```
<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="random-san-francisco-city-street-downtown-81047097.jpg" usemap="#image-map">
<map name="image-map">
<area target="" alt="" title="" href="" coords="" shape="poly">
</map>
```