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爱在线视频这里只有精品_窝窝午夜看片成人精品_日韩精品久久久毛片一区二区_亚洲一区二区久久

          亚洲私人影院在线观看| 欧美激情久久久| 日韩午夜在线视频| 国产日韩欧美制服另类| 欧美高清视频在线| 久久久久久久激情视频| 亚洲一区欧美| 日韩视频一区二区在线观看 | 国产亚洲一区精品| 欧美日韩国产另类不卡| 麻豆精品视频在线观看| 午夜日韩在线| 亚洲欧美日韩一区二区| 99日韩精品| 亚洲人成人一区二区在线观看| 国产一区二三区| 国产乱肥老妇国产一区二| 欧美日韩一区二区在线观看视频| 噜噜噜躁狠狠躁狠狠精品视频| 久久福利视频导航| 欧美在线播放一区| 欧美一级播放| 久久福利视频导航| 久久国产手机看片| 久久男女视频| 欧美成年人视频网站| 久久这里只有精品视频首页| 久久久青草青青国产亚洲免观| 新狼窝色av性久久久久久| 亚洲一区视频在线| 欧美一区二区三区播放老司机 | 国产精品伦一区| 国产精品私人影院| 国产伦精品一区二区三区在线观看| 国产精品久久7| 国产精品一区二区三区久久| 国产日韩av一区二区| 国产乱码精品| 一区二区三区在线视频播放| 亚洲国产精品成人久久综合一区| 亚洲国产高清高潮精品美女| 亚洲欧洲另类国产综合| 一区二区三区日韩欧美| 亚洲欧美中文日韩v在线观看| 欧美一级大片在线观看| 噜噜噜噜噜久久久久久91 | 欧美色偷偷大香| 国产老肥熟一区二区三区| 国产一区二区日韩精品| 亚洲人成在线观看一区二区| 在线视频中文亚洲| 久久国产精品网站| 嫩草伊人久久精品少妇av杨幂| 欧美日韩三区| 激情五月***国产精品| 亚洲精品日韩激情在线电影| 亚洲一区视频| 欧美 日韩 国产在线| 国产精品白丝av嫩草影院| 国外视频精品毛片| 一本久道久久综合婷婷鲸鱼| 欧美自拍偷拍午夜视频| 欧美日韩亚洲一区二| 国外成人网址| 亚洲自拍另类| 欧美精品18+| 国产一区亚洲一区| 一区二区三欧美| 美脚丝袜一区二区三区在线观看 | 国产欧美日韩三级| 亚洲精选视频免费看| 久久九九有精品国产23| 国产精品v亚洲精品v日韩精品| 伊人久久婷婷| 欧美一区亚洲二区| 国产精品国产三级欧美二区| 伊人久久大香线| 久久av在线看| 国产精品永久免费| 一区二区不卡在线视频 午夜欧美不卡在 | 欧美色精品在线视频| 在线播放一区| 久久精品免费播放| 国产精品影视天天线| 中日韩美女免费视频网址在线观看 | 亚洲精品视频二区| 久久综合狠狠综合久久激情| 国产精品一页| 午夜视频久久久| 国产麻豆精品久久一二三| 亚洲一区二区三区午夜| 欧美午夜精品久久久| 99国产精品国产精品毛片| 欧美激情精品久久久六区热门| 在线观看91精品国产麻豆| 老司机成人网| 亚洲人成小说网站色在线| 欧美成人精品在线播放| 亚洲人成在线观看一区二区| 欧美成人自拍| 一本色道久久精品| 国产精品久久久久久久久久久久久| 日韩亚洲不卡在线| 国产精品成人国产乱一区 | 国产精品裸体一区二区三区| 在线亚洲免费| 国产精品影音先锋| 久久久久久亚洲精品中文字幕 | 久久永久免费| 亚洲毛片av在线| 国产精品v欧美精品∨日韩| 香蕉久久精品日日躁夜夜躁| 国产一区二区剧情av在线| 麻豆久久婷婷| 亚洲一区二区三区中文字幕| 国产精品一区二区三区观看| 久久蜜桃资源一区二区老牛| 亚洲国产一区二区精品专区| 欧美喷潮久久久xxxxx| 中文国产一区| 国产小视频国产精品| 美女视频黄 久久| 中文国产成人精品| 国内精品伊人久久久久av一坑 | 亚洲美女中文字幕| 国产精品任我爽爆在线播放| 久久se精品一区二区| 亚洲精品偷拍| 国产一区二区精品| 欧美日韩亚洲高清| 久久久久久久97| 亚洲视频久久| 亚洲大胆美女视频| 国产精品免费区二区三区观看| 久久久久一区| 亚洲午夜国产成人av电影男同| 激情五月***国产精品| 国产精品福利在线观看网址| 你懂的成人av| 久久国产精品一区二区三区四区| 亚洲精品在线免费| 狠狠色综合网站久久久久久久| 欧美日韩在线视频一区二区| 老司机午夜免费精品视频| 亚洲一区二区在线看| 亚洲精品乱码久久久久久久久| 国产日韩综合| 国产精品日本一区二区| 欧美激情第1页| 蜜臀av性久久久久蜜臀aⅴ四虎| 亚洲欧美影音先锋| 亚洲午夜成aⅴ人片| 一区二区三区不卡视频在线观看| 在线观看福利一区| 国产在线拍偷自揄拍精品| 国产精品亚发布| 国产精品视频大全| 欧美日韩专区在线| 欧美色综合网| 欧美日韩在线看| 欧美日韩在线观看视频| 欧美日韩国产精品一区二区亚洲 | 亚洲国产高清高潮精品美女| 黑人巨大精品欧美一区二区| 国产综合欧美| 在线观看日韩av先锋影音电影院| 国产日韩一区二区三区| 国产欧美高清| 黄色成人在线网址| 亚洲电影免费观看高清完整版在线观看| 国产午夜亚洲精品理论片色戒| 国产欧美一区二区精品仙草咪| 国产精品入口麻豆原神| 国产欧美日韩视频在线观看| 国产精品一二三四区| 国产日韩精品一区观看| 国产综合自拍| 亚洲第一伊人| 亚洲乱码国产乱码精品精可以看| 夜夜嗨av一区二区三区网站四季av| 一区二区三区黄色| 性色一区二区三区| 老司机精品导航| 欧美精选午夜久久久乱码6080| 欧美日韩一区自拍| 国产日韩欧美在线看| 亚洲国产精品一区二区www在线| 91久久精品久久国产性色也91| 夜夜嗨一区二区三区| 性一交一乱一区二区洋洋av| 久久综合给合久久狠狠色| 欧美精品激情在线观看| 国产精品久久久对白| 国产在线不卡视频| 亚洲免费观看高清完整版在线观看熊 | 久久九九99| 欧美日韩精品在线视频| 国产亚洲福利社区一区| 亚洲九九九在线观看| 久久av一区二区三区漫画|