iT邦幫忙

網頁相關文章
共有 98 則文章
鐵人賽 Microsoft Azure DAY 4
飛上雲端-Azure 系列 第 4

技術 建立虛擬機器 (1)-建立&基本

今天開始正式實際建立Azure上的虛擬機器了! 一開始在首頁的Azure服務下應該可以看到虛擬機器及其圖示,將游標放在上面會浮出一個框框,可以直接點擊建立。或...

技術 前端小試身手(4)--it幫發文「一眼全覽」

目錄 前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕~ 前端小試身手(2)--it幫跳轉到最佳解答 前端小試身手(3)--增添系列文...

鐵人賽 Modern Web DAY 29

技術 【D29】 CSS in JS:嘗試讓 React 有變化

何謂 CSS in JS 在之前的範例中,已經把 React 分成一個一個模組(我們的身分證製造機還沒有分好XD),這樣可達到元件、功能變成模組化。既然 HTM...

技術 JS筆記-暫時讓網頁可以編輯

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

鐵人賽 Microsoft Azure DAY 6
飛上雲端-Azure 系列 第 6

技術 建立虛擬機器 (3)-網路

還記得在基本頁籤的時候,我們先忽略了輸入連接埠規則,在網路頁籤中即可設定。 在網路介面中,虛擬網路即類似一般電腦的區域網路,同一區域網路下可互相連接,子網路則會...

技術 這類的JS特效需要找什麼關鍵字?

先謝過各位大大,小的是JS新手,因為非本科系又沒去外面上課現在寫網頁東卡西卡,有很多特效是主管看了就說他也要,但是我做不出來QQ想找codepen但不知道關鍵字...

鐵人賽 Microsoft Azure DAY 9
飛上雲端-Azure 系列 第 9

技術 網頁伺服器-安裝伺服器及套件

連接成功後,有用過PuTTY的可能會想說,沒看到可以輸入指令的小黑框啊?所以我們得先從上方功能表列的檢視-終端把VS code的終端機給叫出來: 首先我們需要更...

鐵人賽 自我挑戰組 DAY 7

技術 視覺設計(2)

來輕鬆聊聊 今天將接續前篇的內容,分享許多排版時常用的效果。 不透明度 opacity屬性可以決定元素的不透明程度,值的範圍是從0~1之間含小數點任一數字...

技術 JS筆記-製作copy效果

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

鐵人賽 自我挑戰組 DAY 4

技術 CSS基礎介紹(2)

來輕鬆聊聊 今天的內容將著重在版面配置,利用這些屬性,可以讓一個網頁,從完全空白到能清楚的區分網頁中各種功能的區塊。 背景 背景設定如同border(邊框)...

鐵人賽 自我挑戰組 DAY 2

技術 HTML基礎介紹(2)

來輕鬆聊聊 學習完第一天的內容後,接著要進入到時常用到,而且重要的標籤了。藉由標籤可以做到表格、列表、表單等樣式,完整的HTML網頁架構又是如何呢?就讓我們一起...

技術 【前端動手玩創意】側邊超質感選單|幫你的網頁多一點質感好嗎?(14)

目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

鐵人賽 Microsoft Azure DAY 3
飛上雲端-Azure 系列 第 3

技術 文件(Microsoft Docs)

如果對於一項技術不熟悉,除了馬上請教Google大神外,文件(Docs)往往提供詳細的說明甚至完整的範例,在Azure當然也不例外,Microsoft對於自家的...

鐵人賽 自我挑戰組 DAY 3

技術 CSS基礎介紹(1)

來輕鬆聊聊 學會如何利用HTML編輯網頁架構後,再來要進入讓網頁美化的CSS了。還不知道什麼是HTML的人,沒關係,只要花兩天就可以學到基礎概念囉! 學HTML...

鐵人賽 Microsoft Azure DAY 5
飛上雲端-Azure 系列 第 5

技術 建立虛擬機器 (2)-磁碟

