Docsity
Docsity
Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity

Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips
Guidelines and tips
Sell on Docsity
Sell on Docsity
Docsity AI
Docsity AI
Log inSign up

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search for your university

Find the specific documents for your university's exams

Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents
download point icon20 Points

For each uploaded document

Answer questions
download point icon5 Points

For each given answer (max 1 per day)

All the ways to get free points
Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

HTML Coding Exercise, Exams of Web Programming and Technologies

University of Queensland (UQ)Web Programming and Technologies

The HTML (and subsequent Javascript) Coding Exercises are opportunities for you to check your understanding of this content. Each of these activities also ...

Typology: Exams

2021/2022

Uploaded on 07/05/2022

allan.dev
allan.dev 🇦🇺

4.5

(86)

1K documents

1 / 8

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
HTMLCodingExercise
Overview
AspartofEIST6121:InstructionalCoursewareAuthoring,youhavebeenlearningaboutHTML(and
introducedtoJavascript).TheHTML(andsubsequentJavascript)CodingExercisesareopportunitiesfor
youtocheckyourunderstandingofthiscontent.Eachoftheseactivitiesalsocontributesupto60points
toyourfinalcoursegrade.
AssignmentPurpose
ThepurposeofthisassignmentistocheckyourunderstandingofthematerialscoveredintheHTMLand
Javascriptself‐instructionalmaterials.Itisalsoanopportunityforyoutogainadditionalpracticeinusing
HTMLandJavascript.
MaterialsyouneedforthisActivity
Thegraphicandtextfilesyouneedtodeveloptheidentifiedwebpagesareprovidedaspartofthis
activity.Asyouproducethe3webpages,youwillneedaccessto3graphicsfiles.Thegraphicfilesare
providedandinclude:
• uncc‐logo.gif
• vernier.jpg
• mindgame.gif
Inaddition,youarebeingprovided3textfilesthatcontainallthetextelementsdisplayedontheweb
pages.Youcanusethesetextfilestocopyandpastetextintoyourwebpagessoyouavoidhavingtore‐
keyortypeinthistext.Thethreetextfilesinclude:
• index‐text.doc
• examples‐text.doc
• comments‐text.doc
FileStructure
Tocreateandsubmityourwebpages,placeallofyourHTMLCodingExercisewebpagefilesintoa
singlefoldercalled‘html‐exercises’anduploadtoyour‘edukate’site.PlacetheURLforyourIndex
pageinthespaceprovidedattheendofthisassignmentdescription.
Notes
Youmayuseanywebeditortocompletetheseactivities,butyoumustuseFrontPage,SharePoint
Designer,orExpressionWebtouploadyoursiteto'edukate'.Also,anywebeditorusedmustsupport
thefunctionalitylistedintheassignmentspecifications.
Savethesefiles,asyouwillreturntothemforuseintheJavascriptCodingExercise.Inthisexercise,you
willbecreatingtheHTMLportionofthesite;intheJavascriptCodingExerciseyouwilladdJavascript
codetovariouselementsoftheHTMLpages.
pf3
pf4
pf5
pf8

Partial preview of the text

Download HTML Coding Exercise and more Exams Web Programming and Technologies in PDF only on Docsity!

HTML Coding Exercise

