Ea, acer Cr Digital Citizen eee Pore en feta sdg ICTECH Computing DE at EdTech Department @ ED 7 AAcknowledgements Project Lead General Manager Education Technology Project Team EDTECH Department & Regional Computing Curriculum Leaders Group Head Office: 31 - Industrial Area, Guru Mangat Road, Gulberg Ill, Lahore, Pakistan. Ph: +92 (42) 111 444 123 Fax: +92 (42) 35773065 Website: www.thecityschooledu.pk The entire computing curriculum is mapped with the attainment levels of the UK National Curriculum, ICDL and ISTE Student Standards 2017-2018. BB en © | C D L ISTE for Education he City Soheol All rights reserved. No part of this publication may be reproduced or transmitted in any part by any means at any time.Table of Contents Data Handling un 1 12 13 14 16 16 "7. 18 19, 10. um Building a Website... 2a, 22 23 24, 25 26. 21, 28 29. 210.Getting Storted with CSSua 2m. 212. Creating Web FORMS xe All About Cloud... 3 32 3% 34 Understanding Databases... Relative ond Absolute References in Excel. Format Sheet as Table... ‘Advance Filters ond Sort Features... Working with Power and Percentage Formula... ‘Common Error Messages in Excel. ‘Advance Charts, Modifying and Formatting Chart Design. Conditional Formatting. Import and Export Data as CSV Files, a Whet Is @ Webpage... Getting Storted with HTML, Creating a Webpage... Common HTML Tags. Introduction to Adobe Dreamweaver. Getting Storted with Adobe Dreamweaver. (Creating Webpage in Dreamweover.. Creating Website in Dreamweaver... Inserting Media with HTMLS.. CSS with Dreamweaver \Whet Iso Computer Network ane. Network Topology and Type. ‘Types of Ared Network nme How Does the Internet Work msnTable of Contents 35, Internet FUNCHIONS omnes eee . nnn nen 36, COMMURIEEION LINKS eee een en . een 37. Dato and Network Secutty ene-eneennne . ee) 38, Understanding Digital Citizenship. aoe . nnn nen 39. CloUd St0F09@w—-neer neta . a) 310, Getting Familiar with Google WorkSPO0e wne—nnnan= eenenenenn 311, 600012 DIV annem - anne 90 $312, Getting Storted with Google DoCS. ee-nnrnnen . a) 313. G00gle TFONSIGN© ean enre ee nner : Seer $314, G00g1¢ Map xenon . a) Presenting Your 1d@8S vn rmmnnne TOS, 4A. What bs SW? eee ee eee OB 42, What Cam | Create with SWOU?sm-nsnuenenemennnne = lO 45, Getting Storted with MS SWOYsum-nsnuennemenennn a sere Programming the Computer-Python: — m2 SU er = etree B 5.2. Flowcharts and Algorithms. 18 53. Pseudocode. 15 54, What Is 0 Progra eee eee nen = acter NY 58, Getting Started with Python. 16 5.6, Voriables and Date Types. | + $= FB- $-% + [PFomaactate- —— BRDekte = I~ O- BAB casyie BiFomat> @- Aignmert 8 Nanker soles cate | ceing Ses [This is D6Ce Reed Relative Reference Relative Reference is the cell reference. When you copy « cell that has a formula, the formula changes automatically. The change depends on the relative position of rows and columns. For example, type the contents of columns A and B below and in cell C2, type =A2°B2. If you copy the formula A2'B2 to cell C3, it will become A3°B3. Data Handling b 5 3 5 ls 8 ‘ 36 Is 2 6 a [sw 2 Absolute Reference An absolute reference is used when we want to keep a cell, a row or a column constant when copying a formula. You have to declare it when you create the formula by using the $ (dollar sign). This way you create an absolute reference which doesn't change when it's copied or filled. Mince pea oa Seg Cell reference will not update while copying or filling $EI Only the row reference will update and the column remains the same Eg Only column reference will update and row remains same1.3. Format Sheet as Table In Excel, a table is @ specially designated range of numbers. This special range of numbers has added functionality that other cell ranges do not have. You can have more than one table in a workbook or worksheet if you want, and tables can be as large or small as the amount of data you want to work with. Normally a table is made from adjacent columns of data, with a unique label or heading for each column. Each row in the table should have entries organized according to the column headings. You should keep your table data adjacent in a block to take advantage of all of Excel's table features. Some Excel features, like filters and PivotTables, will not work correctly if the data is not blocked together in adjacent columns as a table. To create a table from existing data in your spreadsheet: 1. Select a range of data in adjacent columns or click any cell within the required data range. In the example below, we selet cell range A2:D9. 2. On the Home Ribbon, Style group, click on the Format as Table button.Ce Reed 3. This will display a menu of table formatting options. If you click on one of the table menu options, the selected range will be formatted as a table based on the style of your choice, one ele Catering Invoice Soir emoratse& More ‘DwrmRce Guan NETRA $290 ra Sass $500 0 $2900 2.29 20 15 Sz oo $88.70 S289 10 528.90 seas 2 54980 LA 25 $8725, 4. When you choose a table format, you will see a Format as Table dialogue box appear. Make sure the cell range shown is the range that you want for your table; Click the OK button to create your table. Data Handling1.4. Advance Filters and Sort Features Sorting Data If you have a lot of records, it's a good idea to sort them because this way it will be easier to find what you are looking for, You can put the data in alphabetical order for text fields or start from the smallest to the largest (and vice versa) for numbers. To sort data do the folowing: 1. Choose a column that you want to sort by. Click on the Sort & Filter option on the Home tab and select the order either ascending or descending as per your necessity. 2, If there is any data in your other adjacent columns a warning window will appear before performing the sorting option to expand the selection or continue with the existing selection. osCe Reed Advanced Filters Advanced filters can be constructed to get more control over your data tables. 1. Asan example, we want to display the records of people who purchased camera, Click the arrow button next to a field header Type. Data Handling 2. Click Text Filters and then click Custom Filter. In the camera list, click contains and in the text box next to it, type camera. 3. Click OK. Then only those records whose Type field contains the word camera are displayed1.5. Working with Power and Percentage Formula Power ‘Checkpoint /\ In complex calculations, there is more than one part to the formula, the order of the calculations is from left to right, but any part of the formula in parentheses will be calculated first. -{(C1A1}-(01B1))+((B1/A1)* ‘raCe Reed Percentage Values can be changed from a decimal number to a percentage by applying the percentage format. Microsoft Excel multiplies the cell by 100 and displays the result with the percentage sign. 1. Enter the data shown in the image below Data Handling 3. Select the cells which contain the numbers you want to format, in this case, B3 and C3. On the Home tab, in the Number group, click the Percentage symbol button %. ce i Prior te) 148940000 510072000 361132000 20%3. Percentage can be applied through formula di formula. irectly putting "100 at the end of the x vf ompri Cee Cotta) nam 1.6. Common Error Messages in Excel If we do mistake while typing formulas. MS Excel will show you different types of errors relevant to the mistake we have made in a formula. The most common error messages are: Hee This message appears when the column is not wide enough to display all of its content. You can correct it by increasing the width of the column to fit the content correctly. #DIV/O! This error message appears when you divide something by 0. You can correct it by changing the divider in the function or formula so it is not zero or blank.Ce Reed #Name? This error message appears when you have typed a wrong formula and MS Excel cannot recognize it. You can correct it by typing the correct formula’s name. #VALUE! Error This error oppears when your formula includes cells that contain text and numbers. You can correct it by correcting data types. I 2 i ae 1.7, Advance Charts Charts in Excel A chart is a graphical representation of data and describes the overall analysis visually. There are several type charts in MS Excel for different sorts of data. Column/Bar Chart Column/bar chart is used to illustrate icrarehis: comparisons between a series of data. Ina column chart, categories appear horizontally (x-axis) and numeric values appear vertically (y-axis), The opposite happens in a bar chart which is one of the 1 al | AI s| a I most commonly used chart types. a a Data HandlingLine Chart It is used to display trends. It shows the — Sronnie changes in data over a period of time. posead Numeric values always appear vertically fone (y-oxis) and categories horizontally (x-axis). | Seo Itis suitable for showing data for a large ae Ne sechieaiia hea ey Oe Sees Pie Chart char Te It used to display only one series of data. It shows the relationship of the parts to the whole. You have to pay attention. It is suitable for showing data for one group. esse: maary eeamace Sofie fey arongiaue Creating Chart in Excel To create a column chart, execute the following steps: 1. Select the cells you want to chart, including the column titles and row labels. These cells will be the source data for the chart. In our example, we'll select cells A1:F6. =X jam jn [cereal «| [contort formating | Feiner = || Bee -)r races S°%) Boman bee - . SGA: Bee Be Betsie Brora 8 eg es slgmea sinters le ea * x - Fe Gome g 4 5 i o E F eG 1 n 2 3 [Mystery 78970 $2,760 $48,040 $45.98 $73,478 4 5 SeLFLR Fane Sis7sn i973 $12,109 s1155 $17,685 6 7 8 Fiction ook Sale: Chalonge | @ " mg ge cone om csr + veeCe Reed 2. On the Insert tab, in the Charts group, select the chart type. Data Handling 3. Choose the desired chart type from the drop-down menu. chan Te5, To visualize data of a selected range of data, hold the ctri key and select your desired columns. For instance, in this example, we need to visualize fiction book soles in the year 2010 only, Select the range AtA6 hold down the ctrl key and select the cell range Di:D6. es Svea Riconttona erate” |Sbveet = | 17- fae $75 > roman ie * a Bete: ° : A mw "] $18,580, $1001) $2634 373870 $82,262] 343885 $73,428 $24,236 $71,009 $81,478 5 $15,730 $11355 $17,686 $35,358 $16,065 $21,388 con Book Soke [ORE] Or rs eos cone an cee lh 6. On the Insert tab, in the Charts group, select column chart option. Select your desired chart style. ks Seer oe pees” | “a o ET —— zCe Reed 7. In order to visualize the fiction book sale from 2009 to 2011, select the desired columns. On the Insert tab select Line Chart option. Select your desired chart style from the drop-down menu. 1.8. Modifying and Formatting Chart Design Chart De: To modify the charts, select the chart and go to Design. Following modification options are available: Chart layouts Excel allows you to add chart elements—such as chart titles, legends, and data labels—to make your chart easier to read. To add a chart element, click the Add Chart Element command on the Design tab, then choose the desired element from the drop- down menu. The Quick Layout option allows you to select a predefined chart style. | tlle The Data HandlingChart styles Feed for Neurons * Excel also includes several different chart styles, Bee gee) the internet created daily will be tote roe which allow you to quickly modify the look and feel of your chart. To change the chart style, select the aeons desired style from the Chart styles group. CHART TITLE Data The Data tab allows to switch the rows and columns of the chart. The Switch Rows/ Columns option swaps the data over the axis. Data being charted on the x-axis will move to y-axis and vice-versa. On the other hand, the Select Data option allows you to change the data range included in the chart.Ce Reed Tupe The Change Chart Type option allows to change the type of your current chart. Data Handling tn Sn [RN Chart Formatting Every element of the chart is editable, to do that select that element of the chart and go to Format tab. — Gomowe| AB. stenaors-t Gisareetecs- OA Bi settee z Chart Title * 2 Mater ie er ir 5 Soria Fanta |) sso 7 $90,000 u oom | § 2 i im ll | Ts $20,000 a © almell I 1 th i a init, Mey tamer SF ny Yang 3 em ec som aa ati w o ©1.9. Conditional Formatting Conditional formatting allows you to automatically apply formatting—such as colors, icons, and data bars—to one or See more cells based on the cell value. To do RA eiableefi ; this, you'll need to create a conditional Cac formatting rule. For example, a conditional |S Aaa Nit annrern formatting rule might be: If the valve is less Coen ‘than $2000, color the cell red. By applying this rule, you'd be able to quickly see which cells contain values less than $2000. 4 2 r 2 Abeta, Kathy $3790.00, SS5700 $3662.00 $4347.00 4. Alenen atl saagi0.00 siaexco 5935500 $1000] 5 |atinan foey ssms00 $3072.00 $4702.00 $233600 rian, Wom Sawa $2755.00 $415.00 /s3;8000 7 Breman Michael se20600 $2352.00 $11e0100 $3220] 8 Coreon oan $3915.00, $405800 $372600, $1360] 4 Clin, Hany sBa¥.q0 5490500 $aco700 _s2.x300 0 counts, hzabeth $3742.00) $524.00 $505.0 s3jia40o it Dende $7606.00 $3428.00 _§3¢72.00__ $4,716] In our example, we have a worksheet containing sales data, and we'd like to see which salespeople are meeting their monthly sales goals. The sales goal is $4000 per month, so welll create a conditional formatting rule for any cells containing a valve higher than 4000. 1. Select the desired cells for the conditional formatting rule.Ce Reed 2. From the Home tab, click the Conditional Formatting command. A drop-down menu will appear. 3. Hover the mouse over the desired conditional formatting type, then select the desired rule from the menu that appears. In our example, we want to highlight cells that are greater than $4000. Data Handling 4, Adialog box will appear. Enter the desired value(s) into the blank field. In our example, we'll enter $4000 as our value. 5. Select a formatting style from the drop-down menu. In our example, we'll choose Green Fill with Dark Green Text, then click OK. 6. The conditional formatting will be applied to the selected cells. In our example, it’s easy to see which salespeople reached the $4000 sales goal for each month.1.10. Import and Export Data as CSV Files In MS Excel we can import and export data from many sources to many types of file. One of the most common sources for import and export is the CSV file, CSV files are Comma-Separated Values and can be incorporated in any software or database. Import a CSV File To import a CSV file, follow these steps: 1. From the office ribbon go to the Data Tab and click the From Text button. : e313 3 Ben Acces: Web| Tox | Sources" Comectons Quey= [ORecensouces “al 2 fe 2. Select the CSV CaCe Reed 3. After selecting the file select delimited from the Text Import Wizard. Data Handling 4. Click next and at this point, data can be separated through a Tab, Semicolon, ‘Comma, or Space and can be specified in the Other: box and click next and Finish Export Data in CSV Open an Excel file, on the File tab click Save As and click Browse. Select the file type as CSV and click save.11. Pivot Table When you have a lot of data, it can sometimes be difficult to analyze all of the information in your worksheet. PivotTables can help make your worksheets more manageable by summarizing your data and allowing you to manipulate it in different ways Using Pivot Tables to Answer Questions Consider the example below. Let's say we wanted to answer the question What is the amount sold by each salesperson? Answering it could be time consuming and difficult; each salesperson appears on multiple rows, and we would need to total all of their different orders individually. We could use the Subtotal command to help find the total for each salesperson, but we would still have a lot of data to work with. 972500 $800 Seon. $000 Sico00 Saco Sison00 $8000 Sion Srsoo $3000 Som S009 $eo00 Fortunately, a PivotTable can instantly calculate and summarize the data in a way that’s both easy to read and manipulate. When we are done, the PivotTable will look something like this: Row Labels [> Sum of Grder Amount Albertson, Kathy $2,650.00] Brennan, Michael $3,700.00] Davis, William $1,935.00 Dumico, Richard $1,490.00] Flores, Tia $4,565.00] Post, Melissa $1,690.00] Thomeson, Shannon $3,160.00] Walters, Chris $4,375.00] [Grand Total $23,565.00]Once you've created a PivotTable, you can use it to answer different questions by rearranging—or pivoting—the data. For example, let's say we wanted to answer What is the total amount sold in each month? We could modify our PivotTable to look like Ce Reed this: Row Labels + |Sum of Order Amount January $9,090.00 February $9,160.00 March $5,315.00} Grand Total $23,565.00) Creating Pivot Table 1. Select the table or cells (including column headers) you want to include in your PivotTable. 2. From the Insert tab, click the PivotTable command. a ee PRD ecortnes Tae rene cre aca react a a aa fas > aa ae We aie Pensatin BL Mmm gs ise Data Handling3. The Create PivotTable dialog box will appear. Choose your settings, then click OK. In our example, we'll use Table! as our source data and place the PivotTable on a new worksheet. 5. Once you create a PivotTable, you will need to decide which fields to add. Each field is simply a column header from the source data. In the PivotTable Field List, check the box for each field you want to add. In our example, we want to know the total amount sold by each salesperson, so we will check the Salesperson and Order Amount fields. PivotTable Fields ve Choose fields to add to report: a Seer a Salesperson = Ly Region Account Order Amount 1 Month E6. The selected fields will be added to one of the four areas below the Field List. In our Ce Reed example, the Salesperson field has been added to the Rows area, while the Order Amount has been added to the Values area. Alternatively, you can click, hold, and drag a field to the desired area. oS tel -leaae eS eee: li ~ . < ” PivotTable Fields = naan z recitgec 3 a | i a oe ET os 7. The PivotTable will calculate and summarize the selected fields. In our example, the PivotTable shows the amount sold by each salesperson. | root — + (Row Labels sum of Order Amount Albertson. Kathy Brennan, Michael Davis, Wiliam Dumiao, Richare Flores, Tio Post, Melissa ste TSS [TD 73565] 2680 3700 1935 1490 4565 1490 3140 4375 PivotTable Folds Data HandlingJust like with normal spreadsheets, you can sort the data in a PivotTable using the Sort & Filter command on the Home tab. You can also apply any type of number formatting you want. For example, you may want to change the number format to Currency. However, be aware that some types of formatting may disappear when you modify the PivotTable. 8 Row Labels ‘Sum of Order Amount (Albertson. Kathy ‘brerman, Michas| be Davis, Wiliarn Sree ‘Dumiao, Richard lores, Ta ate ta Post, Melise ‘Thompson, Shannon Wolters, Chris = erst ew Fas . * PivorTable Files If you change any of the data in your source worksheet, the PivotTable will not update automatically. To manually update it, select the PivotTable and then go to Analyse > Refresh. Pivoting Data One of the best things about PivotTables is that they can quickly pivot or reorganize data, allowing you to look at your worksheet data in different ways, Pivoting data can help you answer different questions and even experiment with the data to discover new trends and patterns. In our example, we used the PivotTable to answer the question: What is the total amount sold by each salesperson? But now we'd like to answer a new question: What is the total amount sold in each month? We can do this by simply changing the field in the Rows area.Ce Reed To change row: 1. Click, hold, and drag any existing fields out of the Rows area. The field will disappear. 160 es 3160 sees 1 cones 4375 ooeagen | em T] serstosramaat = = =| Cosette Ree] Oo 2. Drag anew field from the Field List into the Rows area. In our example, we will use the Month field, PivotTable Fields * ene det sas worap a kesh 2 gn ersen ee “ surctterAmort © Bs eee 3. The PivotTable will adjust or pivot to show the new data. In our example, it now shows the total order amount for each month. N 8 C1 pita ie Row Labels. Sum of Order Amount eens Jonucry 3090 February oo [March 5315) Grand Total 23565 Data HandlingTo add a column So far, our PivotTable has only shown one column of data at a time. To show multiple columns, you will need to add a field to the Columns area. 1. Drag a field from the Field List into the Columns area. In our example, we will use the Region field. PivotTable Fields oe on testo ee a) oe a 2. The PivotTable will include multiple columns. In our example, there is now a column for each region. Ce hn ae ye eee gy 4 a Mims cof cE picttable Fits el Coeitesoree: 3° Sum of Order Amount Column Labels - be 1 Row labels Et North South Wes! Grond Total nn. = 5 Jenuary 190 1140 3110 3150 9090) | = & |Feowany (1559) 1720 5975 15159140] | Sr mtae 1 March ToD 200 3790 825 5218|_ ys come & Grand Total 4940 3140 10875 S190 23565 — : io a Fw u = ofa B iCe Reed 3. The PivotTable will include multiple columns. In our example, there is now a column for each region Adding Filters In our example, we will filter out certain salespeople to determine how they affect the total sales. 1. Drag a field from the Field List to the Filters area. In this example, we will use the Salesperson field. PivotTable Fil Data Handling 2. The filter will appear above the PivotTable. Click the drop-down arrow, then check the box next to Select Multiple Items, 2 [ieee ToL) Serres a — a 8 lespenon 3 Sumof Order An ne TO 4 Row Labels Noth South West Grand otal 5 Jonvaiy Vial 3110 3150 9050 & [Febroary | 1723 gos 151s 9140 7 baarcn | 300 3790 5255315 8 Grand totat 3160 10875 519023865 ° to =| ow | 4 ta 13, 4 5 Pwvotrable3. Uncheck the box next to any item you don't want to include in the PivotTable. In our example, we'll uncheck the boxes for a few salespeople, then click OK. 2) ee Sa roe = [= ; 4 A ale Dele Ame : Wisclorsrt R PivrTable 2 Wooo Lo 3 sumot order A é = 2 4 Rowlabels North South West Grond Total 5 Janvory Ma 31l0 3180 9090) | | 6 [February 1720 3975 1515 9160 = = 7 Mere vf ‘003790 's28 sais) | gga & Grand total 3160 10875 si90 3645. > eee un) a Sea 8 Mews > sumet + i 15 4 oat pcos : — 4, The PivotTable will adjust to reflect the changes. = pp 4 A a PivotTable Fie 1 Salesperson DAuliple fiers) = coer 2 3 sumot order Amount Column Labels = = 4 ow lebels Est South West Grand Total 5 onuery Zs 1100 2750 A815 ji |febrvary (5 a5 550180 7 March 350600 4001350 8 Grand Total 1690 1935 9700-7325 2 en eees u 2 a 13 14 15Ce Reed Slicers Slicers make filtering data in PivotTables even easier. Slicers are just like filters, but they're easier and faster to use, allowing you to instantly pivot your data. If you frequently filter your PivotTables, you may want to consider using slicers instead of filters. Adding Slicers 1 Select any cell in the PivotTable, From the Analyze tab, click the Insert Slicer command. Ungroup - S setect- Aaah Caro re hone croup baa aioe A dialog box will appear. Check the box next to the desired field. In our example, welll select Salesperson, then click OK. ta ||) = | Bist ae wetter Gap, Palcuiations PivotChart Recommended She df) __A_qjuwe PivotTable Fie...” * | Salesperson ‘hooss eld toot = to report: =| 3. Sum of Order At z A 4 Row Labels South West Grar —— 5. January 1100 2750 oes | 6 |February 235 550 below 7 March 600 400 TY euress | cous 8 Grand Total 1935 3700 sae. =| Regor =} 9 Brows | E values 10 Moar >| Sumot- > ul | a Deter toa Sheett_| Tit OveHePSES T bee @jm 9-4 + Data Handling3. The slicer will appear next to the PivotTable. Each selected item will be highlighted in blue. In the example below, the slicer contains all eight salespeople, but only five of them are currently selected, & A 1 Solesperson 2 3 Sumot Order Am, Alberizon, Kathy “Selesperson = 4 Row Labels 2 eee Brennan, Miche! & February Devi, liom 7 Morch 7 March iy > Dumlac, Richors $ Flore, Ta to ig Post, Melixe 2 Trompron, snannen 13 i Wosters, Chi a Ith West Grand Total = 00 2750 ai 85 550 1360 09 400 1350 °35 37007325 4, Just like filters, only selected items are used in the PivotTable. When you select or deselect an item, the PivotTable will instantly reflect the change. Try selecting different items to see how they affect the PivotTable. Press and hold the Ctrl key on your keyboard to select multiple items at once. 4 Aid B [e¢]D]E|]FI[SG|H 1 Salesperson (Multiple tems) [| Salesperson 2=% 2 3. Row Labels|~ Sum of Order Amount | “erlson, Kathy 4 North 3160, _| [ Brennan, Michael 5 South 10875 | oe & West iso | Dave Witiom | 7. Grand Total 19225 | | Dumlao, Richard et | Flores, Ta 10, Post, Melissa i “Thompson, Shennon 13) | Walters, Chris. | u [————— | 15Ce Reed Pivot Charts Pivot Charts are like regular charts, except they display data from a Pivot Table. Just like regular charts, you'll be able to select a chart type, layout, and style that will best represent the data. Adding Pivot Charts In the example below, our PivotTable is showing a portion of each region's sales Data Handling figures. We'll use a PivotChart so we can see the information more clearly. 1. Select any cell in your Pivot Table. From the Insert tab, click the PivotChart command, nded Table | NSVatIONS iy agg ing ~ py Recommended es a Charts seine 2. The Insert Chart dialog box will appear. Select the desired chart type and layout, then click OK. iy at Wh i 3 Seats "HECaRE SEE3. The PivotChart will oppear. 4, Try using filters or slicers to narrow down the data in your PivotChart. To view different subsets of information, change the columns or rows in your PivotTable. In the example below, we've changed the PivotTable to view the monthly sales for each salesperson. Salesperson 8 (Molise tems) =) 3. Sum of Order Amount! sicoeon Row Labels January February March Grand Totat S EL sanz Pr corner ge