接著來到磁碟頁籤,也就是平常電腦中的硬碟。 首先可以看到磁碟選項: 可以讓你選擇作業系統的類型:標準HDD、標準SSD及或是進階SSD,以及加密類型。(htt...

技術 【前端動手玩創意】自學之旅從這系列開始 (0)

寫文緣由 現在想要自學前端的人非常多,有些人汲汲營營迷失在網路的資訊大海嘯裡面,有些人想要犧牲金錢買來貴桑桑的課程,卻發現自己沒什麼成長。這些都是很可惜的彎路,...

鐵人賽 Microsoft Azure DAY 1
飛上雲端-Azure 系列 第 1

技術 前言/簡介

前言 原本是想趁著這次鐵人賽的機會,把暑假用一週時間灌輸給研究室學妹們的網頁技術入門(虛擬機架站, JS, PHP等等),在自我挑戰組略為整理成30篇左右的文章...

鐵人賽 Microsoft Azure DAY 7
飛上雲端-Azure 系列 第 7

技術 建立虛擬機器 (4)-管理、進階、標籤、檢閱+建立

今天一口氣把建立剩下的頁籤完成,基本上都是不大需要改變的項目,如果有需求再去設定即可。 管理:為您的 VM 設定監視及管理選項。 Azure 資訊安全中心...

鐵人賽 Microsoft Azure DAY 11
飛上雲端-Azure 系列 第 11

技術 虛擬機器及網頁伺服器-小結

開始接觸Azure的原因,似乎是為了讓別人看到自己的網頁練習或範例,然而無論是對外連接的方式需要固定IP/網域名稱甚至SSL,使用免費的DDNS服務還會被學校擋...

鐵人賽 Modern Web DAY 27

技術 【D27】 小工具:身分證製造機(part 7)-畫面與功能結合

製作完產生身分證的 JavaScript,接著就把它們放入 React 的程式中。 .jsx 引入功能 在使用 Day25 的樣式,結合 Day26 的程式,就...

鐵人賽 自我挑戰組 DAY 2

技術 Day2 網路是一堆電纜構成的,那網頁呢?

大致了解網路是什麼之後,那每天逛的網頁又是什麼呢? 什麼是網頁? 網頁是一份檔案,通常會儲存在伺服器內,要透過瀏覽器(例如: Firefox,,Google C...

鐵人賽 自我挑戰組 DAY 8

技術 視覺設計(3)

浮動與清除浮動 float為浮動屬性,用來調整元素的布局。常用left、right兩個值來使元素靠左或靠右,元素會如同position: absolute的...

鐵人賽 自我挑戰組 DAY 1

技術 Day1 - 前言

嗨,大家好,我是Yuka,第一篇文就先來跟大家談談自己吧! 接觸程式的時候應該是高中時期高中時候,原本就是就讀私立的綜合科,想必大家應該都知道綜合科就差不多是普...

鐵人賽 自我挑戰組 DAY 1

技術 HTML基礎介紹(1)

來輕鬆聊聊 嗨 我是Jacky,今天要來談談HTML。舉凡網頁開發、設計,不管聽過、看過甚至接觸過的朋友,可能知道藉由HTML與CSS這兩個程式語言,能夠組成我...

鐵人賽 Modern Web DAY 18

技術 【D18】 再探 props:修改上下層資料(part 2)

上次使用了參數,讓可以從親層修改子層,但要如何讓子層修改親層呢? 製作新子層 要修改親層的方法,就是在修改的 handler 傳到子層,藉由呼叫 handler...

鐵人賽 自我挑戰組 DAY 1

技術 DAY 1 - 網頁,我國小三年級就寫過網頁了!!

標題感覺很嗆啊 不過,第一天嘛總是要騙一點點閱率啊。但是我真的是國小三年級開始寫過我第一個網頁,那是個沒有花俏JS沒有ASP.net 可能也還沒有asp之類的年...

技術 【後端php之死而復生】會員管理系統 (4):表單接收一把抓(ง๑ •̀_•́)ง。

目錄 【後端php之死而復生】會員管理系統 (1):系列文目標介紹,這段旅程中要學到什麼?【後端php之死而復生】會員管理系統 (2):PHP第一件事情,就是存...

鐵人賽 Modern Web DAY 9

技術 【D9】 製作簡易互動的 .jsx

昨日【D8】有點小問題,其實<div id="result">的值React 已經會幫忙轉譯,可以顯示test,但是從input...

鐵人賽 Modern Web DAY 30

技術 【D30】 總結小工具

做個總和,就把所有整合在一起,就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧! 修改 index.js import...