Overview As part of EIST6121: Instructional Courseware Authoring , you have been learning about HTML (and introduced to Javascript). The HTML (and subsequent Javascript) Coding Exercises are opportunities for you to check your understanding of this content. Each of these activities also contributes up to 60 points to your final course grade. Assignment Purpose The purpose of this assignment is to check your understanding of the materials covered in the HTML and Javascript self‐instructional materials. It is also an opportunity for you to gain additional practice in using HTML and Javascript. Materials you need for this Activity The graphic and text files you need to develop the identified web pages are provided as part of this activity. As you produce the 3 web pages, you will need access to 3 graphics files. The graphic files are provided and include:

  • uncc‐logo.gif
  • vernier.jpg
  • mindgame.gif In addition, you are being provided 3 text files that contain all the text elements displayed on the web pages. You can use these text files to copy and paste text into your web pages so you avoid having to re‐ key or type in this text. The three text files include:
  • index‐text.doc
  • examples‐text.doc
  • comments‐text.doc File Structure To create and submit your web pages, place all of your HTML Coding Exercise web page files into a single folder called ‘ html‐exercises’ and upload to your ‘ edukate ’ site. Place the URL for your Index page in the space provided at the end of this assignment description. Notes You may use any web editor to complete these activities, but you must use FrontPage, SharePoint Designer, or Expression Web to upload your site to 'edukate'. Also, any web editor used must support the functionality listed in the assignment specifications. Save these files, as you will return to them for use in the Javascript Coding Exercise. In this exercise, you will be creating the HTML portion of the site; in the Javascript Coding Exercise you will add Javascript code to various elements of the HTML pages.

iv. The Next , Examples or Non‐Examples , and Your Thoughts links should all open in the same window and the Another Resource link should open in a new window.

  1. In the lower, right hand column, place the text indicated in the screenshot and located in the index‐text.doc document, with the following specifications: a. All text in the cell should be left aligned , with the exception of the ordered lists (bullets), which are indented. b. All text should be black , Garamond , size 12. c. The words Definition , models , and embodies should all be bold. d. The bulleted items should be coded as an ordered list. e. Use the line spacing indicated in the screen shot.
  2. Below the table, insert a horizontal line.
  3. Below the horizontal line, place the footer information located in the index‐text.doc (and seen in the screenshot), with the following specifications: a. Font is black , Garamond , size 10. b. The text HTML Coding Exercises should be bold. c. The e‐mail address ( [email protected] ) should be a link to the stated e‐mail address (using the mailto: code). d. The URL in the bottom line should be linked and should open in a new window. e. The Page Last Modified date should be a web‐bot that updates automatically. Note : Copy your saved index page or save it as a new page called examples.htm to start your second page.

Your Thoughts & Comments Notes and Page Specifications

  1. Some general changes to the page: a. The page title should be Simulations: Your Thoughts & Comments. b. The menu links should be Home (linked to index.htm ), Previous (linked to examples.htm ), Your Thoughts , and Another Resource. The destinations of the last 2 links should not change. c. Change the text in the upper right hand cell to Your Thoughts & Comments , with the same specifications as the title text on the Index page.
  2. Split the lower right hand cell into two rows. a. In the upper row, place the text Thoughts? ( bold , Garamond , size 12 , left aligned , #00000 ). Below it, place the text “ Please share your thoughts by answering the following two questions. ” As shown on the screen ( normal , Garamond , size 12 , left aligned ). b. Below the text, place a two‐row, three‐column table with the following specifications: i. The table has a width of 100% , it is left aligned in the cell, cell padding = 2 , cell spacing = 2. ii. In the upper left column, insert the text seen in the screenshot ( bold , Garamond , size 12 , left aligned , #00000 ). In the lower left column, insert a radio button form ( normal , Garamond , size 12 , left aligned ) with the options listed in the screenshot. Remove the SUBMIT and RESET buttons. We will be adding these in the Javascript Coding Exercise. iii. In the right hand column (upper and lower cells), repeat i. & ii. With the text indicated in the right hand column screenshot. c. In the lower row, place the text Comments ( bold , Garamond , size 12 , left aligned , #00000 ). Below it, place the text “What other comments would you like to share with us about this brief lesson?” As shown on the screen ( normal , Garamond , size 12 , left aligned ). i. Below the text, insert a Text Area form with the name Comments, a width of 67 characters, and 8 lines. ii. The text on the Submit button should be Submit My Evaluation ( Garamond ). The text on the Reset button should be Reset This Form ( Garamond ). There should be 4 spaces between the buttons.
  3. All other elements on the page (horizontal line, footer information, etc.) should remain the same as on the index.htm page. NOTE: In the Javascript Coding Exercise, we will be adding some Javascript elements to this page. So, be sure to save everything both locally and on the ‘edukate’ server.