Abstract image of a woman sitting on books and studying on a laptop

Cis 273 Enhance teaching / snaptutorial.com

Download as DOCX, PDF
H
HarrisGeorg52

The document outlines a series of lab assignments for a CIS 273 course, focusing on HTML and web development techniques over several weeks. Assignments include creating web pages with specific content, utilizing HTML elements like forms, tables, lists, and incorporating CSS for styling. Submission requirements specify that all code must be zipped and uploaded to the online course shell, with detailed instructions provided for each lab.

Education
1 of 19
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
CIS 273 Week 2 Lab Assignment 1 Beginning HTML For more classes visit www.snaptutorial.com Lab Assignment 1: Beginning HTML Due CIS 273 Week 2 and worth 40 points Deliverable: One (1) Web page (.htm) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 1: 1. Using Notepad, or a similar text editor, create an .htm file that: a. displays your name and the text “ Hello World!” b. displays your name in the titlebar of the browser.
2. Declare the DOCTYPE for HTML5 and create a comment listing the lab number, the author, and the date. 3. After the text “Hello World!” write five (5) lines of code demonstrating headers 1 through 5. The text should identify what you are displaying. Next, write two (2) lines of regular text. 4. Create: a. an ordered list with three (3) line items. b. an unordered list with three (3) line items. c. a line of BOLD text. d. a line of italicized text. e. a line of underlined text. 5. All page tags should be appropriately opened and closed using the correct tags. ************************************************** CIS 273 Week 2 Lab Assignment 2 Three Web Pages with Hyperlinks For more classes visit www.snaptutorial.com
Lab Assignment 2: Three Web Pages with Hyperlinks Due CIS 273 Week 2 and worth 40 points Deliverable: Three (3) Web pages (.htm) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 2: 1. Create three (3) Web pages: index.htm, tips.htm, and glossary.htm. Open and close all tags appropriately using the correct tags. 2. Display your name in the title bar of the browser, declare the DOCTYPE for HTML5, and create a comment listing the lab number, the author, and the date. 3. Create links on each page that link to the other two (2) pages. 4. Create navigation links on each page that link to the other two (2) pages. 5. On the home page, create an image linked to http://strayer.edu. 6. Create alternate text for the image link that says “Strayer University.” 7. On the glossary.htm page, create a definition list of at least five (5) terms and their definitions. 8. In the definition list, create bold tags for the terms only (not the definition). 9. Display the special characters “<” and “>” somewhere in the term definitions.
10. On the glossary.htm page, create at least two (2) links to areas on the same page. ************************************************** CIS 273 Week 3 Lab Assignment 3 Storyboarding For more classes visit www.snaptutorial.com Lab Assignment 3: Storyboarding Due CIS 273 Week 3 and worth 40 points Deliverables: Storyboard Document depicting diagrams and descriptions (Web pages not necessary). Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.).
When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 3: 1. Create a storyboard for a four (4) page Website (one (1) home page and three (3) sub pages) and one (1) Cascading Style Sheet (.css). Using Microsoft Word, Microsoft Visio, or Dia, create a diagram of the layout and navigation structure. 2. Explain the effects that the Cascading Style Sheet (.css) will have on the Web page. There must be a minimum of two (2) changes. Be sure to include detail. (Example: The Cascading Style Sheet (.css) will make the background color grey and change all H1 font to blue.) 3. Describe what the home page will look like. (Will it have text? Will it have headings? Will it have an image? Etc.) 4. Describe what the first, second, and third sub pages will look like. (Will they have text? Will they have headings? Will they have images? Etc.) ************************************************** CIS 273 Week 3 Lab Assignment 4 Nested Lists and Cascading Style Sheets
For more classes visit www.snaptutorial.com Lab Assignment 4: Nested Lists and Cascading Style Sheets Due CIS 273 Week 3 and worth 40 points Deliverable: Three (3) Web pages and two (2) Cascading Style Sheets (.css) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 4: 1. Re-create the sample Web pages listed below with nested ordered lists and nested unordered lists. (This Web page will be reused for each part below). (As shown in Figure 1.)
2. Create the Web page from number 1 with silver background color set by a Cascading Style Sheet (.css). (As shown in Figure 2.) 3. Create the Web page from number 1 with silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). (As shown in Figure 3.) 4. Re-create the Web page set from number 1 with Silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). Then, using in-page tags to override the CSS, set only the font of the sentence “Here is an Unordered list with several levels of sub-lists” to red, Arial font (different than the rest of the page). (As shown in Figure 4.) ************************************************** CIS 273 Week 4 Lab Assignment 4 Nested Lists and Cascading Style Sheets For more classes visit www.snaptutorial.com Lab Assignment 4: Nested Lists and Cascading Style Sheets Due Week 3 and worth 40 points
Deliverable: Three (3) Web pages and two (2) Cascading Style Sheets (.css) Complete the weekly lab based on the following: •Write the code for each lab assignment. •The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). Follow the directions below to complete Lab Assignment 4: 1.Re-create the sample Web pages listed below with nested ordered lists and nested unordered lists. (This Web page will be reused for each part below). (As shown in Figure 1.) 2.Create the Web page from number 1 with silver background color set by a Cascading Style Sheet (.css). (As shown in Figure 2.) 3.Create the Web page from number 1 with silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). (As shown in Figure 3.) 4.Re-create the Web page set from number 1 with Silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). Then, using in-page tags to override the CSS, set only the font of the sentence “Here is an Unordered list with several levels of sub-lists” to red, Arial font (different than the rest of the page). ************************************************** CIS 273 Week 4 Lab Assignment 5: Navigation Bars and Repeated Images
For more classes visit www.snaptutorial.com Lab Assignment 5: Navigation Bars and Repeated Images Due Week 4 and worth 40 points Deliverable: Four (4) Web pages (the home page and three image pages) and four (4) Cascading Style Sheets (.css) (one for each page) Complete the weekly lab based on the following: •Write the code for each lab assignment. •The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). Follow the directions below to complete Lab Assignment 5: 1.Create a home page with navigation bar to the three (3) pages with images listed below and a Cascading Style Sheet (.css) for bisque color and Arial text. 2.Create a “single image” page with a Cascading Style Sheet (.css) for background image, bisque color, and Arial text. 3.Create a “top line image” page with Cascading Style Sheet (.css) for background image, bisque color, and Arial text. 4.Create a “left side image” page with a Cascading Style Sheet (.css) for background image, bisque color, and centered Arial text. **************************************************
CIS 273 Week 6 Lab Assignment 6 Working with Tables For more classes visit www.snaptutorial.com Lab Assignment 6: Working with Tables Due CIS 273 Week 6 and worth 40 points Deliverable: One (1) Web page and one (1) Cascading Style Sheet (.css). Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 6: 1. Create a Web page and a Cascading Style Sheet (.css) that adds color to the page.
2. Re-create the Web page and the table as shown. 3. Create a caption for a student’s name. 4. Create a 1px table border. 5. Create CIS 273 Weekday headings. 6. Create time headings. 7. Create multiple column coverage as shown for: 1. “Homeroom”. 2. “Dismissed”. 8. Create multiple column coverage and a centered bold tag for “ Lunch” as shown. 9. Create multiple row coverage for “Gym” on Monday from 2:00 and 3:00 as shown. ************************************************** CIS 273 Week 7 Lab Assignment 7 Form Page For more classes visit www.snaptutorial.com Lab Assignment 7: Form Page Due CIS 273 Week 7 and worth 40 points
Deliverables: One (1) Web page and one (1) Cascading Style Sheet (.css) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 7: Note: The CGI bin script does not work for us because we do not have a server to run it on. Therefore, we will use the code listed here instead of the .js files. In order to have the Submit and Cancel buttons clear the fields, put this line in your code: After your <head> tag: <meta charset="utf-8" /> And this line after your <body> tag: <form id='sampleform' method='post' action='' > The above code will help the fields clear without taking you away from the page.
1. Re-create the Web page with a form, and create a heading that states your name and the purpose of the page. Example: “Mary Smith’s Sample Form Page” states the purpose of the page. 2. Create an entry field for: 1. “Name”. 2. “Street Address”. 3. “City”. 4. “State (abbr.)”. 3. Create the formstxt.css sheet and apply it to the page. 4. Enter your city and state as the default values for the fields. 5. Use local tags on the page to override the .ccs and set the size of the font for “Student Information” to 16 pt. 6. Create the “Submit” and “Cancel” buttons. 7. Validate that the buttons clear the name and street address when selected. ************************************************** CIS 273 Week 8 Assignment Single Page Website For more classes visit www.snaptutorial.com
Assignment: Single Page Website Due CIS 273 Week 8 and worth 140 points Deliverables: One (1) Web page and one (1) Cascading Style Sheet (.css), including the image file. Imagine that you have just started your own freelancing business. You have been hired to create a Web page for a company of your choice that announces the item of the CIS 273 Week, month, or year. (e.g., Car of the Year, Pet of the Month, Sandwich of the CIS 273 Week, etc.) Create a Cascading Style Sheet (.css) that applies a minimum of background color and font. Create one (1) Web page and a heading tag that overrides the Cascading Style Sheet (.css) font settings and makes the font of the heading different from the rest of the page. The page must also include: An image depicting the item of the CIS 273 Week, month, or year. At least three (3) hyperlinks to Websites of associated interest to the item and a brief description of what they are about. This link will take you to the University’s main page where you can find further information. At the bottom of the page, create a link that would allow the user to email you with questions using the mailto: tag and your email address. Note: When the email opens the subject line should automatically say, “More Information Please”. Create a footer displaying the Copyright symbol (using the character entity reference), the year, and your name. Example: © 2012 Mary Smith Include a piece of JavaScript in the page. The specific course learning outcomes associated with this assignment are: Describe the structure of the World Wide Web as interconnected hypertext documents. Create and validate HTML documents.
Create presentations using Cascading Style Sheets and DHTML. Summarize Web standards in terms of specifications, guidelines, software, and tools. Write clearly and concisely about Web design and development using proper writing mechanics and technical style conventions. 1. ************************************************** CIS 273 Week 8 Lab Assignment 8 Adding Sound For more classes visit www.snaptutorial.com Lab Assignment 8: Adding Sound Due CIS 273 Week 8 and worth 40 points Deliverable: One (1) Web page including supporting files (.jpg and .mp3)
Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 8: Note: The audio and image file required for this assignment can be found below. Directions to download: Right click on each file and save to your computer. 1. Re-create the Web page shown below in which you: 2. Insert the image .jpg file with the dimensions of 300px wide and 200px high. 3. Insert the audio .mp3 file with controls 300 wide and 35 high. 4. Insert and format the “Press the go arrow to hear the message” caption with the text font type set to Arial. 5. Validate that the sound does not start automatically. **************************************************
CIS 273 Week 10 Technical Project Sample Website Project For more classes visit www.snaptutorial.com CIS 273 Technical Project: Sample Website Project Due Week 10 and worth 200 points This assignment consists of three (3) sections: a narrative, a storyboard, and a business Website. You must submit all three (3) sections for the completion of this assignment. The assignment is to be submitted in a single compressed folder (zip file) to the online course shell. Section 3 must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the compressed folder (zip file), it should be saved as Techincal Project_Last name_First initial.zip. For example, if your name is Mary Smith, the file for submission should be saved as Techincal Project_Smith_M.htm Select a business that you are interested in. (e.g., pet store, travel site, fishing gear, appliances, automobiles, housewares, furniture, etc.). Imagine that you have just been hired to create a four (4) page hierarchical Website for the business you selected. Section 1: Narrative Write a half (½) page paper in which you: 1. Create a narrative that describes the site to your prospective client.
Section 2: Storyboard Imagine that your narrative has been approved. Use Word, Visio, or Dia to: 2. Create a storyboard diagram depicting the layout of your Website. Section 3: Business Website In order to receive full credit for this section, you will need to submit: One (1) screen shot of your emailed data from the guestbook. One (1) CSS style sheet. Four (4) Web pages. 3. Create your Website based on the following requirements: a. Create a Cascading Style Sheet (.css) for all pages, which: i. Applies a background color. ii. Applies style to font. iii. Changes the ordered list markers to anything other than the default. iv. Changes the unordered list markers to anything other than the default. v. Applies style to a copyright footer. b. Include: i. A graphic or logo on the home page. ii. A navigation bar with links to every other page on the home page. iii. A guestbook registry on the home page using the mailto: tag with an entry field for: a. A person’s name. b. An email address. iv. A piece of JavaScript on the home page. c. Create a submit button for the guestbook registry that will email the information to your email address. Note: Test the function and take a screen shot of the emailed information you receive. You must submit the screen shot in your zipped file of deliverables as proof. d. Create three (3) sub pages that include: i. The same graphic / logo. ii. A navigation bar with links to every other page. iii. An ordered list of at least two (2) items, and then at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page).
Note: Each of the three pages should have unique lists. Example: A. Food • Dry food • Wet food • Canned food B. Toys • Indoor • Outdoor **************************************************

