
Learn to design websites from scratch using ASP.NET web forms, HTML, CSS, SQL, and ADO.NET through practical, project-based instruction, including responsive layouts, database integration, and AJAX enhancements.
Explore how to download and install Visual Studio 2022, meet system requirements, and configure hardware and operating system compatibility for fast ASP.NET web forms development.
Learn how to download and install Visual Studio 2022 on Windows 10, compare community, professional, and enterprise editions, and access the official site for setup.
Install Visual Studio 2022 on Windows 10 with the ASP Dotnet technology by selecting the ASP Dotnet workload and .NET development options, downloading all components, and launching after setup.
Learn to create a new asp.net web project with the dotnet framework in Visual Studio 2022, choosing c#, Windows servers, and the empty web template.
Customize the Visual Studio environment for ASP.NET development by configuring the Solution Explorer, Properties Window, and Toolbox, and arrange toolbars and windows for your first website.
Explore the ASP.NET website structure and its files, including solution and project organization, web.config, references, bin and obj, and how to open and run the project in Visual Studio 2022.
Discover how to run your asp dotnet web form project in Visual Studio, add a web form, set it as the start page, and test on localhost with IIS Express.
Master customizing the Visual Studio design environment to build web pages, understand HTML structure and tags, and work with Default.aspx, CSS, and designer files using design, split, and source views.
Design a second website using HTML, CSS, tables, headings from h1 to h6, images, and basic formatting. Explore ASP.NET structure with Visual Studio and Dev Express components for real-world pages.
Learn to quickly create an asp.net website in Visual Studio 2022, configure a dotnet framework empty web application, add a default web form, and run it on localhost.
Explore the structure of ASP.NET and HTML web pages, focusing on doctype, html, head, body, and form, with runat=server and code-behind integration.
Explore the browser inspector to view html source, identify elements like doctype, html, head, body, form, and div, and learn cross-browser inspection in Chrome, Edge, and Visual Studio.
Explore the structure of the table element in HTML, including table, tr, and td, and learn how to display data tables and use tables as page frames.
Learn to build and modify HTML tables in an ASP.NET web form using table, tr, and td, with inline styles and div containers, including insert, delete, merge, and split operations.
Design a web page layout with HTML tables, creating and configuring tables with multiple rows and columns, merging cells, resizing, and nesting a second table inside a table cell.
Explore how style and CSS add appearance and layout to HTML, introducing inline, internal, and external CSS and how to apply properties like color and font to individual elements.
Learn how to apply inline CSS styles to HTML elements, especially changing background color on the body or table, using the inline style syntax and common CSS properties.
Add text to a web page and use css to control font family, size, weight, style, color, and text transform, applying these styles to headings and table cells.
Learn to add and organize images in a web form, set the image source and alt text, and control display with width and height styles.
Master css alignment for text and elements in html tables and divs. Adjust line-height, text-indent, and letter-spacing with practical examples for td, images, and other elements to refine the layout.
Download PNG icons with transparent backgrounds from Icon Finder, insert them into a table cell, and apply CSS border-radius to create rounded corners while resizing width and height.
Explain how padding and margins create internal and external space in HTML elements. Demonstrate top, right, bottom, and left values and shorthand forms, with practical CSS examples.
Learn how to use HTML headings from h1 to h6 to structure webpages, signal main topics and subtopics, and improve search engine readability and indexing.
learn to add hyperlinks to text and images using an anchor tag in html, with href for the destination and target to open in a new or same window.
Learn to add hyperlinks to text and images in Visual Studio using design mode, converting to anchor tags, and configuring href, target, and optional title attributes.
Learn to customize html anchor styles by removing underlines and changing text color using inline css, with practical steps for applying to image and text links.
Learn to apply and customize borders on HTML elements, configuring top, right, bottom, and left borders with width, style, and color, using both individual properties and the border shorthand.
Master border spacing and border collapse in HTML tables to fix gaps, merge borders, and control borders on tables and cells.
Remove extra page space by using border-collapse or border-spacing to zero, then set td padding to zero to eliminate gaps in the HTML table for ASP.NET pages.
Design the third website using a master page, internal CSS, and HTML elements such as menu, sitemap path, button, and p, span, strong tags in an ASP.NET multi-project solution.
Learn how a master page in asp.net web forms serves as a website template that standardizes header, footer, and content across pages, with three main types and practical examples.
Learn how to build a first type master page in asp.net web forms with a header, content area, and footer, using a content placeholder for child pages.
Learn to use master pages and content placeholders in ASP.NET web forms, including head and main content areas, and align child pages with consistent IDs.
Design the site layout by adding a table-based master page with header, content, and footer, using a three-row table and a content placeholder to structure pages.
Learn how to display child pages within a master page by using the content placeholder and the div container, and structure pages with divs, tables, and basic styling in ASP.NET.
Learn to navigate between pages with a master page and ASP.NET buttons, using postback URLs to link default, downloads, products, and about us while sharing header, footer, content placeholder.
Learn to set unique page titles in an ASP.NET web form by editing the master page and per-page title properties, including default titles and dedicated titles for each child page.
Design a website header with a single-row, three-column HTML table, using 20%, 60%, and 20% widths for a responsive layout, wrapped in a div for structure.
Add a header logo by placing an image in the first column, setting height and width, aligning it, and wrapping with an anchor linking to the main page.
Learn to build a header with a logo, a vertical bar, and styled text using span and label, applying a right border and padding for clean spacing and a hyperlink.
Learn how to use HTML span to add and style linked text in the header, including wrapping with an anchor tag, customizing font and spacing, and removing underline.
Learn how to add and customize the ASP.NET label control, including its text property and runat=server, and how it differs from a span.
Learn how to add a menu control to the header in an ASP.NET master page, using a table-based layout and a server-side menu ready for future items.
Learn to add items and submenus to a horizontal menu, set width and orientation, and assign navigation urls and tooltips. Customize styles, images, alignment, and item enablement for beginner-friendly navigation.
Learn to customize the ASP.NET web form menu by applying style groups for the menu, static and dynamic items, and rendering modes from list to table.
Customize the menu and static menu styles in the master page by adjusting back color, border, font, padding, and alignment; tailor the main and aesthetic menus.
Master styling the aesthetic menu item in a fast asp.net form by adjusting color, border, font, height, and horizontal and vertical padding for static menus.
Explore how to customize a dynamic menu style in an ASP.NET web form, adjusting color, borders, height, width, and horizontal/vertical padding to create a functional dropdown with hover effects.
Learn to customize the dynamic menu item style in a master page by adjusting background color, border, height and width, font, and padding. Preview changes in the browser.
Apply static and dynamic hover styles to menu items, adjusting back color, border, font, underline, and bold for a professional look.
Change static and dynamic pop out images for the menu by adjusting the ASP.NET menu control properties and using custom PNG icons in the specified URLs.
Finalize the header and menu design by removing borders and background colors for the main, static, and dynamic menus, cleaning test content, and polishing navigation in the ASP.NET web form.
Shows how to add and configure the sitemap path in the header, revealing the current location and route between pages inside a master page structure.
Add a sitemap path to the header and configure a sitemap.xml with root and child nodes using tilde relative paths for asp.net navigation.
Explore how to customize the sitemap path control's appearance and style using properties such as back color, border color, font, path direction, height, and width.
Customize the sitemap path in ASP.NET by styling the current node, node text, path separator, and root node, adjusting colors, borders, fonts, and padding for a polished navigation.
Design a two-row footer for the master page, with social network links and useful links in clear columns. Build the layout using divs and tables, and apply a background color.
Design a footer row with social network icons in an ASP.NET web form, adding images and links, centering the icons, and styling with CSS considerations.
Hi There!
With my 23 years programming skills I’m with you to share my knowledge with you.
So
If you try you will be a Pro website designer!
If you are beginners or student looking for a tutorial that teach web design with real project in simplest way!
If you want really to be a programmer so it’s best place that you can start to learn Asp. net.
This course includes :
Start using C# and ASP. Net web forms with Visual Studio 2019 | 2022 From Scratch
Multiple real world projects to learn web design
Learn both Html & ASP. Net Web form
Html inspector to learn design of websites
CSS styles : inline, internal & stylesheet
MasterPage to design pro websites
Design main menu, header & footer
Responsive web page with flex
Using SQL in ASP. net website
Searching SQL data in website
Using Cookie, Session & Query String
Amazing CardView staff list website
Debugging and PostBack
Ajax in ASP .Net
ASP controls: GridView, Label, Textbox
Html tags like: table, p, span, headings,…
Using image in html
Padding and margin in html css
Using the headings in html: H1, H2 & H6
and ...
Don’t hesitate to start learning Web design by C#, Asp. net, Html, CSS, Flex and SQL!