Explore BrainMass
Share

Explore BrainMass

    ASPX (Phone Book Application: GUI)

    This content was COPIED from BrainMass.com - View the original, and get the already-completed solution here!

    (Phone Book Application: GUI) Create the user interface for the Phone Book
    application. The design for the two pages for this application is displayed in Fig. 29.25. in the attachment

    a) Creating an ASP. NET web application. Create an ASP.NET web application project in the C: Si mpl yVB2008 directory, and name it Phone Book. Rename the ASPX page to Phone Book. aspx and set Phone Book. aspx as the start page. Also set the page's Title property to Phone Book.

    b) Changing the font and background color of the page. Use the New Style dialog as demonstrated in this tutorial to change the font-family for the page to Arial, Helvetica, sans-serif and the background-col or to #FFFFCC.

    c) Centering the div element's contents. Select the div element in Design mode. Use the New Style dialog to create a new style named. mainDiv with its text-align style attribute set to center.

    d) Adding a Label. Create a Label named phone Book Label and change its Text property to Phone Book Web Application. Use the New Style dialog to create a . page Title style and set the font-size to X-Large.

    e) Adding another Label. Create another Label named i nstructi onsLabel below
    the phone Book Label. Set the Text property to Select a name from the list and click the Get Number Button: .

    f) Adding a Drop Down List. Position the cursor to the right of the instructions Label
    and press Enter twice. Insert a Drop Down List web control named names Drop Down List. The Drop Down List web control looks similar to the Combo Box Windows Form control. Set the control's Width property to 150 px.

    g) Adding a Button. Create a Button named get Number Button to the right of the names Drop Down List. Change its Text property to Get Number.

    h) Adding another ASPX page to the Phone Book application. Add another ASPX page to the Phone Book application and name it Phone Number. aspx. Change the Title property to Phone Number.

    i) Changing the font and background color of the page. Use the New Style dialog as demonstrated in this tutorial to change the font-family for the page to Arial, Helvetica, sans-serif and the background-col or to #FFFFCC.

    j) Adding a Label to Phone Number. aspx. Create a Label named numbers Label .
    Change its Text property to Phone Number: . Use the New Style dialog to create a. page Title style and set the font-size to X-Large.

    k) Adding another Label. Position the cursor to the right of the numbersLabel and
    press Enter twice. Create another Label named phone Number Label . Clear its Text property, set its Border Style property to Inset, and set its Width property to 150 px.

    l) Adding a Button to the Phone Number. aspx page. Position the cursor to the right of the phone Number Label and press Enter twice. Create a Button named phone Book Button. Change its Text property to Phone Book.

    m) Saving the project. Save all the files in your project.

    © BrainMass Inc. brainmass.com October 10, 2019, 6:16 am ad1c9bdddf
    https://brainmass.com/computer-science/user-interface/aspx-phone-book-application-gui-537028

    Attachments

    Solution Preview

    PhoneBook.aspx
    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="PhoneBook.aspx.vb" Inherits="PhoneBook._Default" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    <title>Phone Book</title>
    <style type="text/css">
    .bodystyle
    {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFCC;
    }
    .mainDiv
    {
    text-align: center;
    }
    .pageTitle
    {
    ...

    Solution Summary

    Phone book applications for GUI ASPX are examined. The font and background color on a page are changed.

    $2.19