More Related Content

DOC
Cis 273 Education Redefined-snaptutorial.com
robertledwes38
 
DOC
CIS 273 Exceptional Education - snaptutorial.com
DavisMurphyB34
 
PDF
CIS 273 Effective Communication - tutorialrank.com
Bartholomew19
 
DOCX
Cis 273 Education Organization -- snaptutorial.com
DavisMurphyC
 
DOC
Cis 273 Education Organization / snaptutorial.com
Baileya127
 
DOCX
CIS 273 Education Specialist / snaptutorial.com
McdonaldRyan138
 
DOC
Cis 273 Effective Communication / snaptutorial.com
Baileyan
 
DOCX
Cis 273 Extraordinary Success/newtonhelp.com
amaranthbeg144
 
Cis 273 Education Redefined-snaptutorial.com
robertledwes38
 
CIS 273 Exceptional Education - snaptutorial.com
DavisMurphyB34
 
CIS 273 Effective Communication - tutorialrank.com
Bartholomew19
 
Cis 273 Education Organization -- snaptutorial.com
DavisMurphyC
 
Cis 273 Education Organization / snaptutorial.com
Baileya127
 
CIS 273 Education Specialist / snaptutorial.com
McdonaldRyan138
 
Cis 273 Effective Communication / snaptutorial.com
Baileyan
 
