During this session your major assignment (see Assignment 3 for details) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your assignment 2, due in week 8. Create a new folder for your continuous assessments 4-7 and name it with your name and ISY10209_Ass2, e.g. 'bsmart_ISY10209_Ass2'. This will be your work folder for Assign 2. Create the following folders inside this work folder:  documents - This will be your documents folder for Assignment 2.  images - This will be the folder for all images used in assessments 4-7.  css - This will be the folder for all css files used in assessments 4-7. You will be required to submit your work folder (as a zip file) to your tutor as part of your assignment 2. See the assignment folder on MySCU for additional information. 1. You will need to copy the files you created in CA3 and rename them appropriately for CA4 e.g bsmart10_CA4_index.html, bsmart10_CA4_resume.html and bsmart_CA4_web_skill.html or you can chose to start creating the pages you will reuse for your major assignment (see assignment 3 specifications). If you have reused your existing pages modify any links created earlier to work in this new file and remember to copy all images from CA3 that are in use on your pages to the new images folder. 2. Use an external CSS file to format your web site. Save this file as 'styles_CA4.css' in your CSS folder. Again you will need to link to this file using a relative address e.g. css/styles_CA4.css (perhaps start by copying your CA3 style sheet and rename it appropriately). You must use either a 2-column layout or 3column layout on at least the home page (all pages if so desired). 3. Your pages must have an identical navigation bar on each page. 4. Your pages must have a logo (any reasonable image will be OK). 5. Your new CA4 home page must have your contact details and a notice stating that you have permission to use or that you are the copyright holder of all content on your site. This content must be in the 'footer' (not necessarily the HTML5 element - but it would work) of the page using the copyright symbol. 6. All HTML pages and your CSS file must validate. Your pages must have at least the level of formatting shown in Hands-On Practice 6.5 and 6.6, e.g. use different colours, fonts, padding etc. Does it work as expected? Make sure to test resizing your site (reduce/increase the size of the browser window - does it work as expected?). Remember to view your site in multiple browsers (Firefox, Safari, Internet Explorer, Chrome etc.)! There are differences between the browsers!!!!! Additional video resources are available to assist you. See the How-to Video's folder on the MySCU site for this unit. Of particular use to you for this topic is:  How-to implement CSS Part 4  How to debug and good coding style On the textbooks companion website located at: http://www.pearsonglobaleditions.com/Felke-Morris is a VideoNote that may be of assistance to you:  Interactivity with CSS pseudo-classes Topic 5 Continuous Assessment During this session your major assignment (see Assignment 3 for details) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your assignment 2, due in week 8. Save all the files for this exercise to the folder, you have created in CA4. You will be required to submit this to your tutor as part of your assignment 2. See the assignment folder on MySCU for additional information. 1. Copy the HTML files you created in CA4 and rename them appropriately for CA5 e.g. change CA4 to CA5 in the filename where appropriate (this applies to all three HTML files - don't forget to change your hyper-links as well). These will be your new pages for this continuous assessment for Assignment 2. 2. Use an external CSS file to format your web site. Save this file as 'styles_CA5.css' in your CSS folder. Again you will need to link to this file using a relative address e.g. css/styles_CA5.css. If you have not already done so, you must use a 3-column layout similar to that shown in Figures 7.12 and 7.13 (FelkeMorris p.326). 3. Modify your CSS so that your navigation bar uses CSS buttons similar to the examples in Hands-on practise 6.5. 4. Use CSS to enable your HTML page to be "print friendly" (printed without a navigation bar, background colour/image removed and with a larger font size than displayed on the screen). Apply this to all pages on your site. 5. Validate your HTML and CSS. Does it work as expected? Make sure to test resizing your site (reduce/increase the size of the browser window - does it work as expected?) Remember to view your site in multiple browsers (Firefox, Safari, Internet Explorer, Chrome etc.)! There are differences between the browsers!!!!!