Description
Devry CIS 363a All Week Ilabs Latest
Devry CIS 363a Week 1 Ilab Latest
Welcome to Week 1!
In the first week, we will discuss some of the basics of website design, the current state of technology, and some of the basic ideas that should guide your website development, such as screen resolution and bandwidth issues.
We will take a look at HTML 5. This simple but powerful language is behind every website that you visit. You’ll learn the basics of HTML 5 documents, including how to add text, graphics, and hyperlinks.
Many students find developing websites to be fun. The hope is that, after this course, not only will you enjoy developing websites, but your visitors will enjoy viewing them as well. Your sites will be well designed, make good use of color and graphics, be easy to navigate, and be tailored to your target audience.
Terminal Course Objectives
1
Given several websites, evaluate them for fundamental site and page design errors and identify a goal-directed design approach for each.
Key Concepts
Describe the evolution of the World Wide Web from its inception to current website design as a means to explain the difference between current goal-directed design approaches and traditional physical or software product design.
Identify 10 or more fundamental website and page design errors, such as improper use of graphics or color, inappropriate application of composition rules, lack of professionalism, failure to note psychological or cultural implications of design, and so forth, and use existing websites to illustrate each error.
Discuss programming by following the W3C standards versus actual browser capabilities.
View web page examples through several different browsers (e.g., Internet Explorer, Firefox, Chrome, Safari, and Opera), noting differences in style and layouts.
2
Given a project idea, select an appropriate website structure, and design a web page layout and a wireframe diagram illustrating the links that will enable the user to navigate intuitively and efficiently throughout the site.
Key Concepts
Discuss the advantages and disadvantages of web structures, such as Linear, Tree, or Pure Web.
Using a tool such as Visio, create a website diagram of an existing site (or sites) and differentiate website structures based on breadth or depth and the circumstances when one would be appropriate: linear or hierarchical.
Using examples from the Internet, explain the concept of linking, including the appropriate use of color, the three types of links (intrapage, intrasite, and intersite), and the three purposes for which links are used (structural navigation, content association, and additional references).
Using examples from the Internet, discuss the rules of good content design.
Using examples from the Internet, demonstrate usability testing of structure and navigation.
10
Given a project, create a website that contains text, links, images, and any other content necessary to complete the website using HTML and external CSS.
Key Concepts
Gather user requirements, such as audience, goals, and objectives, to create a style definition, and describe how this definition is used in website design and maintenance.
Using knowledge gathered in TCOs 1 through 8, build a website.
Evaluate your project to ensure that it meets the accessibility standards.
Demonstrate an understanding of local and remote sites.
Upload local website files to a remote web server.
Devry CIS 363a Week 2 Ilab Latest
iLab 2 Of 6: Create A Website Using HTML5
iLab Overview
Review a data file given by a client, and determine the number and type of pages needed. Create a storyboard depicting each page and the relationship to the other pages. sProduce several pages based on the design. Populate the new pages with the appropriate data from the data sheet.
Note! Software Citation Requirements
This course uses open-source software which must be cited when used for any student work. Citation requirements are on the Open Source Applications page.
Please review the installation instruction files to complete your assignment
Deliverables
NOTE
Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions.
(See the Syllabus section “Due Dates for Assignments & Exams” for due dates.)
Submit a Week 2 Lab folder, including
index.html;
about.html;
contact.html;
staff.html;
rates.html;
CIS363A_W2_LabA_graphic.gif; and
lab2.css. (unless you do not use external CSS files)
Word or Visio Storyboard Diagram document
Deliverable Points
Word or Visio document with storyboard 5
Completed website based on project specifications 25
Correct External CSS file that attaches to each page
10
Total 40
Required Software
Software Name 1
Access the software at https://lab.devry.edu.
Steps: 1, 2, and 3
Software Name 2
Access the software at https://devrydesktop.rkon.com.
Steps: 4 and 5
Lab Steps
Step 1: Storyboard The Site
Review the MS Word document downloaded from the scenario and summary above.
Determine what pages will be necessary for the site based on the provided document.
Create a storyboard to show those pages as they relate to each other.
Step 2: Establish A Basic Structure Of An HTML 5 Document
Create a new folder named W2Lab in the site root.
Create and save your CSS file in the W2Lab folder.
Save the file as index.htm in the W2Lab folder.
Step 3: Prepare The Resources
Download this graphic and save it in your W2Lab folder.
Place the image to serve as the logo on your HTML 5 page.
In the Alt value box, type Rainbow Daycare Logo.
Save the file.
Step 4: Create Links
Create four links representing a simple navigation menu.
Link one—change to About Us
Link two—change to Our Staff
Link three—change to Contact Us
Link four—change to Our Rates
Establish the links as necessary:
About Us ? about.html
Our Staff ? staff.html
Contact Us ? contact.html
Our Rates ? rates.html
Save the file.
Step 5: Add Static Information
Add descriptions below the navigation menu as paragraphs describing the nature of the links.
Save the file.
Step 6: Create And Test The Other Pages
Save the index.html file as about.html.
Test your web pages using the browser of your choice.
Step 7: Populate The Pages
The data document is arranged by page. Change the Heading 1 for each page to an appropriate title for that content, and use the content supplied for that page.
Here is the formatting suggestion for each page.
Index—Use a paragraph.
About—Use paragraphs, with a bullet list for activities.
Staff—Use a bullet list, indented for each group.
Contact—These are labels and values separated by colons, line breaks for phone, e-mail, and address. Place the promotion statement in a paragraph at the bottom and style appropriately.
Rates—This is a three-column table. Age, hours, and rates are the column headers.
Step 8: Prep For Turn-In
Save all files. Locate the W2Lab folder in Windows Explorer and select it.
Right-click and select Send To and choose compressed file.
Rename the file Lastname_w2Lab.zip, where Lastname is your last name.
Place this in the Dropbox for grading.
Devry CIS 363a Week 3 Ilab Latest
iLab > STEP 2: Create Your Web Page
iLab 3 of 6: Create a Web Page Using CSS (40 points)
iLab Overview
A local recruiter wants you to make a Web page for his information technology staffing company. He wants a Web page that has informed recent graduates about careers as Web programmers and Web designers. Create a Web page that will give information about each of the positions mentioned. The page content should be as followed:
Descriptions about each of the positions
Skills and/or education required for these positions
Salaries, benefits associated with these positions
Professional organizations of which people who hold these positions are typical members
This page must have at least five graphical elements. You must implement the following CSS features:
Box Model
Floating Elements
Borders
Remember that the recruiter wants this page to be well organized, informative, and attractive. Use colors and great graphics to make this Web page interesting so that he can attract more business.
Software Citation Requirements
This course uses open-source software which must be cited when used for any student work. Citation requirements are on the Open Source Applications page.
Please review the installation instruction files to complete your assignment
Deliverables
NOTE
Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions.
(See the Syllabus section “Due Dates for Assignments & Exams” for due dates.)
Submit a Week 3 Lab folder, including
The HTML Web page
Associated CSS files
Images and multimedia (if any)
Category Points
Use of Box Model, bordering, and floating elements 15
Completed Web page based on project specifications 15
Correct External CSS file that attaches to each page
10
Total 40
Required Software
Software Name 1
Access the software at https://lab.devry.edu.
Steps: 1, 2, and 3
Software Name 2
Access the software at https://devrydesktop.rkon.com.
Steps: 4 and 5
Lab Steps
STEP 1: Gather Web Content
Create written Web content about each of the positions.
Gather all images that you will use.
STEP 2: Create Your Web Page
Create an informal page layout for the Web page.
Create the Web page based on criteria mentioned.
STEP 3: Submit Your Assignment
Upon completion of this step, upload your site to the Web server and attach a copy of the zipped folder to the Dropbox.
Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions.
Devry CIS 363a Week 4 Ilab Latest
iLab > STEP 3: Build Page And Document Sources
iLab 4 of 6: Create A Website With Slideshow (40 points)
iLab Overview
This lab supports the following TCOs.
TCO 5—Given a Web page that requires images and advanced styles, create and edit graphics and incorporate them into the page.
TCO 10—Given a project, create a website that contains text, links, images, and any other content necessary to complete the website using HTML and External CSS.
Obtain 10 original photos.
Research on the Internet and find some code that will allow you to create a slideshow.
Create a page with your photos and the code that you find.
Create a Word document showing the source for your slideshow code. Be sure to document your HTML code as well.
Software Citation Requirements
This course uses open-source software, which must be cited when used for any student work. Citation requirements are on the Open Source Applications page.
Please review the installation instruction files to complete your assignment.
Deliverables
NOTE
Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions.
(See the Syllabus section “Due Dates for Assignments & Exams” for due dates.)
Deliverable Points
Word document with sources 10
Completed Web page with slideshow 15
Any other files necessary for the slideshow to work 5
Total 30
.
Required Software
Software Name 1
Access the software at https://lab.devry.edu.
Steps: 1, 2, and 3
Software Name 2
Access the software at https://devrydesktop.rkon.com.
Steps: 4 and 5
Lab Steps
STEP 1: Get Photos
Find 10 photos.
The photos can be obtained through http://quest.eb.com.proxy.devry.edu/ or from http://commons.wikimedia.org.
If you have personal images that you wish to use for the assignment, be sure that you cite them correctly according to APA guidelines.
All of the images that you use should be cited in the Sources document that accompanies this assignment.
IMPORTANT! Make sure that the version of each image that you use for the slideshow is less than 500K. Ten images at 500K is 5 MB, and adding the document should total no more than 7 MB.
STEP 2: Research Slideshow Code
Do some research on the Web to find code that will let you take your photos and build a slideshow on a page. Try to find code that is CSS based and doesn’t require a lot of JavaScript.
One example is http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/
STEP 3: Build Page And Document Sources
Create the slideshow according to your selected research, using the images that you located in Step 1.
The slideshow should run automatically and should contain a text-based title for each slide.
Write a description of the process that the slideshow uses to cycle through the slides, and cite the source of your code.
STEP 4: iLab Submission
Create a folder called CIS363A_YourLastName_W4_Lab.
Put copies of each required deliverable into the new folder.
Right-click on the folder and select Send To -> Compressed (zipped) Folder. You can also use other tools to compress the files into a single zip folder (e.g., 7-zip).
Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions.
Devry CIS 363a Week 5 Ilab Latest
Welcome to Week 5!
typewriter typing “http://www.” This week, we’ll be considering ways in which we can add interactivity to our site designs. We’ll focus initially on working with forms. Forms are an important way to create interactive Web pages and allow data collection from users of your website.
Can you imagine trying to shop at an online store if HTML forms did not exist? How could you order something if the site could not collect any data from you?
Forms changed the way that companies could do business on the Internet. They also changed the experience of users, too, as they began using Web forms to search for information, set preferences, fill out surveys, share thoughts and experiences, and provide feedback. Most likely, whenever you are entering information on a Web page, you are using a form.
With the assistance of JavaScript, there are many more ways of adding interactivity to a website. We’ll begin exploring these ways during the week as well.
Terminal Course Objectives
6
Given a project, develop an online form that uses client-side form validation.
Key Concepts
Compare and contrast client-side versus server-side scripting.
Compare and contrast GET versus POST form submission methods.
Discuss the differences between invasive and noninvasive form validation.
Demonstrate an understanding of regular expressions.
Modify an existing website to include an existing client-side script that affects style elements of the pages.
10
Given a project, create a website that contains text, links, images, and any other content necessary to complete the website using HTML and external CSS.
Key Concepts
Gather user requirements, such as audience, goals, and objectives, to create a style definition, and describe how this definition is used in website design and maintenance.
Using knowledge gathered in TCOs 1 through 8, build a website.
Evaluate your project to ensure that it meets accessibility standards.
Demonstrate an understanding of local and remote sites.
Upload local website files to a remote Web server.
DeVry Courses helps in providing the best essay writing service. If you need 100% original papers for Devry CIS 363a All Week Ilabs Latest, then contact us through call or live chat.
Devry CIS 363a All Week Ilabs Latest
Reviews
There are no reviews yet.