Cis 273 Extraordinary Success/newtonhelp.com
amaranthbeg144
 

Similar to Cis 273 Enhance teaching / snaptutorial.com (20)

DOC
CIS 273 Life of the Mind/newtonhelp.com   
bellflower1
 
DOC
CIS 273 Imagine Your Future/newtonhelp.com   
bellflower43
 
DOC
CIS 273 Focus Dreams/newtonhelp.com
bellflower83
 
DOCX
CIS 273 RANK Achievement Education--cis273rank.com
kopiko143
 
DOCX
CIS 273 RANK Education Counseling -- cis273rank.com
kopiko84
 
DOCX
CIS 273 Inspiring Innovation/tutorialrank.com
jonhson111
 
DOCX
CIS 273 Entire Course NEW
shyamuopfive
 
DOCX
CIS 273 RANK Redefined Education--cis273rank.com
claric236
 
DOCX
CIS 273 RANK Education Counseling--cis273rank.com
shanaabe12
 
DOC
Strayer cis 273 week 3 lab assignment 3 storyboarding new
rodneywoodd
 
PPT
Strayer cis-273-week-3-lab-assignment-3-storyboarding-new
cskvsmi44
 
PPT
Strayer cis-273-week-3-lab-assignment-3-storyboarding-new
krystalhero123
 
