99爱在线视频这里只有精品_窝窝午夜看片成人精品_日韩精品久久久毛片一区二区_亚洲一区二区久久

合肥生活安徽新聞合肥交通合肥房產(chǎn)生活服務(wù)合肥教育合肥招聘合肥旅游文化藝術(shù)合肥美食合肥地圖合肥社保合肥醫(yī)院企業(yè)服務(wù)合肥法律

ITS290F 代寫(xiě)、代做 java,c++編程
ITS290F 代寫(xiě)、代做 java,c++編程

時(shí)間:2025-01-31  來(lái)源:合肥網(wǎng)hfw.cc  作者:hfw.cc 我要糾錯(cuò)



ITS290F Human Computer Interaction & User Experience Design
Lab 1. Introduction to CodePen
 
 
What you’ll learn in this lab:
 
• Understanding CodePen
• Creating a front-end page
• Using Google form to submit your lab work
 
 
CodePen is a cloud-based integrated development environment (IDE) for writing and sharing front-end code. It would be useful for us to try out our code in certain lab practices. 
 
 
1. Sign up CodePen  
 
Sign up a CodePen free account
 
1. Visit http://codepen.io .
 
2. Sign up with email or your preferred methods, as shown in Figure 1. 
 
3. Check your mailbox to activate your account, if applicable.
 
4. Login CodePen with your login credentials.
 

FIGURE 1
CodePen sign up page.
 
2. Understanding the CodePen Editor
 
Figure 2 shows the user interface of the CodePen Editor. It consists of 3 editor panels for HTML, CSS and JS that you can edit your code and scripts, and a live preview panel that shows the resulting webpage of your code. 
 

FIGURE 2
CodePen Editor.
 
 
 
TRY IT YOURSELF
 
Taking an Editor Tour
 
CodePen provides an online tutorial for you to get familiar with the user interface of the CodePen editor:
 
1. Go to https://codepen.io/pen/tour/welcome/start .
 
2. Follow the instructions and try it out.
 
 
3. Lab Exercises
 
On your own, spend time becoming familiar with the CodePen interface. For this part, practice creating a Pen and attempting to finish the exercises.
 
You need to answer the follow-up questions and submit your answers (see submission section).
 
 
Exercise 1
 
Create buttons that change the color of an HTML paragraph.
 
1. Create a new Pen.
 
2. Put the following code into the HTML window
 
<p id='hello'>Hello, World!</p>
<button onclick=changeColor('red')>Red</button>
 
3. Put the following code into the JS window
function changeColor(color) {
 document.getElementById('hello').style.color=color;
}
 
4. Save and try clicking the “Red” button.
 
5. Add two buttons for changing color of “Hello, World” to green and blue.
 
6. Save and try clicking the new buttons.
 
 
Follow-up Questions
 
Q1. How many buttons you see on the screen?
 
Q2. A function is called when you click on the button. What is the name of the function?
 
Q3. The function uses a reference ID to lookup for the HTML <p> element. What is the ID?
 
Exercise 2
 
Learn reading JS reference from w3schools and create buttons that change the font style and weight of an HTML paragraph.
 
1. Continue to work on the code of Exercise 1. Add two buttons for changing the font style of “Hello, World” with Normal and Italic styles.
 
2. Create a new JS function with a parameter called changeFontStyle(style) .
 
