發表文章

財金程式設計461文件物件模型DOM

介紹純文字編輯器EDITOR與瀏覽器BROWSER 介紹哈佛大學資訊科學課程CS505 上課內容HTML, CSS, JAVASCRIPT, PYTHON是哈佛大學CS50的主要內容 CSS是階層樣式表(Cascading Style Sheet)三種使用方式:線內(in-line)、內部(internal)、外部(external) CSS是階層樣式表三種使用方式:線內(in-line)、內部(internal)、外部(external) CSS三種使用方式: 線內(in-line): 在標記指令內STYLE="..." 內部(internal): 用STYLE/STYLE定義區塊 外部(external): 另外.CSS檔案,讀取指令LINK REL HREF= CSS內部(internal)法用STYLE/STYLE定義區塊 CSS內部(internal)就是使用網頁內STYLE/STYLE然後有三種設定方式:元素標記、類別CLASS、ID識別 JAVASCRIPT使用方式分:線內(in-line)、內部(internal)、外部(external),前者類似CSS內部法,而以SCRIPT/SCRIPT定義區塊 JAVASCRIPT三種使用方式: 線內(in-line): 只能使用於內建函數(方法) 內部(internal): 用SCRIPT/SCRIPT定義區塊 外部(external):另外.JS檔案,讀取指令SCRIPT SRC=/SCRIPT 程式語言最重要的三個結構: 函數function 、迴圈、判斷。 Paragraph, Click按下, ONCLICK按下滑鼠事件event 自己的名字按下執行 以上的程式碼 <body> <p>介紹純文字編輯器EDITOR與瀏覽器BROWSER</p> <p>介紹哈佛大學資訊科學課程CS505</p> <p>上課內容HTML, CSS, JAVASCRIPT, PYTHON是哈佛大學CS50的主要內容</p> <p>CSS是階層樣式表(Cascading Style Sheet)三種使用方式:線內(in-line)、內部(inte...

劉任昌下午班級JAVASCRIPT函數迴圈判斷

介紹純文字編輯器EDITOR與瀏覽器BROWSER 介紹哈佛大學資訊科學課程CS505 上課內容HTML, CSS, JAVASCRIPT, PYTHON是哈佛大學CS50的主要內容 CSS是階層樣式表(Cascading Style Sheet)三種使用方式:線內(in-line)、內部(internal)、外部(external) CSS三種使用方式:線內(in-line)、內部(internal)、外部(external) CSS內部(internal)法用STYLE/STYLE定義區塊 CSS內部(internal)就是使用網頁內STYLE/STYLE然後有三種設定方式:元素標記、類別CLASS、ID識別 JAVASCRIPT使用方式分:內部(internal)、外部(external),前者類似CSS內部法,而以SCRIPT/SCRIPT定義區塊 程式語言最重要的三個結構: 函數function 、迴圈、判斷。 PARAGRAPH段落,BUTTON案件,按下則執行HahA 請盛和道夫按下 按下執行內建函數alert 劉任昌拷貝W3SCHOOLS 留下PARAGRAPH 貼上從W3SCHOOLS拷貝的DIVISION 以上的程式碼在下面IN-LINE行內CSS <STYLE> BUTTON{BACKGROUND-COLOR:GRAY;FONT-SIZE:2EM;COLOR:YELLOW;}/*內部CSS*/ #container {width: 400px;height: 400px;position: relative;background: ORANGE;} #animate {BORDER:10PX WHITE SOLID;  width: 50px;   height: 50px;  position: absolute; background-color: red;} </STYLE> <IFRAME SRC="https://zh.wikipedia.org/zh-tw/JavaScript" width="100%"></IFRAME>  <P>介紹純文字編輯器EDITOR與瀏覽...

劉任昌CSS類別CLASS名稱ID

2024上程式設計2nd課程 WIKIPEDIA科目CSS 哈佛大學CS50課程 CS50(電腦科學50)是哈佛大學、耶魯大學和牛津大學教授的線上電腦科學入門課程。2016 年,CS50向高中生開放成為進階先修課程。校園實體上課(on-campus)是哈佛大學最大的班級,有800名學生、102名教職員工以及多達 2,200名常出席的規黑客馬拉松參與者。[1][2] 粗體BOLD, 考試ID STYLE設定#網址也是# 此課程材料可在edX平台上免費線上獲取,並提供一系列收費證書。截至 2022 年,這個名為 CS50x 的線上版本教授C、 Python 、SQL、 HTML 、 CSS 和 JavaScript 語言。它還教授基本的電腦科學概念,包括陣列和資料結構以及Flask Web 框架。[3]課程的 2021 年迭代引入了三個關於電腦安全、人工智慧和技術倫理的新的附加講座。[4] 首席導師是哈佛大學教授大衛·馬蘭。[5] Doug Lloyd 和 Brian Yu [6]也是 CS50 課程的前成員及其講師。[7] Facebook共同創辦人馬克‧祖克柏和微軟前執行長史蒂夫‧鮑爾默曾做過客座講座。[8][9] CS50 課程於 1989 年首次在校園內出現。 還有幾個後續項目,重點關注網路程式設計、人工智慧、遊戲開發和行動應用程式。 講座會被錄製並上傳到多種服務,包括iTunes U、EdX和YouTube。教授和志願學生也錄製了額外的影片「演練」。課程問題稱為問題集,簡稱為“psets”,有PDF和HTML格式。學生可以上傳問題集答案,有些問題會自動評分。學生還可以使用特殊的軟體來檢查他們在雲端的程式碼。 2016年,CS50成為第一個為學生提供完全在虛擬實境中觀看所有講座的可能性的大學課程。[ 10 ] 2022 年,課程從 CS50 IDE轉移到基於GitHub程式碼空間的VS Code網路版本,現在課程提供4K HDR和 SDR 版本。[ 11 ] 後續課程 CS50 提供多種後續課程,包括: CS50 Web 程式設計電腦科學 - 更深入了解HTML、CSS和JavaScript,以及包含Django和React在內的框架。[ 12 ] CS50 的Python人工智慧簡介- 涵蓋搜尋演算法、機器...

2024上程式設計2nd課程

2024上程式設計2nd課程 劉任昌 WIKIPEDIA科目CSS 哈佛大學CS50課程 CS50(電腦科學50)是哈佛大學、耶魯大學和牛津大學教授的線上電腦科學入門課程。2016 年,CS50向高中生開放成為進階先修課程。校園實體上課(on-campus)是哈佛大學最大的班級,有800名學生、102名教職員工以及多達 2,200名常出席的規黑客馬拉松參與者。[1][2] 此課程材料可在edX平台上免費線上獲取,並提供一系列收費證書。截至 2022 年,這個名為 CS50x 的線上版本教授C、 Python 、SQL、 HTML 、 CSS 和 JavaScript 語言。它還教授基本的電腦科學概念,包括陣列和資料結構以及Flask Web 框架。[3]課程的 2021 年迭代引入了三個關於電腦安全、人工智慧和技術倫理的新的附加講座。[4] 首席導師是哈佛大學教授大衛·馬蘭。[5] Doug Lloyd 和 Brian Yu [6]也是 CS50 課程的前成員及其講師。[7] Facebook共同創辦人馬克‧祖克柏和微軟前執行長史蒂夫‧鮑爾默曾做過客座講座。[8][9] CS50 課程於 1989 年首次在校園內出現。 還有幾個後續項目,重點關注網路程式設計、人工智慧、遊戲開發和行動應用程式。 格式 講座會被錄製並上傳到多種服務,包括iTunes U、EdX和YouTube。教授和志願學生也錄製了額外的影片「演練」。課程問題稱為問題集,簡稱為“psets”,有PDF和HTML格式。學生可以上傳問題集答案,有些問題會自動評分。學生還可以使用特殊的軟體來檢查他們在雲端的程式碼。 2016年,CS50成為第一個為學生提供完全在虛擬實境中觀看所有講座的可能性的大學課程。[ 10 ] 2022 年,課程從 CS50 IDE轉移到基於GitHub程式碼空間的VS Code網路版本,現在課程提供4K HDR和 SDR 版本。[ 11 ] 後續課程 CS50 提供多種後續課程,包括: CS50 Web 程式設計電腦科學 - 更深入了解HTML、CSS和JavaScript,以及包含Django和React在內的框架。[ 12 ] CS50 的Python人工智慧簡介- 涵蓋搜尋演算法、機器學習和人工智慧。[ 13 ] CS50 的遊戲開發簡介...

劉任昌text editor文字編輯器CSS動畫animation

圖片
德明科大劉任昌程式設計 第一堂課要了解文字編輯器(text editor)、程式解譯器(interpreter)、程式編輯器(compiler)與程式整合開發環境(IDE, Integrated Development Environment)。 課程評分是「自己動手做的程度、品質、了解程度、自我發揮的創意。「動手做」絕對重要!有做,就及格,可以做得慢、可以補教、可以請同學或老師帶你一步一步地做。 CSS=Cascading Style Sheet header標題 主要是依照w3shools的內容上課 參考Harvard University CS50教學內容 frame框架,寬度width 第一次上課影片 wikipedia介紹CSS 只需要關鍵指令width, height, src=source一定要放在括號內 這個區塊div=division, divide分開,向右移動50點(50 pixels to the right) 向下移動100點(100 pixels down from its current position.) 下午班級的完整程式碼 <style> .abc{ margin: 50px; width: 200px; height: 100px; background-color: yellow; border: 1px solid black; transform: scale(2,3); } H2{background-color:gray; color:yellow; text-align: center; } h1{ border: 20px solid darkgreen; height:60px; background-color: orange; color: white; animation: mymove 5s infinite; text-align: center; border-radius: 50px; }/*註解給人看電腦跳過radius半徑,diameter直徑*/ @keyframes mymove { 50% {transform: rotate(-10deg);} } </st...