PPT
Strayer cis-273-week-3-lab-assignment-4-nested-lists-and-cascading-style-shee...
krystalhero123
 
PPT
Strayer cis-273-week-3-lab-assignment-4-nested-lists-and-cascading-style-shee...
cskvsmi44
 
PPT
Strayer cis-273-week-7-lab-assignment-7-form-page-new
krystalhero123
 
PPT
Strayer cis-273-week-7-lab-assignment-7-form-page-new
cskvsmi44
 
DOC
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
shyaminfo8
 
DOC
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
nikig6806
 
DOC
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
vikscarter
 
DOC
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
shamek1236
 
CIS 273 Life of the Mind/newtonhelp.com   
bellflower1
 
CIS 273 Imagine Your Future/newtonhelp.com   
bellflower43
 
CIS 273 Focus Dreams/newtonhelp.com
bellflower83
 
CIS 273 RANK Achievement Education--cis273rank.com
kopiko143
 
CIS 273 RANK Education Counseling -- cis273rank.com
kopiko84
 
CIS 273 Inspiring Innovation/tutorialrank.com
jonhson111
 
CIS 273 Entire Course NEW
shyamuopfive
 
CIS 273 RANK Redefined Education--cis273rank.com
claric236
 
CIS 273 RANK Education Counseling--cis273rank.com
shanaabe12
 
