劉任昌_HTML_CSS_JavaScript_Python_Java

EMBED嵌入網頁 介紹純文字編輯器EDITOR與瀏覽器BROWSER 介紹哈佛大學資訊科學課程CS505 VS Code是微軟公司Microsoft提供的免費IDE整合開發環境，CTRL+放大 上課內容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= develop project,程式開發, VS Code是一個IDE =Integrated Development Environment 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 段落Paragraph,==判斷是否相等,=給予值或屬性 程式語言最重要的三個結構： 函數function 、迴圈、判斷。 Paragraph, Click...

介紹純文字編輯器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定義區塊 程式語言最重要的三個結構：函數、迴圈、判斷。 P代表PARAGRAPH段落，BUTTON按鍵，CLICK按下 ONCLICK命令，按下就執行後面的函數 JavaScript DOM=document，用JavaScript控制網頁文件 請劉亦菲按下 內建 W3SCHOOLS動畫 以下SCRIP(腳本)的開始是程式設計還是網頁 以上的程式碼貼在下面(順便示範線內樣式設定) <style> #container {   width: 400px;   height: 400px;   position: relative;   background: yellow; } #animate {   width: 50px;   height: 50px;   position: absolute;   background-color: purple; } </style> <IFRAME SRC="https://zh.wikipedia.org/zh-tw/JavaScript" width="100%"></IFRAME>  <P STYLE="FONT-SIZE:3EM">介紹純文字編輯器EDIT...

介紹純文字編輯器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定義區塊 程式語言最重要的三個結構：函數、迴圈、判斷。 請劉任昌按下

拷貝以下程式碼至記事本再另存成HTML打開(或直接貼上GOOGLE BLOGGER務必在HTML模式) <IFRAME SRC="https://zh.wikipedia.org/zh-tw/JavaScript"></IFRAME>  <P>介紹純文字編輯器EDITOR與瀏覽器BROWSER</p> <P>介紹哈佛大學資訊科學課程CS505</P> <P>上課內容HTML, CSS, JAVASCRIPT, PYTHON是哈佛大學CS50的主要內容</p> <P>CSS是階層樣式表(Cascading Style Sheet)三種使用方式:線內(in-line)、內部(internal)、外部(external)</p> <P>CSS三種使用方式：線內(in-line)、內部(internal)、外部(external)</P> <P>CSS內部(internal)法用STYLE/STYLE定義區塊</P> <P>CSS內部(internal)就是使用網頁內STYLE/STYLE然後有三種設定方式：元素標記、類別CLASS、ID識別</P> <P>JAVASCRIPT使用方式分：內部(internal)、外部(external)，前者類似CSS內部法，而以SCRIPT/SCRIPT定義區塊</P> <P>程式語言最重要的三個結構：函數、迴圈、判斷。</P> <BUTTON ONCLICK="HaHa()">請劉任昌按下</BUTTON> <SCRIPT> function HaHa() {   const paragraphs = document.querySelectorAll("p");   for (let i = 0; i < paragraphs.length; i++) {     paragraphs[i].style.background = "lightgreen";     if ...

德明科大劉任昌程式設計 第一堂課要了解文字編輯器（text editor）、程式解譯器（interpreter）、程式編輯器（compiler）與程式整合開發環境（IDE, Integrated Development Environment）。 課程評分是「自己動手做的程度、品質、了解程度、自我發揮的創意。「動手做」絕對重要！有做，就及格，可以做得慢、可以補教、可以請同學或老師帶你一步一步地做。 以上畫面的程式碼 HEADER因為HTML允許大小寫 今天重點CSS動畫 CSS=Cascading Style Sheet階層式樣式表 cascade連續的、階層的瀑布 my是自訂變數，定義一個動畫的名稱。 division區段,divide分開,劉任昌