Unit 20: ASP.NET - Web Tutor

Learning Outcomes

Week	Lesson Activity	Learning Assessment	Skill Developed
Design web pages using CSS to control layout Create interactive web pages using CSS and a scripting language Test interactive web pages employ good practice in the design and implementation of web pages Evaluate the web pages and discuss improvements
1.1	10 min Explain Assessment 2 in detail and answer any questions. 10 min Create: Visual Studio WebForms Project 20 min Edit the master page header and footer 20 min Add additional ASP web pages to match the menu 10 min Commit Git changes and push up if necessary	Questions and Answers Customised Master Page	Use Professional IDE Use ASP.NET Web Forms
1.2	5 min Summarise last lesson ASP.NET. 30 min Customise a suitable Contact Us page with a Google Map 30 min Customise a suitable home (default) page with a Carousel (slide show) 30 min Customise the home page using multiple columns and panels	Questions and Answers P4 P5 M3 ASP.NET Web Pages	Using Professional IDE ASP.NET Coding Bootstrap Coding HTML5 Coding
1.3	10 min Summarise last lesson on ASP.NET & Bootstrap. 20 min Add a test plan web page and suitable tests 60 min Complete all necessary pages and JavaScript & CSS features 25 min Complete Assessment 2 by adding an evaluation and suggested improvements	Questions and Answers Styled Web Page Test Plan & Results Website Evaluation Assessment 2	Use Professional IDE HTML5 Coding CSS Coding

An Example Bootstrap Carousel as an HTML Page Use this page if you need to use HTML rather than ASPX.
An Example Bootstrap Carousel as an ASP.NET Page The same page using a standard aspx page
Other Example Bootstrap Effects The same page using a standard aspx page
Example Google Map The same page using a standard aspx page
Website: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. It is also now an integral part of Microsoft ASP.NET web applications
Tutorial: Bootstrap 3 an extensive tutorial with hundreds of good examples
Website: jQuery-UI is a widget and interaction library built on top of the jQuery JavaScript Library that you can use to build highly interactive web applications
Website: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. It is also now an integral part of Microsoft ASP.NET web applications and is built on jQuery
Video: Starting an ASP.NET Webforms Project
Video: Updating the Header and Footer
Video: Customising the Contact and About web pages
Video: Adding a Google Map to the contact page
Video: Adding Bootstrap JS features to the website
Video: Overidding Bootstrap Styles using CSS3
Video: Adding jQuery-ui effects and themes
Video: Adding documentation for P6, D2
Video: Using Bootstrap in Visual Studio, 8 hours of video tutorials on using Bootstrap from Microsoft