Strayer cis 273 week 3 lab assignment 3 storyboarding new
rodneywoodd
 
Strayer cis-273-week-3-lab-assignment-3-storyboarding-new
cskvsmi44
 
Strayer cis-273-week-3-lab-assignment-3-storyboarding-new
krystalhero123
 
Strayer cis-273-week-3-lab-assignment-4-nested-lists-and-cascading-style-shee...
krystalhero123
 
Strayer cis-273-week-3-lab-assignment-4-nested-lists-and-cascading-style-shee...
cskvsmi44
 
Strayer cis-273-week-7-lab-assignment-7-form-page-new
krystalhero123
 
Strayer cis-273-week-7-lab-assignment-7-form-page-new
cskvsmi44
 
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
shyaminfo8
 
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
nikig6806
 
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
vikscarter
 
Strayer cis 273 week 2 lab assignment 2 three web pages with hyperlinks new
shamek1236
 
Ad

Recently uploaded (20)

PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
JohnJerryDalawampu
 
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
EllenJoyCaniya2
 
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
LDMMia Reiki Lectures
 
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
S LS
 
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
JericEstaco2
 
PPTX
Share_Module_2_Power_conflict_and_negotiation.pptx
Lavanyaj33
 
PPTX
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
eyoba2172
 
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
Nitin Suresh
 
PPTX
20th Century Theater, Methods, History.pptx
cpadilla9
 
PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
navneetgupta711851
 
PPTX
Introduction to pro and eukaryotes and differences.pptx
AvaniKarumathil
 
PDF
Complications of Minimal Access-Surgery.pdf
Laparoscopy Hospital
 
PPTX
Computer Architecture Input Output Memory.pptx
Gunasundari Selvaraj
 
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
home
 
PDF
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
infosecTrain
 
PDF
Uderstanding digital marketing and marketing stratergie for engaging the digi...
afreenpeshmam
 
PDF
Practical Manual AGRO-233 Principles and Practices of Natural Farming
MilindKhedekar2
 
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
CMEmpire
 
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
iliaskessaris
 
PDF
IGGE1 Understanding the Self1234567891011
rhea22labucay
 
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
JohnJerryDalawampu
 
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
EllenJoyCaniya2
 
LDMMIA Reiki Yoga Finals Review Spring Summer
LDMMia Reiki Lectures
 
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
S LS
 
A powerpoint presentation on the Revised K-10 Science Shaping Paper
JericEstaco2
 
Share_Module_2_Power_conflict_and_negotiation.pptx
Lavanyaj33
 
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
eyoba2172
 
Chinmaya Tiranga quiz Grand Finale.pdf
Nitin Suresh
 
20th Century Theater, Methods, History.pptx
cpadilla9
 
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
navneetgupta711851
 
Introduction to pro and eukaryotes and differences.pptx
AvaniKarumathil
 
Complications of Minimal Access-Surgery.pdf
Laparoscopy Hospital
 
Computer Architecture Input Output Memory.pptx
Gunasundari Selvaraj
 
202450812 BayCHI UCSC-SV 20250812 v17.pptx
home
 
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
infosecTrain
 
Uderstanding digital marketing and marketing stratergie for engaging the digi...
afreenpeshmam
 
Practical Manual AGRO-233 Principles and Practices of Natural Farming
MilindKhedekar2
 
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
CMEmpire
 
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
iliaskessaris
 
IGGE1 Understanding the Self1234567891011
rhea22labucay
 
Ad

