Fast ASP .Net Web Form for beginners Html, CSS, SQL ADO. Net

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Download project files of this course

Chapter 2: Installing Visual Studio 2022

Lecture 1: Visual Studio 2022 requirements

Lecture 2: Download Visual Studio 2022 for Windows 10

Lecture 3: Install Visual Studio 2022 and Asp. Net on Windows 10

Chapter 3: Basics: First web site

Lecture 1: Create new Asp.Net project with .NetFramework

Lecture 2: Customizing the Visual studio environment

Lecture 3: Structure of Asp.Net website and files inside it

Lecture 4: Adding new web page and running it for the first time

Lecture 5: Customize the design view of website

Chapter 4: Basics: Start Html

Lecture 1: What is the 2nd website?

Lecture 2: Create the Asp.Net project for second website

Lecture 3: Structure of Asp.Net and html websites

Lecture 4: Using html inspector in browser

Chapter 5: Basics: Html table Element

Lecture 1: Structure of table element in html

Lecture 2: Using the table, tr,td in asp.net and html website

Lecture 3: Adding table as the layout of web page

Chapter 6: Basics: CSS Styles & Html Elements

Lecture 1: What is style and css?

Lecture 2: Inline style to change background color

Lecture 3: Adding text and using font style in css

Lecture 4: Image in html and set width and height style

Lecture 5: Text alignment, indent, line-height, letter spacing in CSS

Lecture 6: Image with round corner in page

Lecture 7: Padding and margin in html css

Lecture 8: Headings in html: H1, H2 … H6

Lecture 9: Adding link to image or text using anchor tag or ‘a’ in html

Lecture 10: Adding hyperlink to image and text with Visual studio tools

Lecture 11: Hyperlink styles in html

Lecture 12: Adding the border to html elements

Lecture 13: Border spacing and collapse in htmlv

Lecture 14: Removing the unused space in the webpage

Chapter 7: Basics: Master Page in Asp.Net

Lecture 1: Create the Asp.Net project for 3rd website

Lecture 2: What is master page?

Lecture 3: Adding the master page and children pages

Lecture 4: Using content placeholder

Lecture 5: Adding table to master page as the site layout

Lecture 6: Show children pages in master page & using div html tag

Lecture 7: Navigate between pages by buttons in master page

Lecture 8: Page title and how to add it

Chapter 8: Basics: Design Website Header

Lecture 1: Design header layout by html table

Lecture 2: Adding logo inside the header

Lecture 3: Adding vertical bar in the header

Lecture 4: Using html span to add linked-text to header

Lecture 5: Using Asp.net label control

Chapter 9: Basics: Main Menu & Sitemap Path

Lecture 1: Adding main menu to header

Lecture 2: Adding items to menu

Lecture 3: Group of styles in menu

Lecture 4: Customize menu & static menu style

Lecture 5: Static menu items style

Lecture 6: Dynamic menu style

Lecture 7: Dynamic menu item style

Lecture 8: Hover style of menu items

Lecture 9: Change Pop out image for menu items

Lecture 10: Finalize header and menu

Lecture 11: What is the sitemap path control in Asp. Net?

Lecture 12: Add sitemap path and using it by Asp.net sitemap

Lecture 13: Common properties of sitemap path control

Lecture 14: Styles of sitemap path in ASP.Net

Chapter 10: Basics: Adding Footer for Website

Lecture 1: Start designing the footer in website

Lecture 2: Add the social networks icons to footer

Chapter 11: Adv: Internal CSS Style in Html

Lecture 1: Start internal CSS style & Id selector

Lecture 2: Class selector in internal CSS style

Lecture 3: Order of styles – Using style by ASP.Net controls

Lecture 4: Type selector in internal CSS style

Chapter 12: Adv: Pseudo-class Selector in CSS Style

Lecture 1: Using Pseudo-class selector in CSS style

Lecture 2: Animated image button by Pseudo-class

Lecture 3: Animated button by anchor tag & Pseudo-class

Chapter 13: Adv: select and ul Element in html

Lecture 1: Design the structure of second row of footer

Lecture 2: Using html select tag

Lecture 3: Using ul tag in html

Chapter 14: Adv: Using p Tag to Design Home Page

Lecture 1: Using html paragraph tag to design home page

Lecture 2: Using styles to home page elements

Chapter 15: Adv: Responsive Web Page by Flex

Lecture 1: What is a responsive website and flex?

Lecture 2: Start using flex and create sample project

Lecture 3: Using Flex container styles

Lecture 4: Using Flex item styles

Lecture 5: Design the web page

Lecture 6: Turn web page to responsive by Flex

Lecture 7: Design second part of responsive web page

Lecture 8: Design responsive metro section

Lecture 9: Turn metro section to responsive by Flex

Chapter 16: Adv: Stylesheet & External CSS Styles

Lecture 1: What is the stylesheet or external css style?

Lecture 2: Using stylesheets by simple project

Lecture 3: Using stylesheets in real world project