This essay has been submitted by a student. This is not an example of the work written by our professional essay writers.
Now-a-days internet is the most important think in the advanced world. Without internet we can't imagine our daily life and the internet is based on millions of web page. The internet of web design is to create a web site a collection of electronic documents and applications that reside on a web server. Improvements in browsers' compliance with W3C standards prompted a widespread acceptance and usage of XHTML/XML in conjunction with Cascading Style Sheets to position and manipulate web page elements and objects.
Web design is a kind of graphic design intended for development and styling of objects of the Internet's information environment to provide them with high-end consumer features and aesthetic qualities.
The process of designing web pages, web sites, web applications or multimedia for the Web may utilize multiple disciplines, such as animation, authoring, graphic design, human-computer interaction and so on.
1. Design and Functionality
1.1 Visit the existing e-business website and evaluate the business and customer value of its content. How do you rate its effectiveness as a website? Explain your rating Using the established rules and heuristics for good website design, evaluate the selected website [P1]
rules of web design: if you want To makes a good Web Site we have to know the essential feature of great Web sites. The great Web sites into some easily followed rules of thumb. Give describe some rules of thumb to make great web site follow:
Readable: Another most important rule in web design is web site should be easy to read. The majority of visitors will be searching through quickly to find the data they want in web site. Give it short sentences, lots of shot points, simple instructive headings, dependable typefaces and layout.
Interactivity: The second most important attribute a Web site should have is interactivity. Good interactivity engages the user and makes site outstanding and memorable.
Comfortable: Every content in a webpage have to be vey high.
Easy to use: Every website have to be very easy to use. Because if it is not easy viewers will not feel comfortable with webpage.
Be up-to-date: Now-a-days every single want to be up to date. thats why a good webpage have to be up-to-date
:Web site in internet explorer:
This is the apple's (www.apple.co.uk) web site page. This is the home page of apple's web page.. This web site has search engines to find out any things. It is the best way to search any things. In this web site, it has lots of contents. So user can use this web page easily and get information quickly. Web site made by short sentences, lots of shot points, simple instructive headings, dependable typefaces and layout. As a result it is easy to read. Size of web page is 80KB, so it is to download. Designer use jpg format images for design this web site. Web page is up-to-date on 8 jun 2010. It is the latest web page from apple.
Web site opens with Google chrome:
1.2Apply software tools (eg Web Garage) for evaluating design to the above E-business web sites [P2]
There are various types of web analyzer. Such as-
Web analyzer 0.98
Site report card
Web Page Report for apples webpage: This report show web analyzer 0.98. Follow the description about this report.
Date: Report run on Friday April 9 04:59:48EDT2010
Total HTTP Requests
Web site has connected with http.
Object Size Totals:
Download 56k (seconds)
Download T1 (second)
Total HTML Images:
Total CSS Images:
Total CSS imports:
Header size = 252 bytes. This file was compressed. View a formatted version of this HTML file.
Total object: The total objects on this page are 1 which most browsers can multithread in a reasonable amount of time. Minimizing HTTP requests is key to minimizing object in Website Optimization Secrets for more details on how object overhead dominates web page latency.
Total HTML: The total number of HTML files on this page is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization.
Total size: The total size of this page is 95 bytes. This page should load in 0.22 seconds on a 56Kbps modem.
Based on current average web page size and composition trends you want your page to load in less than 20 seconds on a 56Kbps connection, with progressive feedback.
HTML size: The total size of this HTML file is 95 bytes, which less than 50K. Assuming that specify the HEIGHT and WIDTH of images, this size allows your HTML to display content in less than 10 seconds, the average time users are willing to wait for a page to display without feedback. Made this web site use jpg format images if web site builder use png format it will be batter for web site.
2.1 Briefly describe the different markup and scripting languages. (P3)
Markup languages: Markup language is a set of words and symbols for describing the identity of pieces of a document. Programs can use this with a style sheet to create output for screen, print, audio, video etc.
Example-HTML, XML and CSS all this are Markup languages.
HTML Markup language: The definition ofÂ HTMLÂ isÂ HypertextÂ MarkupÂ Language. It is the predominantÂ markup languageÂ for web pages. HTML provides a means to createÂ structured documentsÂ by denoting structuralÂ semantics for text such as headings, paragraphs, lists etc. The tags are separate normal text fromÂ HTML code.
XML Markup language: XML is Extensible Markup Language. XMLÂ is a set of rules for encoding documents electronically. The main purpose of XML was to simplify SGML by focusing on a particular problem documents on the Internet.
XHTML Markup language: XHTML is Extensible Hypertext Markup Language. It is a family ofÂ XMLÂ markup language that mirror or extend versions of the widely usedÂ Hypertext Markup Language. XHTML is an application ofÂ XML, a more restrictive subset of SGML.
Frames: Frames can solve simple navigation problems, but on reflection, Frames make indexing a web page via Meta tags very difficult. Each frame is a simple HTML web page in its own right, normally bound together by a special HTML page called a frameset. The greatest power of frames is that they can be nested, and nested to a high degree.
Tables: Tables are useful for presenting data, but the true power of the tables comes when the Borders are turned off and the tables are used as a layout tool. The contents of the pages need to be formatted by tables.
Layers: Different browsers display different layers slightly. New browsers are developed by all the manufactures then more consistently. Different versions of IE even display different layers.
CSS: It is much easier than using a program such as Dreamweaver to create them. It is standard for all the pages on a web site to access the same .css file.
Rule consists of two parts:
Selector - the part before the left curly brace
Declaration - the part within the curly braces
H1 (colour: blue)
Scripting languages: A scripting language is a form of programming language that is usuallyÂ interpretedÂ rather thanÂ compiled. Scripting languages can be used to create specializedÂ graphical user interfaces andÂ forms that enhance the convenience ofÂ search engines, Web-basedÂ e-mailÂ andÂ e-commerce.
VB script: VBScriptÂ is anÂ Active ScriptingÂ language developed byÂ Microsoft that is modeled onÂ Visual Basic. A VBScript script must be executed within a host environment, of which there are several provided with Microsoft Windows, including:Â Windows Script Host,Â Internet Explorer.Â The VBScript hosting environment is embeddable in other programs, through technologies such as the Microsoft Script control.
Example- Following is an example of the Hello World program in VBScript:
2.3Investigate the features of a range of commercial web authoring tools. (P4)
Web Authoring tools: Web authoring is the process of writing code or using authoring tools to generate the commands that are translated by a browser into a web page or full site.
Word Processors: WordÂ processorsÂ such as Microsoft Word, WordPerfect or Open Office Writer are some of web authoring tools. Word processors contain an option that allows creating web pages from text documents.
Desktop Publishing: DesktopÂ publishing programs can be used to create hard copy content, such as magazines or newspapers. It create virtual pages of web content that can be linked together.Users can add multimedia to the pages, such as video, graphics or audio files.
Website Management Systems and Webpage Builders: Website management systems, or hosting sites, are systems that allow users to upload and manage their web pages. These systems offer to create web-authoring tool and maintain their web pages.
HTML/Text Editors Tools: Following tools are most widely uses web authoring tools-
Site Management/HTML Editing Tools: Included below is a list of the more widely used HTML editors-
Web Authoring Tools Guidelines: The World Wide Web Consortium, or W3, is a group of leaders in Internet development. The guidelines encourage web-authoring tool manufacturers to include certain features in their products that will aid Internet users with disabilities. Web authoring tools must support basic accessibility protocol, create contain using standard markup, create accessible materials, contain accessibility editors and incorporate accessibility features within web content.
2.4 valuate the suitability of a selected range of commercial web authoring tools [P5]
Now-a-days there are many types of web authoring tools to use to create web pages or full site.
Following are the most used web authoring tools-
NetObjects Fusion and so on.
To create my web site I used Microsoft FrontPage 2003.
FrontPage 2003 makes advances in three key areas, improving FrontPage hosting experience-
Designing: Enhanced designs tools help produce better looking websites. Original layout and graphics tools make it easier to design accurately the site user want.Â
Coding: Design tools help generate better code. Built-in scripting tools allow user to write code more rapidly, more professionally, and with greater accuracy.Â
Extending: User can connect with information in new ways by building Extensible Mark-up Language data-driven sites using the first commercially available, completely WYSIWYG Extensible Style sheet Language Transformations editor.
3.7 Demonstrate that you have used a range of devices to collect graphical data. The students should keep in mind the protection and infringement of copyright [P7]
The web became so popular because images could be embedded inside web pages. Computer graphics fall into two categories:
Vector Graphics: Vector graphics is the use of geometrical primitives such as points, lines, curves and polygons, which are based on mathematical equations. Vector graphics formats are complementary to raster graphics.
Used for computer generated images, line drawings, cartoons etc.
WMF, EMF, PS, EPS, PDF, SVG
Bitmap Graphics: In computer graphics a bitmap or pixmap is a type of memory organization or image file format used to store digital images. The term bitmapÂ comes from theÂ computer programmingÂ terminology, a spatially mappedÂ array of bits.
Used for photographs for web developing.
GIF, PNG, JPEG
Gif Image Format: TheÂ Graphics Interchange FormatÂ is aÂ bitmapÂ image format. The format supports up toÂ 8 bits per pixel allowing a single image to reference a palette of up to 256 distinct colors chosen from the 24-bitÂ RGB color space. It also supportsÂ animations and allows a separate palette of 256 colors for each frame.
Type: GIF images
Resolution: 116 Ã- 220 pixels
Color depth: 128-bit
Number of color: 256 per pixel
JPEG Image Format: JPEGÂ is a commonly used method ofÂ lossy compression for photographic images. The degree of compression can be adjusted a selectable tradeoff between storage size and image quality.
GIFs and JPEGs differ in three important ways:
Color Depth: Gifs can containÂ only 256Â colors while Jpeg can contain millions of colors.
Transparency: The JPG image format does not support transparency and transparent colors.
Animation: JPEG images do not support animation while Gif image do.Â
Figure 10: JPEG image
Type: JPEG images.
Resolution: 600x400 pixels
Color depth: 24-bit
Number of color: 16.7 million colors of per pixel
PNG Image Format: Portable Network Graphics is aÂ bitmappedÂ image formatÂ that employs lossless data compression. PNG improve upon and replaceÂ GIF as an image-file format.
PNG supports palette-based (palettes of 24-bitÂ RGB or 32-bitÂ RGBAÂ colors),Â grayscale, RGB, or RGBA images. PNG was designed for transferring images on the Internet.
Figure 11: PNG image
Type: PNG images
Resolution: 150 Ã- 120 pixels
Color depth: 24-bit
Number of color: 16.7 million colors of per pixel
The protection and infringement of copyright: It is very important to appreciate thatÂ copyright lawÂ is intended to prevent copying but does not provide a monopoly.
Copyright protects all of the following:
An author's original work.
Legitimate derivative works.
Material an author legally adds to already-copyrighted work
The selection, coordination, and arrangement of a compilation.
Copyright infringement: Copyright infringement occurs when a person copyright owner exploits one or more of the copyright owner'sÂ exclusive rightsÂ without the owner's permission. Such use isÂ theft. It is called copyright piracy. Copyright law does not prevent infringement.
4.6Use a range of software tools to manipulate graphical data and incorporate it into linked pages. The students should state briefly what software tools to manipulate graphical data have been used and how it has been used. [P8]
Adobe Fireworks CS4 is a program designed to optimize images and graphics for web pages. And I use this software for optimizing graphics.
Adobe Fireworks CS4: Adobe Fireworks CS5 software enables to create expressive, highly optimized graphics for the web or virtually any device from smart phones to kiosks to embedded displays. Produce websites, user interfaces and rich prototypes are editable in both vector and bitmap modes.
Easy-to-use design tools for screen-based design: Create and edit vector and bitmap images. Changes remain editable at any time, and final output is optimized for display resolutions.
Improved performance: Work faster with significant performance enhancements, including greater control over pixel placement of design elements, improved file opening and saving.
Optimization and scaling tools: Optimize graphics for a wide variety of screen types with preview, selective JPEG compression. Intelligently scale buttons and graphic symbols with 9-slice scaling to accelerate website and application prototyping.
Adobe Photoshop CS4 Extended: Adobe Photoshop CS5 Extended is a program designed to create images and add effects. Adobe Photoshop CS5 Extended software delivers breakthrough capabilities for superior image selections, image retouching, realistic painting, and 3D extrusions.
Innovate in 3D: Traditional image editing by bringing 3D elements to 2D artwork directly within favorite digital imaging application, which now offers an easy on-ramp to 3D image creation.
3D extrusions with Adobe Repoussé new
Create stunning 3D logos and artwork from any text layer, selection, path, or layer mask with AdobeÂ® Repoussé technology. Then twist, rotate, extrude, bevel, and inflate these designs to get the look you want.
Rich 3D materials library and picker new
Explore different looks for your 3D objects by applying materials like chrome and gemstones from a rich materials library. Select and apply materials using intuitive tools, and add to your library by downloading materials from the web.
Ability to wrap 2D data around 3D geometry
Use convenient presets to wrap 2D images around common 3D geometric shapes, such as cylinders and spheres.
3D mesh creation enhanced
Quickly generate 3D objects from grayscale depth maps.
Depth of field for 3D new
Experiment with different focus points in your 3D scene by previewing and adjusting the range for depth of field.
Easy shadow creation new
Enhance the realism of your 3D designs by generating shadows in a few clicks with the shadow catcher.
Image-based lighting new
Use HDR images or panoramas to light your 3D scene.
Better 3D performance and workflow enhanced
Take advantage of a new ray tracer for immediate progressive feedback on rendering states. And experience superior 3D performance with improved import, interaction speeds, and merging of 3D objects into a single scene.
OBJ file import enhanced
Import Object (OBJ) files up to 50% faster.
3D object painting
Paint directly on 3D models or their unwrapped textures. Edit your textures directly using all the power of Adobe PhotoshopÂ®, and even view UV overlays on flattened textures for guidance.
3D object and property editing enhanced
Edit, enhance, and manipulate 3D scenes in a streamlined interface without dialog boxes. Enjoy a single, easy-to-use panel that contains all your 3D controls for meshes, materials, and lights.
Add depth to pixel layers, text, 2D shapes, and DICOM frames with volume rendering.
3D and 2D image compositing enhanced
Combine 3D layers into a single scene, or incorporate 3D content into 2D composites. Support for popular 3D formats lets you import and export Collada, OBJ, U3D, and KMZ models, as well as import 3DS models.
Navigating and moving 3D objects enhanced
Use the new 3D axis to position objects, cameras, lights, and meshes. Use bounding overlays to easily identify which material or mesh is targeted, and toggle these on or off along with the ground plane and lights.
Create 3D animations by mapping object movement, camera position, render settings, and cross sections to keyframes in your timeline. Take this further by using video layers to animate your textures, and include image-based lights.
Roundtrip common 3D file formats, including COLLADA, OBJ, U3D, and KMZ. Import 3DS.
Integration with Adobe Acrobat 9 Pro and After Effects
Collaborate on 3D content easily through tight integration with Adobe AcrobatÂ® 9 Pro Extended and After EffectsÂ®. Convert to the robust COLLADA interchange format, enhance models, and embed 3D models into PDF files for review. Use 3D layers from Photoshop Extended in After Effects projects.
Vanishing Point with 3D support
Edit in perspective on multiple surfaces - even those connected at angles other than 90 degrees - with Vanishing Point. Measure in perspective; wrap graphics, images, and text around multiple planes; and output planes as 3D models to use in After Effects projects.
32-bit file support enhanced
Create a layer mask directly from the transparency in your 32-bit file.
Preview and export of audio content and frame comments
Move through and edit video layers quickly and precisely using single-key shortcuts, and preview and export audio tracks in addition to exporting frame comments.
Edit motion graphics on video layers efficiently with single-key shortcuts.
Paint, add text, and clone over multiple frames of an imported video sequence using Movie Paint.
Smooth animation workflow
Easily create animations from a series of still images or video frames with the Animation panel, which enables onion skinning.
Broad video file format support
Work with video files thanks to support for 3G, FLC, MOV, AVI, DV Stream, Image Sequence, MPEG-4, and FLV formats.
Video color management
Create and edit images for video with maximum quality and a broad range of color models. Edit and enhance grayscale, RGB, CMYK, and LAB models at 8-, 16-, and 32-bit depths with color management.
Familiar editing workflow
Edit video images quickly using familiar frame- and timeline-based editing tools.
New shapes, swatches, and gradients new
Give your images and designs fresh looks using a variety of custom shapes, color swatches, styles, gradients, and 3D meshes.
New Actions and brushes new
Quickly try out different editing effects and techniques using new Actions for black-and-white conversion and surreal Stars effects, and paint with a new set of brushes.
Boost productivity: Accelerate workflow with fast performance on 64-bit Windows and Mac hardware systems, smoother interactions thanks to more GPU-accelerated features, and dozens of time-savers requested by Photoshop users.
Faster performance across platforms enhanced
Speed up day-to-day imaging tasks and process very large images up to ten times faster by taking advantage of cross-platform 64-bit support. (Requires a 64-bit-capable computer with a 64-bit version of Mac OS, MicrosoftÂ® Windows 7, or Windows VistaÂ®. Actual performance varies depending on amount of RAM, driver types, and other factors.)
Efficient tile sizing and caching
Easily control tile size, and use presets for simultaneously setting cache and tile size based on whether your output is for print or web.
Adobe Bridge CS5 and Adobe Mini Bridge enhanced
Easily manage media with more flexible batch renaming, and access your assets in the context of what you're working on by using the customizable Adobe Mini Bridge panel in Photoshop.
Workspace Switcher new
Use the new, collapsible Workspace Switcher to quickly navigate and choose among your favorite user interface configurations.
Live workspaces new
Let Photoshop automatically record changes you make to a task-specific user interface so that if you switch to a different configuration and then switch back, your panels will be exactly where you left them.
Powerful printing options enhanced
Get outstanding prints in less time with automation, scripting, and a print dialog box that's easier to navigate.
Better crop guides new
Use Rule of Thirds or Grid layouts for better guides while cropping.
Fluid canvas rotation
Just click to smoothly turn your canvas for nondestructive viewing at any desired angle - no more tilting your head when painting and drawing.
Smooth panning and zooming enhanced
Experience ultrasmooth zooming and panning, maintaining clarity as you zoom to individual pixels. Click an image and drag left or right to zoom in or out, and edit at the highest magnification using the Pixel Grid.
Maximize screen space while keeping essential tools accessible. Arrange panels in convenient, self-adjusting docks that can be widened to full size or narrowed to icons or even a thin strip at the edge of your monitor.
File display options
Easily work with multiple open files by using tabbed document display or n-up views.
Onscreen color picker new
Easily adjust the hue, saturation, or brightness of your foreground color without having to jump into the Color Picker dialog box.
Set up and save custom menus, keyboard shortcuts, and workspaces for quick access to exactly what you need.
One-click color adjustments
Make sophisticated color adjustments instantly with one-click presets in Curves and the Channel Mixer.
Multi-Touch support on Mac laptops enhanced
Pinch, swipe, and rotate images using the Multi-Touch trackpad on newer MacBook Pro and MacBook Air laptops (requires Mac OS X v10.5 or later). And now, easily turn off Multi-Touch support if you wish.
Profiles to support the color-blind
Design with sensitivity for color-blind individuals by creating soft proofs of your images using built-in Color Universal Design Organization profiles.
16-bit to JPEG conversion new
Let Photoshop CS5 automatically downsample your 16-bit image files so you can save them as 8-bit JPEGs.
File closing enhancement new
Save clicks with the ability to close all open images without saving.
Saving shortcut new
Add a preference that helps ensure you'll save all open images to the last folder to which you saved an image.
Easy reversing of clone source images new
Clone any image element, and then click once to reverse the cloned element so it faces in the opposite direction.
Shadow/Highlight default change new
Get more natural-looking results from the Shadow/Highlight command's default setting, which now decreases shadows by 35% instead of 50%.
Maximize Compatibility dialog box improvement new
Check the "Don't show this message again" box to avoid repeat appearances of the Maximize Compatibility dialog box.
Adobe Configurator new
Get and share custom panels that developers create to accomplish specific tasks - and easily create your own panels of tools, menu items, actions, and more - with Adobe Configurator software.
DNG Profile Editor new
Create your own color profiles using the publicly available DNG Profile Editor.
Adobe Pixel Bender new
Develop and/or share filters with publicly available, GPU-accelerated Adobe Pixel BenderÂ® technology.
Adobe Photoshop Marketplace new
Explore Adobe Photoshop Marketplace for a huge range of third-party plug-ins and resources.
Adobe Community Help
Access the power of an online search engine from within Photoshop, but with more targeted results. Searchable content includes the in-depth Photoshop Help, plus additional Adobe and third-party content chosen by Adobe and community experts.
Adobe ConnectNow from Acrobat.com
Share ideas and discuss project details with clients and colleagues - all online - using Adobe ConnectNow, an Acrobat.com web conferencing service. Acrobat.com is part of new Adobe CS Live online services.*
Analyze images with precision: Work with specialized images for architecture, manufacturing, engineering, science, and medicine. Extract quantitative data from images, and experience support for DICOM images.
Adobe Illustrator CS4: Adobe Illustrator CS4 is a program designed to create scalable vector graphics.
Sophisticated vector drawing controls: Create distinctive designs with precise shape-building tools, fluid and painterly brushes, and advanced path controls.
Gradients and transparency enhanced: Interact with gradients directly on objects and control the transparency of individual colors in gradients and gradient meshes.
In-panel appearance editing: Edit objects characteristics directly in the Appearance panel, eliminating the need to open fill, stroke, or effects panels.
Adobe PDF files creation tools: Create more secure, multipage, graphic-rich PDF files with Illustrator layers retained.
2.6Produce a complex set of linked interactive pages, using a range of authoring tools, including mark-up languages and drawing from existing scripting language resources [P6]
Forms: A web page can request input from the user who is browsing the page. After the user has finishing filling in the form, the entered data is sent to a CGI script for processing.
Form tag: <form> â€¦..</form>
At first make a web site like MyChanpionzonesite in Microsoft FrontPage 2003. Then open a new page and apply appropriate code to create form application in Microsoft FrontPage 2003. After finish work open with browser following page will appear:
Frames: Frames are a method for dividing the browser window into smaller sub windows. Each HTML document is called a frame, and each frame is independent of the others. The main advantage is that they enable parts of the page to remain stationary.
After create application form open new page and apply appropriate code to create frame in Microsoft FrontPage 2003 in my web site. Then open index.html with browser following page link with that page-
4. Interactive applications
4.1Design, write and test an interactive application in a suitable language. [P10]
Style sheets: Style sheets in HTML allow authors to apply typographic styles and spacing instructions for elements on a page. Set of rules can be applied to documents in three ways:
As inline style directions
Embedded at the top of the HTML file
As external file that can be linked to the document
Figure 21: CSS application page
4.1Demonstrate that you can manage the integrity of files on the server [P11]
IIS - Internet Information Server: IIS is a set of Internet-based services for servers created by Microsoft for use with Microsoft Windows. IIS comes with Windows 2000, XP, and Vista. It is also available for Windows NT. IIS is easy to install and ideal for developing and testing web applications.
Steps for Install IIS on Windows XP and Windows 2000:
On the Start menu, click Settings and select Control Panel
Double-click Add or Remove Programs
Click Add/Remove Windows Components
Click Internet Information Services
Select the check box for World Wide Web Service, and click OK
In Windows Component selection, click Next to install IIS
After installed IIS, make sure install all patches for bugs and security problems.
Test My Web:
After installed IIS follow following steps:
Look for a new folder called Inetpub on hard drive
Open the Inetpub folder, and find a folder named wwwroot
Create a new folder, like "MyWebsite", under wwwroot
Write some ASP code and save the file as " experiment 1.asp" in the new folder
Make sure Web server is running
Open browser and type "http://localhost/MyWebsite/ experiment 1.asp", to view first web page
Figure 23: My local site open with browser
ODBC connections steps:
Open the ODBC icon in Control Panel.
Choose the System DSN tab.
Click on Add in the System DSN tab.
Select the Microsoft Access Driver. Click Finish.
In the next screen, click Select to locate the database.
Give the database a Data Source Name (DSN).
Figure 24: ODBC connection process
Value insert in Northwind 2007 database:
4.1Use a web server to host an e-business website interface [P9]
Publishing with FTP or HTTP: FTP is one of the most common ways to upload files. Web server is running one of these technologies and it also supports FTP, we recommended publishing with HTTP instead. Publishing with FTP in this situation can cause some Web components to malfunction.
Steps for publish site with FTP:
Open a FrontPage Web site.
Go to Remote Web site view.
Set up Remote Web Site Properties.
Decide whether to use the Passive FTP option.
Open a FrontPage Web site:
The publishing features of FrontPage will not be available unless open a FrontPage Web site first.
Go to Remote Web site view:
Click the Web Site tab.
Â Click the Remote Web site button.
Then click Remote Web Site Properties to set up connection to the server.
Remote Web Site properties:
Select FTP as the remote Web server.
Remote Web site location box, type host name.
Hosting company provided one, type FTP directory here. Leave it blank if they didn't specify one.
Passive FTP: The Use Passive FTP check box is good to select for certain firewalls.
The Use Passive FTP check box may look pretty insignificant at first.
When using FTP, there are two connections that are made. FrontPage makes the first connection by connecting to the server.
The server makes the second connection between it and FrontPage. This is the connection that is used to actually publish files in either direction.
Select the Use Passive FTP check box. The server will not attempt to make the second connection. FrontPage will establish the second connection, and the publishing process can continue.
The remote site is the publishing destination for files.
Files with arrows are new and haven't been published yet.
Files with question marks are files in conflict. This sounds a little dramatic, but it just means that the file has been modified in both locations since the last time it was published.
Publish all files by clicking the Publish Web Site button in the lower-right corner of the window.
Or publish individual files. Select a file in the local site, and then click the Local to Remote button.
ftp://himelwebspace.limewebs.com/himelwebspace this is my web site. You can go this following page by use this web address.
After all things we have to say that every webpage has different view.To conclude that web site design development is most important application in the modern age. Day by day people depended on it to work all things. In the all sector it use more and more. In web browser totally depends on web site design development.