Cis 273 Enhance teaching / snaptutorial.com

  • 1. CIS 273 Week 2 Lab Assignment 1 Beginning HTML For more classes visit www.snaptutorial.com Lab Assignment 1: Beginning HTML Due CIS 273 Week 2 and worth 40 points Deliverable: One (1) Web page (.htm) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 1: 1. Using Notepad, or a similar text editor, create an .htm file that: a. displays your name and the text “ Hello World!” b. displays your name in the titlebar of the browser.
  • 2. 2. Declare the DOCTYPE for HTML5 and create a comment listing the lab number, the author, and the date. 3. After the text “Hello World!” write five (5) lines of code demonstrating headers 1 through 5. The text should identify what you are displaying. Next, write two (2) lines of regular text. 4. Create: a. an ordered list with three (3) line items. b. an unordered list with three (3) line items. c. a line of BOLD text. d. a line of italicized text. e. a line of underlined text. 5. All page tags should be appropriately opened and closed using the correct tags. ************************************************** CIS 273 Week 2 Lab Assignment 2 Three Web Pages with Hyperlinks For more classes visit www.snaptutorial.com
  • 3. Lab Assignment 2: Three Web Pages with Hyperlinks Due CIS 273 Week 2 and worth 40 points Deliverable: Three (3) Web pages (.htm) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 2: 1. Create three (3) Web pages: index.htm, tips.htm, and glossary.htm. Open and close all tags appropriately using the correct tags. 2. Display your name in the title bar of the browser, declare the DOCTYPE for HTML5, and create a comment listing the lab number, the author, and the date. 3. Create links on each page that link to the other two (2) pages. 4. Create navigation links on each page that link to the other two (2) pages. 5. On the home page, create an image linked to http://strayer.edu. 6. Create alternate text for the image link that says “Strayer University.” 7. On the glossary.htm page, create a definition list of at least five (5) terms and their definitions. 8. In the definition list, create bold tags for the terms only (not the definition). 9. Display the special characters “<” and “>” somewhere in the term definitions.
  • 4. 10. On the glossary.htm page, create at least two (2) links to areas on the same page. ************************************************** CIS 273 Week 3 Lab Assignment 3 Storyboarding For more classes visit www.snaptutorial.com Lab Assignment 3: Storyboarding Due CIS 273 Week 3 and worth 40 points Deliverables: Storyboard Document depicting diagrams and descriptions (Web pages not necessary). Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.).
  • 5. When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 3: 1. Create a storyboard for a four (4) page Website (one (1) home page and three (3) sub pages) and one (1) Cascading Style Sheet (.css). Using Microsoft Word, Microsoft Visio, or Dia, create a diagram of the layout and navigation structure. 2. Explain the effects that the Cascading Style Sheet (.css) will have on the Web page. There must be a minimum of two (2) changes. Be sure to include detail. (Example: The Cascading Style Sheet (.css) will make the background color grey and change all H1 font to blue.) 3. Describe what the home page will look like. (Will it have text? Will it have headings? Will it have an image? Etc.) 4. Describe what the first, second, and third sub pages will look like. (Will they have text? Will they have headings? Will they have images? Etc.) ************************************************** CIS 273 Week 3 Lab Assignment 4 Nested Lists and Cascading Style Sheets
  • 6. For more classes visit www.snaptutorial.com Lab Assignment 4: Nested Lists and Cascading Style Sheets Due CIS 273 Week 3 and worth 40 points Deliverable: Three (3) Web pages and two (2) Cascading Style Sheets (.css) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 4: 1. Re-create the sample Web pages listed below with nested ordered lists and nested unordered lists. (This Web page will be reused for each part below). (As shown in Figure 1.)
  • 7. 2. Create the Web page from number 1 with silver background color set by a Cascading Style Sheet (.css). (As shown in Figure 2.) 3. Create the Web page from number 1 with silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). (As shown in Figure 3.) 4. Re-create the Web page set from number 1 with Silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). Then, using in-page tags to override the CSS, set only the font of the sentence “Here is an Unordered list with several levels of sub-lists” to red, Arial font (different than the rest of the page). (As shown in Figure 4.) ************************************************** CIS 273 Week 4 Lab Assignment 4 Nested Lists and Cascading Style Sheets For more classes visit www.snaptutorial.com Lab Assignment 4: Nested Lists and Cascading Style Sheets Due Week 3 and worth 40 points
  • 8. Deliverable: Three (3) Web pages and two (2) Cascading Style Sheets (.css) Complete the weekly lab based on the following: •Write the code for each lab assignment. •The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). Follow the directions below to complete Lab Assignment 4: 1.Re-create the sample Web pages listed below with nested ordered lists and nested unordered lists. (This Web page will be reused for each part below). (As shown in Figure 1.) 2.Create the Web page from number 1 with silver background color set by a Cascading Style Sheet (.css). (As shown in Figure 2.) 3.Create the Web page from number 1 with silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). (As shown in Figure 3.) 4.Re-create the Web page set from number 1 with Silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). Then, using in-page tags to override the CSS, set only the font of the sentence “Here is an Unordered list with several levels of sub-lists” to red, Arial font (different than the rest of the page). ************************************************** CIS 273 Week 4 Lab Assignment 5: Navigation Bars and Repeated Images
  • 9. For more classes visit www.snaptutorial.com Lab Assignment 5: Navigation Bars and Repeated Images Due Week 4 and worth 40 points Deliverable: Four (4) Web pages (the home page and three image pages) and four (4) Cascading Style Sheets (.css) (one for each page) Complete the weekly lab based on the following: •Write the code for each lab assignment. •The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). Follow the directions below to complete Lab Assignment 5: 1.Create a home page with navigation bar to the three (3) pages with images listed below and a Cascading Style Sheet (.css) for bisque color and Arial text. 2.Create a “single image” page with a Cascading Style Sheet (.css) for background image, bisque color, and Arial text. 3.Create a “top line image” page with Cascading Style Sheet (.css) for background image, bisque color, and Arial text. 4.Create a “left side image” page with a Cascading Style Sheet (.css) for background image, bisque color, and centered Arial text. **************************************************
  • 10. CIS 273 Week 6 Lab Assignment 6 Working with Tables For more classes visit www.snaptutorial.com Lab Assignment 6: Working with Tables Due CIS 273 Week 6 and worth 40 points Deliverable: One (1) Web page and one (1) Cascading Style Sheet (.css). Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 6: 1. Create a Web page and a Cascading Style Sheet (.css) that adds color to the page.
  • 11. 2. Re-create the Web page and the table as shown. 3. Create a caption for a student’s name. 4. Create a 1px table border. 5. Create CIS 273 Weekday headings. 6. Create time headings. 7. Create multiple column coverage as shown for: 1. “Homeroom”. 2. “Dismissed”. 8. Create multiple column coverage and a centered bold tag for “ Lunch” as shown. 9. Create multiple row coverage for “Gym” on Monday from 2:00 and 3:00 as shown. ************************************************** CIS 273 Week 7 Lab Assignment 7 Form Page For more classes visit www.snaptutorial.com Lab Assignment 7: Form Page Due CIS 273 Week 7 and worth 40 points
  • 12. Deliverables: One (1) Web page and one (1) Cascading Style Sheet (.css) Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 7: Note: The CGI bin script does not work for us because we do not have a server to run it on. Therefore, we will use the code listed here instead of the .js files. In order to have the Submit and Cancel buttons clear the fields, put this line in your code: After your <head> tag: <meta charset="utf-8" /> And this line after your <body> tag: <form id='sampleform' method='post' action='' > The above code will help the fields clear without taking you away from the page.
  • 13. 1. Re-create the Web page with a form, and create a heading that states your name and the purpose of the page. Example: “Mary Smith’s Sample Form Page” states the purpose of the page. 2. Create an entry field for: 1. “Name”. 2. “Street Address”. 3. “City”. 4. “State (abbr.)”. 3. Create the formstxt.css sheet and apply it to the page. 4. Enter your city and state as the default values for the fields. 5. Use local tags on the page to override the .ccs and set the size of the font for “Student Information” to 16 pt. 6. Create the “Submit” and “Cancel” buttons. 7. Validate that the buttons clear the name and street address when selected. ************************************************** CIS 273 Week 8 Assignment Single Page Website For more classes visit www.snaptutorial.com
  • 14. Assignment: Single Page Website Due CIS 273 Week 8 and worth 140 points Deliverables: One (1) Web page and one (1) Cascading Style Sheet (.css), including the image file. Imagine that you have just started your own freelancing business. You have been hired to create a Web page for a company of your choice that announces the item of the CIS 273 Week, month, or year. (e.g., Car of the Year, Pet of the Month, Sandwich of the CIS 273 Week, etc.) Create a Cascading Style Sheet (.css) that applies a minimum of background color and font. Create one (1) Web page and a heading tag that overrides the Cascading Style Sheet (.css) font settings and makes the font of the heading different from the rest of the page. The page must also include: An image depicting the item of the CIS 273 Week, month, or year. At least three (3) hyperlinks to Websites of associated interest to the item and a brief description of what they are about. This link will take you to the University’s main page where you can find further information. At the bottom of the page, create a link that would allow the user to email you with questions using the mailto: tag and your email address. Note: When the email opens the subject line should automatically say, “More Information Please”. Create a footer displaying the Copyright symbol (using the character entity reference), the year, and your name. Example: © 2012 Mary Smith Include a piece of JavaScript in the page. The specific course learning outcomes associated with this assignment are: Describe the structure of the World Wide Web as interconnected hypertext documents. Create and validate HTML documents.
  • 15. Create presentations using Cascading Style Sheets and DHTML. Summarize Web standards in terms of specifications, guidelines, software, and tools. Write clearly and concisely about Web design and development using proper writing mechanics and technical style conventions. 1. ************************************************** CIS 273 Week 8 Lab Assignment 8 Adding Sound For more classes visit www.snaptutorial.com Lab Assignment 8: Adding Sound Due CIS 273 Week 8 and worth 40 points Deliverable: One (1) Web page including supporting files (.jpg and .mp3)
  • 16. Complete the CIS 273 Weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 8: Note: The audio and image file required for this assignment can be found below. Directions to download: Right click on each file and save to your computer. 1. Re-create the Web page shown below in which you: 2. Insert the image .jpg file with the dimensions of 300px wide and 200px high. 3. Insert the audio .mp3 file with controls 300 wide and 35 high. 4. Insert and format the “Press the go arrow to hear the message” caption with the text font type set to Arial. 5. Validate that the sound does not start automatically. **************************************************
  • 17. CIS 273 Week 10 Technical Project Sample Website Project For more classes visit www.snaptutorial.com CIS 273 Technical Project: Sample Website Project Due Week 10 and worth 200 points This assignment consists of three (3) sections: a narrative, a storyboard, and a business Website. You must submit all three (3) sections for the completion of this assignment. The assignment is to be submitted in a single compressed folder (zip file) to the online course shell. Section 3 must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the compressed folder (zip file), it should be saved as Techincal Project_Last name_First initial.zip. For example, if your name is Mary Smith, the file for submission should be saved as Techincal Project_Smith_M.htm Select a business that you are interested in. (e.g., pet store, travel site, fishing gear, appliances, automobiles, housewares, furniture, etc.). Imagine that you have just been hired to create a four (4) page hierarchical Website for the business you selected. Section 1: Narrative Write a half (½) page paper in which you: 1. Create a narrative that describes the site to your prospective client.
  • 18. Section 2: Storyboard Imagine that your narrative has been approved. Use Word, Visio, or Dia to: 2. Create a storyboard diagram depicting the layout of your Website. Section 3: Business Website In order to receive full credit for this section, you will need to submit: One (1) screen shot of your emailed data from the guestbook. One (1) CSS style sheet. Four (4) Web pages. 3. Create your Website based on the following requirements: a. Create a Cascading Style Sheet (.css) for all pages, which: i. Applies a background color. ii. Applies style to font. iii. Changes the ordered list markers to anything other than the default. iv. Changes the unordered list markers to anything other than the default. v. Applies style to a copyright footer. b. Include: i. A graphic or logo on the home page. ii. A navigation bar with links to every other page on the home page. iii. A guestbook registry on the home page using the mailto: tag with an entry field for: a. A person’s name. b. An email address. iv. A piece of JavaScript on the home page. c. Create a submit button for the guestbook registry that will email the information to your email address. Note: Test the function and take a screen shot of the emailed information you receive. You must submit the screen shot in your zipped file of deliverables as proof. d. Create three (3) sub pages that include: i. The same graphic / logo. ii. A navigation bar with links to every other page. iii. An ordered list of at least two (2) items, and then at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page).
  • 19. Note: Each of the three pages should have unique lists. Example: A. Food • Dry food • Wet food • Canned food B. Toys • Indoor • Outdoor **************************************************