topic: html website development

Question 1

describe the purpose of HTML within the coding of a website

Answer 1

language that defines the structure and content of a webpage
it also uses tags

Question 2

describe the purpose of CSS within the coding of a website

Answer 2

this defines the style
it uses selectors like classes and IDs
it can be placed directly within HTML or externally in a file

Question 3

what is javascript

Answer 3

an interpreted, scripting language and the program flow is determined by events like user actions, or sensor outputs

Question 4

what can javascript modify

Answer 4

it can modify HTML languages used

Question 5

what does the <form> tag do

Answer 5

used to create HTML form for user input, and it can contain <input></input>, <textarea>, <button>, <output> tags etc...
it is normally used alongside the script tag</output></button></textarea>

Question 6

describe an IDE

Answer 6

integrated development environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development

Question 7

what are the main things an IDE normally consists of

Answer 7

a source code editor, build automation tools and a debugger

build autmation tools (software utilities that automatically manage the transformation of source code into executable, deployable, or testable software by using scripting/configuration files (e.g., Maven, Gradle))

Question 8

common features of IDE for developing programs (8)

Answer 8

1. line numbers
2. documentation (e.g. BlueJ – Tools, Documentation View)
3. integration with testing tools eg JUnit in BlueJ (watch this short video)
4. code completion
5. code generation
6. bracket matching (when typing the IDE adds it automatically)
7. syntax checking
8. integration with translator (e.g. BlueJ/VS Code will use the Java Compiler to translate Java into Java bytecode which runs on the Java Virtual Machine)

Question 9

common features of IDE for debugging programs ()

Answer 9

1. error diagnostics (eg “reached end of file while parsing” (missing } at end of class))
2. integration with testing tools eg JUnit in BlueJ (watch this short video)
3. built-in debugger allows you to set breakpoints (program stops on that line) and step through the code (every time you step, one single line of code gets executed. The Step Into command will also cause the running program to execute one statement however if the statement invokes a method then the program execution will enter the called method)

Question 10

what is a scripting language

Answer 10

an interpreted language, where each command could be run on the command line

Question 11

how would I write the HTML code for a:
light blue background, a blue coloured H3 title ‘Request a cake’, two form tags ‘cake description’ and ‘person requesting it’, and an ‘ok’ button at the bottom (8 lines)

Answer 11

(div style=”background-color: lightblue;”)
(h3 style=”color:blue;”)Request a cake:(/h3)
(form)
(p)Cake description (input type=”text”)(/p)
(p)Person requesting it (input type=”text”)(/p)
(p)(input type=”submit” value=”OK”)(/p)
(/form)
(/div)

Question 12

how would i write the HMTL code for a purple H1 title and purple square border named ‘A page about cake’

Answer 12

(h1 style=”color: purple; border-style: solid; border-color: purple;”)A page about cake(/h1)