3. Study the fontStyle property of JS on w3schools JSreference(https://www.w3schools.com/jsref/prop_style_fontstyle.asp) and complete the function.
 
4. Associate the new function with the corresponding parameters to the onClick event of the new buttons. Save and try clicking the new buttons.
 
5. Add three buttons for changing the font size of “Hello, World” with size “x-large”, “250%”, and “100px”. The outcome of the page should look like the follows:
 

 
6. Create a new JS function with a parameter called changeFontSize(size) . 
 
7. Study the fontSize property of JS on w3schools JS reference /prop_sand complete the function.
 
8. Associate the new function with the corresponding parameters to the onClick event of the new buttons. Save and try clicking the new buttons.
 
 
Follow-up Questions
 
Q4. On the page, which font size property value produces largest font size?
 
Q5. Submit your solution HTML code of Exercise 2. The first line is given to you.
<p id='hello'>Hello, World!</p>
...
 
Q6. Submit your solution JS code of Exercise 2. The first function is given to you.
function changeColor(color) {
 document.getElementById('hello').style.color=color;
}
 
...

請(qǐng)加QQ:99515681  郵箱:99515681@qq.com   WX:codinghelp




 

掃一掃在手機(jī)打開(kāi)當(dāng)前頁(yè)
  • 上一篇:代寫(xiě) COMP S368、代做 java 程序語(yǔ)言
  • 下一篇:代寫(xiě)指標(biāo) 通達(dá)信【備戰(zhàn)龍妖】副圖指標(biāo)
  • ·代做 2025 MCM、代寫(xiě) java/c++編程語(yǔ)言
  • ·ELE000042C代寫(xiě)、代做C/C++編程語(yǔ)言
  • ·COMP2046代做、代寫(xiě)C/C++編程設(shè)計(jì)
  • ·URBA6006代寫(xiě)、Java/c++編程語(yǔ)言代做
  • ·COMP1038 代寫(xiě)、C++編程設(shè)計(jì)代做
  • ·CS-453程序代做、代寫(xiě)C++編程語(yǔ)言
  • ·CS-350代寫(xiě)、C++編程語(yǔ)言代做
  • ·CSE2425代寫(xiě)、C++編程語(yǔ)言代做
  • ·CS 0447代做、代寫(xiě)c/c++編程設(shè)計(jì)
  • ·PROG2004代做、代寫(xiě)C/C++編程設(shè)計(jì)
  • 合肥生活資訊

    合肥圖文信息
    急尋熱仿真分析?代做熱仿真服務(wù)+熱設(shè)計(jì)優(yōu)化
    急尋熱仿真分析?代做熱仿真服務(wù)+熱設(shè)計(jì)優(yōu)化
    出評(píng) 開(kāi)團(tuán)工具
    出評(píng) 開(kāi)團(tuán)工具
    挖掘機(jī)濾芯提升發(fā)動(dòng)機(jī)性能
    挖掘機(jī)濾芯提升發(fā)動(dòng)機(jī)性能
    海信羅馬假日洗衣機(jī)亮相AWE  復(fù)古美學(xué)與現(xiàn)代科技完美結(jié)合
    海信羅馬假日洗衣機(jī)亮相AWE 復(fù)古美學(xué)與現(xiàn)代
    合肥機(jī)場(chǎng)巴士4號(hào)線
    合肥機(jī)場(chǎng)巴士4號(hào)線
    合肥機(jī)場(chǎng)巴士3號(hào)線
    合肥機(jī)場(chǎng)巴士3號(hào)線
    合肥機(jī)場(chǎng)巴士2號(hào)線
    合肥機(jī)場(chǎng)巴士2號(hào)線
    合肥機(jī)場(chǎng)巴士1號(hào)線
    合肥機(jī)場(chǎng)巴士1號(hào)線
  • 短信驗(yàn)證碼 豆包 幣安下載 AI生圖 目錄網(wǎng)

    關(guān)于我們 | 打賞支持 | 廣告服務(wù) | 聯(lián)系我們 | 網(wǎng)站地圖 | 免責(zé)聲明 | 幫助中心 | 友情鏈接 |

    Copyright © 2025 hfw.cc Inc. All Rights Reserved. 合肥網(wǎng) 版權(quán)所有
    ICP備06013414號(hào)-3 公安備 42010502001045

    99爱在线视频这里只有精品_窝窝午夜看片成人精品_日韩精品久久久毛片一区二区_亚洲一区二区久久

          欧美一区二区三区播放老司机| 国产精品毛片a∨一区二区三区|国 | 亚洲天堂男人| 国产精品日韩在线播放| 久久久久久久久蜜桃| 亚洲精品日韩精品| 国产欧美日韩免费| 欧美日韩三级| 老鸭窝毛片一区二区三区| 亚洲午夜av在线| 亚洲国产精品一区在线观看不卡| 欧美午夜精品理论片a级按摩| 久久精品成人欧美大片古装| 中文在线一区| 99热这里只有成人精品国产| 在线免费观看欧美| 国产欧美精品日韩| 欧美成人国产| 欧美亚洲免费在线| 一本大道久久a久久精品综合| 在线观看欧美成人| 狠狠色狠色综合曰曰| 国产久一道中文一区| 欧美日在线观看| 欧美另类女人| 欧美精品一卡| 欧美精品一区二区三| 美女成人午夜| 女人香蕉久久**毛片精品| 久久国产福利| 久久精品人人| 老牛影视一区二区三区| 久久精品女人| 久久国产主播精品| 久久久久久网址| 久久精品中文| 麻豆九一精品爱看视频在线观看免费| 久久成人精品电影| 久热综合在线亚洲精品| 另类专区欧美制服同性| 免费成人性网站| 免费在线成人| 欧美精品在线观看91| 欧美日韩精品免费观看视一区二区 | 国产精品久久久久久模特 | 日韩视频免费看| 91久久国产精品91久久性色| 亚洲欧洲精品一区二区三区波多野1战4| 国内精品国语自产拍在线观看| 国产一区二区丝袜高跟鞋图片| 国产日韩欧美不卡| 一区精品在线| 亚洲精品日韩综合观看成人91| 亚洲美女av在线播放| 亚洲免费在线看| 久久久久天天天天| 欧美日韩精品一区视频| 国产日韩一区二区三区| 亚洲国产高清aⅴ视频| 亚洲人久久久| 亚洲一区二区三区在线观看视频| 午夜精品视频网站| 麻豆国产精品一区二区三区| 欧美午夜视频一区二区| 国产日韩欧美夫妻视频在线观看| 伊人婷婷欧美激情| 亚洲一区二区三区在线视频| 久久久久九九九九| 欧美日韩国产色视频| 国产女人18毛片水18精品| 亚洲国产精品久久人人爱蜜臀| 亚洲一区二区三区久久| 美女精品在线观看| 国产精品美女久久久| 136国产福利精品导航| 亚洲综合色在线| 欧美精品一区二区三| 激情一区二区三区| 亚洲欧美日韩精品久久奇米色影视| 欧美成人xxx| 国产亚洲精品久久久| 亚洲免费一在线| 欧美国产日产韩国视频| 国产农村妇女精品一二区| 国产精品久久久久久模特| 欧美大片在线观看一区| 在线亚洲激情| 尤物99国产成人精品视频| 亚洲一区二区三区777| 欧美99久久| 国产喷白浆一区二区三区| 一本色道婷婷久久欧美| 免费一级欧美在线大片| 国产一区二区三区高清| 亚洲影院一区| 国产精品对白刺激久久久| 亚洲精品国精品久久99热| 久久精品视频播放| 经典三级久久| 久久男女视频| 国内精品美女av在线播放| 久久xxxx| 国产自产精品| 久久九九免费| 国内精品久久久久久久果冻传媒| 一本色道久久综合亚洲91| 欧美日韩国产在线| 亚洲天天影视| 国产精品久久久久久久一区探花 | 麻豆freexxxx性91精品| 国产欧美日韩视频一区二区| 亚洲欧美日韩精品在线| 国产日韩视频一区二区三区| 亚洲免费影视第一页| 国产一区自拍视频| 久久精品国产亚洲精品| 久久久青草青青国产亚洲免观| 久久精品免视看| 国产亚洲毛片| 免费观看30秒视频久久| 亚洲伦理一区| 国产精品久久久一本精品| 久久国产精品久久久久久| 在线观看日韩av电影| 欧美mv日韩mv亚洲| 亚洲免费在线视频一区 二区| 国产精品久久久久久福利一牛影视| 午夜久久黄色| 亚洲国产美女久久久久| 欧美三级在线视频| 久久精品国产精品亚洲综合 | 欧美亚洲日本国产| 伊人精品在线| 国产精品成人免费| 久久免费国产| 亚洲一级特黄| 亚洲国产精品久久久久秋霞影院| 欧美日韩一区在线观看| 久久久久一区二区| 在线视频精品一区| 亚洲国产高清aⅴ视频| 国产乱码精品| 欧美日韩免费观看一区| 久久久精品性| 香蕉久久一区二区不卡无毒影院 | 久久午夜影视| 欧美一区亚洲| 99视频有精品| 亚洲高清视频在线观看| 国产精品福利在线观看网址| 米奇777在线欧美播放| 欧美一区二区精美| 一区二区三区视频在线观看| 激情欧美日韩| 国产亚洲欧美一级| 欧美日韩在线观看一区二区| 美女亚洲精品| 老司机精品视频网站| 欧美在线观看网站| 亚洲一区日韩| 亚洲网站啪啪| 亚洲小少妇裸体bbw| 亚洲精品极品| 日韩系列欧美系列| 亚洲国产小视频| 亚洲精品资源美女情侣酒店| 在线看一区二区| 亚洲黑丝在线| 亚洲国产天堂网精品网站| 一区久久精品| 在线精品一区二区| 亚洲第一精品夜夜躁人人爽| 在线观看福利一区| 亚洲国产日韩欧美在线动漫| 亚洲国产导航| 日韩午夜av| 在线视频欧美日韩| 亚洲自拍三区| 香蕉久久国产| 老司机一区二区| 欧美aⅴ一区二区三区视频| 欧美成人激情视频| 欧美日韩免费高清| 国产精品www| 国产一区二区中文字幕免费看| 国产亚洲欧美日韩在线一区| 经典三级久久| 99精品国产在热久久| 亚洲一区二区三区四区在线观看 | 欧美人成网站| 国产精品热久久久久夜色精品三区| 国产精品嫩草99a| 国产一区二区0| 亚洲精品国精品久久99热| 一区二区欧美在线| 欧美一区二区黄| 欧美成人精品在线视频| 欧美三级欧美一级| 国产一区二区在线观看免费| 91久久精品国产91性色tv|