---
# System prepended metadata

title: '汪承w的Notez:flushed:'

---



# 汪承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: 


![](https://i.imgur.com/nOaMkl9.png)
___
# 開發練習
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>
 
 ![](https://i.imgur.com/aKFIFbh.png)
___
# Wix
williewang0612.wixsite.com/w3iii
___
心得:看完影片我學到了當電競選手並不是我想像的那麼簡單，他們還要訓練體能而非一直打遊戲
___
# 專題製作
主題:大溪公園
組員:羅浩恩，賴子鈞，許志豪
網站製作工具:Figma
https://reurl.cc/le10dQ
![](https://i.imgur.com/kvp3GrB.png)
![](https://i.imgur.com/UN3QDF1.png)
![](https://i.imgur.com/kIhK1FY.jpg)


工作分配:我負責查詢及提供資料
創作心得:
一開始設計這個網站對我們來說是一種困難的體驗，雖然作的過程很辛苦，但做完看到成品的時候會有一種鬆了口氣的感覺，透過這次的專題製作我學到了團結合作及分工合作的重要性。
# 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>

<!-- 網頁結束 -->
```
# 心得 
![](https://i.imgur.com/9GhYV8g.png)
我不想寫心得喔喔喔喔喔喔喔喔喔 喔喔喔喔喔喔
在這個單元我學到如何製作好看的網頁，雖然過程中有遇過有些許難度的問題，但老師都一一教導我們如何處理
這真的是個非常有趣的體驗。

# 大溪豆干小論文製作
![](https://i.imgur.com/Ra5M7mx.png)
雖然在製作小論文時遇到了許多困難，但到最後我們都一一克服了，直到最後一刻我們都在想著如何使這篇小論文看起來更加出色，每一位組員都盡了最大的努力希望能使成績更加耀眼!

# 電子書心得
![](https://i.imgur.com/XAcdrFv.png)

link:https://www.youtube.com/watch?v=-PxfcVrgc-g

心得:這次的電子書製作讓我學到了許多有益的東西，使我以後步入職場時可以更加輕鬆
反思:雖然這次我沒有貢獻的太多，但我的組員十分給力，一起完成作業，成功繳交
成果:
![](https://i.imgur.com/xK2jE2e.png)
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

![](https://i.imgur.com/umDx53r.jpg)


```


<!-- 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>

```






