Step by step procedure to how to create website in ASP.NET Website?

    0
    150

    How to create C# Website in Visual Studio?

    Hello Friends, Here I will teach everything on C # website with Asp.net from the ground to up step by step in Visual Studio 2012/2013/2015/2019. All Codes are equal with a little difference.

    Step 1- Visual Studio- Download

    To start creating C# website, You need a Visual Studio 2008/2010/2012/2013/2015/2019 software. If You have not this software with Original License Key. You should first purchase at a very cheap price with the original lifetime version from https://www.oxirock.com/products

    Step 2- Installing Visual Studio

    After Downloading the software, you need to install Visual Studio step by step as follows in the youtube video.

    Youtube Video Link: https://www.youtube.com/watch?v=vX0EzpHoQ3c

    Step 3- C# Website- Create a Website

    After Download and Installing Visual Studio on your PC. Just Open and Click on File > New > Website (Shift + Alt + N)

    For example, Now The Visual Studio 2012 will Open like this:-

    c# website
    visual studio code, Visual Studio 2019, Visual Studio 2012, Visual Studio 2013, Visual Studio 2015, Visual Studio 2010, Visual Studio 2008

    When you click on New Website, A new form will be open like this

    You will get a form, choose a path where you want to save your website.

    Then press Ctrl + Shift + N, and select a Web Form in C# and name your first Page Default.aspx.

    This is the Source Code window and on this page, you will see this code…

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

    The above code handle all the proper privacy of the website page.

    After this one line code, you will see the next code for HTML.

    Creating a HTML Page

    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        
        </div>
        </form>
    </body>
    </html>

    In the above code, Specify the Page Name of your website in the <title> </title> section. and in <body> section create a div just like a room.

    for example :

    <div>
    <!--Just Imagine, This is your room and you want to design your room with specific Color, Sticker, Bed, Table, Chair-->
    <!--Color, Images, Button, Labels, TextBoxes-->
    </div>

    See here is a tab named Design at the bottom of this page.

    In Design Tab, you can also customize your Website and see the Preview of your website page.

    How to add Header in website?

    Now we are ready to create website in HTML or asp.net. First We add a header tag named <h1>.

    For Example : <h2>How to make website</h2>. Now this will look like.

    How to make website

    How to set background color into div tag?

    Just Imagine, you are in a room and you have to decorate with flowers pot(Slider Image), bed(Button), chair(Label or Text Box), stickers(Image) etc. in your room.

    For Example: if we want to set background color of div with head tag.

    <div style="background-color:red">
    <!--Dont forgot close div with </div> tag-->
    </div>

    Above Code will look like

    How to make website

    How to add button in website?

    For adding a button into the website, go to Toolbox on the Left side of Visual Studio 2019 and double click on Button and you get code like this.

    <div style="background-color:red">
    <h2>How to make website</h2> <!--This is the Header-->
    <asp:Button ID="Button1" runat="server" Text="Button" /> <!-- This is the button-->
    </div>

    Now we learn about CSS (Cascading Style Sheet)

    Importance of CSS to create a website.

    In above code, we use style div tag but we use all style in CSS like background colour, text size, font name etc. And this CSS named with the specific name and we use this CSS in div tag using class.

    for example: the below code look like this

    <style> <!--CSS code is written like this in HTML Code-->
    <!--And we name the CSS using Dot(.)-->
    .cssName{Background-color:red}
    </style>
    <div class="cssName">
    <h3>How to make website in Visual Studio</h3>
    </div>

    Here, I teach you basic function related to HTML. In Next chapter, I teach you about table etc.

    Click here to learn next chapter

    LEAVE A REPLY

    Please enter your comment!
    Please enter your name here