Как добавить текст и изображения статически и динамически на ASPX странице в моей ситуации

Я новичок в ASP.NET и его мой первый приложение, которое имеет вид, как это: http://prntscr.com/5iaiig Как добавить текст и изображения статически и динамически на ASPX странице в моей ситуации

Здесь вы можете увидеть, что его немного похож на facebook с той разницей, что я хочу просто демонстрировать разные тексты при нажатии на каждую кнопку, например «Главная», «О», «Таймлайн» и «Фотография». Я не знаю, как это сделать?

Мой весь код для Site.Mater является:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.SiteMaster" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head runat="server"> 
    <title></title> 
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /> 
    <asp:ContentPlaceHolder ID="HeadContent" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 
<body> 
    <form runat="server"> 
    <div class="page"> 
     <div class="header"> 
      <div class="title"> 
       <h1> 
        <img src="Images/sss.jpg" alt="Powered by Shekhar" width="80" height="100" /> 
        Shekhar's FaceBuk     
       </h1> 
      </div> 
      <div class="loginDisplay"> 
       <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"> 
        <AnonymousTemplate> 
         [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ] 
        </AnonymousTemplate> 
        <LoggedInTemplate> 
         Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>! 
         [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ] 
        </LoggedInTemplate> 
       </asp:LoginView> 
      </div> 
      <div class="clear hideSkiplink"> 
       <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
        <Items> 
         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/> 
         <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/> 
         <asp:MenuItem NavigateUrl="~/About.aspx" Text="TimeLine"/> 
         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Photos"/> 
         <asp:MenuItem Text="testing of shekhar" /> 
        </Items>  
       </asp:Menu> 
      </div> 
     </div> 
     <div class="main"> 
      <asp:ContentPlaceHolder ID="MainContent" runat="server"/> 
     </div> 
     <div class="clear"> 
     </div> 
    </div> 
    <div class="footer"> 

    </div> 
    </form> 
</body> 
</html>

В то время как важная часть:

<div class="clear hideSkiplink"> 
       <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
        <Items> 
         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/> 
         <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/> 
         <asp:MenuItem NavigateUrl="~/About.aspx" Text="TimeLine"/> 
         <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Photos"/> 
         <asp:MenuItem Text="testing of shekhar" /> 
        </Items>  
       </asp:Menu> 
      </div>

В моей About.aspx два .cs файлы: About.aspx.cs и About.aspx.designer.cs они являются соответственно:

namespace WebApplication1 
{ 
    public partial class About : System.Web.UI.Page 
    { 
     protected void Page_Load(object sender, EventArgs e) 
     { 
      // Get the number of labels to create. 

     } 
    } 
}

namespace WebApplication1 
{ 
    public partial class About 
    { 
    } 
}

Теперь вопрос заключается в том, чтобы изменить эти два класса и Site.Maser, так что я могу показать некоторое содержимое (текст, изображения и т.д.) по щелчку на «О» в чуть ниже (я должен делать то же самое для каждого нажатия кнопки, но как только я получил идею для одного, я могу сделать для других)? Спасибо, было бы большой рукой для меня.

источник

2014-12-18 user3085082

Вообще говоря, вам никогда не нужно беспокоиться о файлах designer.cs. И если все, что вам нужно сделать, это отображать содержимое, такое как текст, изображение и т. Д., Тогда вам вообще не нужно беспокоиться о файлах * .cs. Просто поместите разметку непосредственно на страницу about.aspx. Заверните внутрь из осины: Content тег, так что он получает включен в вашей главной странице, так как:

About.aspx

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="WebApplication1.About" %> 
<asp:Content ContentPlaceHolderID="MainContent" runat="server"> 
    <h1>About Us</h1> 
    <p>We code in HTML5 and CSS3</p> 
    <img src="/images/logo.gif" /> 
</asp:Content>

источник

2014-12-18 19:54:47

, когда я нажимаю на About.aspx дает это: HTTP://prntscr.com/5ihsge Итак, я могу добавить код (который вы написали) в About.aspx – user3085082

Вы не можете открыть страницу непосредственно через файловую систему, то есть C: \ users \ ... \ about.aspx. Вы должны запустить его через веб-сервер. В Visual Studio вы можете нажать кнопку воспроизведения, чтобы загрузить веб-сервер (IIS express), который отобразит сайт и обработает ваши страницы aspx. Фактически, на первом снимке экрана отображается URL-адрес http: // localhost: 58017, который я предполагаю, что вы получили его, нажав эту кнопку воспроизведения. Но на втором скриншоте похоже, что вы просматриваете его через файловую систему, которая не будет работать. –

Я попытался открыть About.aspx, щелкнув по нему, после чего он дал эту ошибку. Но почему я понимаю из ваших комментариев: (1) Я должен нажать на кнопку воспроизведения, она пойдет в мой браузер и покажет веб-сайт, а затем я поставлю ваш код на веб-сайте на кнопке «О программе». Кукд, пожалуйста, поправьте меня, если я ошибаюсь. (Я немного смущен). Большое спасибо. – user3085082

Как добавить текст и изображения статически и динамически на ASPX странице в моей ситуации

ответ

Смежные вопросы