ASP.Net How to make Master Page

hey guys my name is deep-ando what I am going to show you how to make a mustard base in asp.net so let's get us started first of all I am going to make a empty website file new website as without net m2f site I'm giving this website name mustard paste and press ok this is your empty website so first of all I want to take a mustard base add new item and select mustard base this is named mustard base you can even change it then press add Oh so there are two content placeholder one is in the head section another one is in the body section we can add another one the title section because we want to change every title in the every pages so I'm going to give this ID title and this is head and this is content body okay now we can take another phase waveform default dot aspx and select mustard base add mustard phase press ok so there are three content you know this is for title and this is effort to this content placeholder and this content to is server this content placeholder and the last one this content we placed content instead of our this content placeholder okay so now can give a title for home and content this is this is a home base or this is home base run the application website modify here okay all right this is your home page and this is tidal and this is your content okay so now we can add this is a class which is basically content okay now we want to add a division class refere and this is basically pays refere and i want to add another division for menu in the menu section Enayat UL li home this is default SPI X similarly we can add this is for category contact us about us we do not have this pages okay now again we preach the pace all right now we can add a style sheet styles right click add new item style sheet main and body division paragraph ul Li corsetry padding:0 margin:0 background color RGB - 37 37 - 37 okay font family video Helvetica sensory font size 12 pixel okay oops no effect because we didn't attach this style sheet now we press the pace okay so what we need basically want to make a menu bar and what clear content again division plus clear this is for you know left-right clear division class footer in the photo section you want to add is to take copyright add something like that okay this clear division and this clear division is for you know clear for floating so we need a class clear here both side all right now I need to add some CSS for this menu so I'm going up line and I'm adding some CSS then I will show you so you can look at this 30% this is basically body or reset part then body part and wrapper 950 pixel wide margin o2 content background color border menu Meno released a clear and footer section and this is you know Meno rapper minnow content and put apart now run the website okay this is your website so this is your menu and there is a left border all right I have already added CSS for this this is for you know this one vacation first item border left 0 fixin a snowboarder and 5 fix gel upper corner and lower corner border radius okay so I need to add class which is basically first item okay we push the pace all right so this is your home pace and we can add more pages add IDM waveform category select master pace press add and select the master base okay so tidal should be category and what this is category pace so we need to category SPX build reveal solution and run the website okay so this is category based you know this is category pays this is home base so this is the beauty of no mustard base master base gives you the look and feel of your replication or website so now you can make your own master base and your pages in this way thank you very much for watching this tutorial if you have any question or if you have any difficulty please comment in the comment box I will try to solve your problem and good luck bye

Channel: Ripon Datta

Views: 354,441

Keywords: start a website, how to start a website, create a master page, c# master pages, ASP.NET (Software Framework), C# (Programming Language)

Id: IzlwwDPC7pk

Length: 12min 29sec (749 seconds)

Published: Fri Jul 19 2013