CIS363âWeb Interface Design with LabLab 1: Basic Site Design and HTMLInstructionsScenarioYou want to create an online resume where you can show off your skills to potential employers.Start by creating a simple 4-page website. You can keep adding to this site as you progressthrough your program, updating it with your knowledge, skills, and examples of projects that youhave done.Create a home page with some information about yourself. Create a page for your educationalbackground, a page for your work experience, and a portfolio page with a list of projects that youhave created. Link them all together and add appropriate graphics.RubricDeliverablePointsSite DiagramâFour pages included and named appropriately.4Site DiagramâAll pages connected in the diagram.4Web SiteâIncludes four pages as indicated in the site diagram.4Web SiteâPages named appropriately; home page named index.html.4Web SiteâAll pages connected with working hyperlinks.5Web SiteâText formatted using at least three different tags.4Web SiteâImages included and displaying correctly.5Web SiteâContent complete on all pages.4Lab ReportâAll sections complete.6Total40Lab StepsPart A: Site Diagram1. Create a new Visio file.Log on to the Citrix server and start MS Visio.Create a new file. Select Software and Database for the template category.Select Conceptual Web Diagram for the template.2. Add pages to the site map.Add the home Web page object, and three more Web page objects.Label the objects appropriately for your Index page, Education page, Work Experiencepage, and Portfolio page.Use the Dynamic Connector to add appropriate links between the pages.3. Save the file to your local computer.Part B: Create the Web Site1. Create the home page.Create an index.html page.Add some general information about yourself.Add a picture. Be sure that you have permission to use the picture.Include at least three text formatting tags, such as heading level, bold (strong), italics(emphasis), and so forth.2. Create an education page.Create an education.html page.Add information about the schools that you have attended, major, classes taken,expected graduation date, and so forth.Consider adding pictures of your campus or school.3. Create a knowledge or skills page.Create a skills.html page.Add information about your knowledge or skills. Add areas of interest that you would liketo pursue (such as mobile development, cloud computing, etc.).4. Create a portfolio page.Create a portfolio.html page.Add a list of projects that you have done in your classes. If you do not have any projectsyet, add some projects that you would like to pursue. Later, you can create links to .zipfiles with your projects, but this is not necessary at this time.5. Create linksUsing your site diagram for reference, create appropriate links from your home page tothe other pages.You may also want to create links directly from one page to the next (e.g., from theEducation page to the Skills page, etc.).Part C: Complete the Lab Report1. Download the CIS363 Lab Report document from Doc Sharing.2. The lab report must be completed for all labs. The key parts of the report include the following.Objectives: A one paragraph explanation of the purpose of the lab.Results: Include a screenshot of the working web site/page.Conclusions: A one paragraph explanation of what you learned while completing the lab,any challenges you had to work through, and how you can use what you learned goingforward.Submit Deliverables1. Copy Files from the Citrix server (if necessary).2. Zip all of the files from Parts A, B, and C into a single zip file.3. Submit your zip file to the Dropbox.
The post CIS363âWeb Interface Design with Lab Lab 1: Basic Site Design and HTML
Assignment status: Solved by our experts