Purchase Solution

ASPX (Phone Book Application: GUI)

Not what you're looking for?

Ask Custom Question

(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.

Attachments
Purchase this Solution

Solution Summary

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

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
{
...

Purchase this Solution


Free BrainMass Quizzes
Inserting and deleting in a linked list

This quiz tests your understanding of how to insert and delete elements in a linked list. Understanding of the use of linked lists, and the related performance aspects, is an important fundamental skill of computer science data structures.

Excel Introductory Quiz

This quiz tests your knowledge of basics of MS-Excel.

Javscript Basics

Quiz on basics of javascript programming language.

Basic UNIX commands

Use this quiz to check your knowledge of a few common UNIX commands. The quiz covers some of the most essential UNIX commands and their basic usage. If you can pass this quiz then you are clearly on your way to becoming an effective UNIX command line user.

C# variables and classes

This quiz contains questions about C# classes and variables.