Microsoft frontpage is one of the most recent versions of the popular all in one professional web design tool kit. Till recent times setting up a web site required not only internet connection, but some pretty specialized knowledge about how the web sites are built and maintained including the ability to create pages of the web site using a language called hyper text markup language. Not only everyone who wanted a web site had the ability, time or desires to acquire that knowledge. This is where frontpage comes in as a solution for all those who wanted to create a web site without a prior knowledge of Hyper Text Markup Language.
Frontpage is actually a member of the Microsoft Office family of products and shares many of the features of Microsoft Word and Microsoft Excel such as the Microsoft Clipart Gallery, global spell checking and thesaurus and easy table editing which are helpful in professional web design. It also manages hyperlinks created in Microsoft Office documents. It is an integrated site development environment which includes a web creation and maintenance package called Front Page Explorer; a FrontPage Editor which is what you see is what you get web page editor and a fully functioning Personal Web Server that turns a personal computer into a web host machine. With FrontPage one can create a complete Web Site on the personal computer to the World Wide Web and internet. It is not a pre requisite to know Hyper Text Markup Language as FrontPage Editor Works like a word processor. Page can even be groomed in whatever required format.
The software also takes care of generating the Hyper Text Markup Language code together and provides the user with the ability to put together Web Pages that include elements which formerly demanded knowledge of programming. Microsoft Front Page contains three major components namely FrontPage Explorer, FrontPage Editor and Microsoft Personal Web Server that can be used for professional web design. The Microsoft Front Page Explorer is a tool for creating, organizing, administering and publishing Front Page webs. Using the Front Page Explorer one can create the structure or layout of the web site from scratch as it gives wizards and templates to take from no site at all to a site. It also arranges files and folders, imports and export pages and files, tests and repairs hyperlinks, administers, access privileges and launches the Front Page Editor to design and edit the contents of the web pages. Front Page can also be used to publish completed Front Page webs on the computer or on the organization's intranet or on the World Wide Web. In short a Front page is a collection of HTML pages, images, documents and other files and folders that make up a web site in professional web design.
Monday, June 16, 2008
Navigation In Professional Web Design
Navigation is that system that links on your site plays a big role in determining the stickiness of your site. Try giving importance to navigation and linking. The clean layout and neat navigation and using a lot of white space for your site enhances its looks. Always try to keep the focus on your content. It is why all recommend using dream weaver templates for your site as all pages or a group of pages have one basic design and only the content varies - this way even if your site is a little distracting due to necessary effects, your design is noted once and then the visitor focused on the content automatically.
Do remember some useful points so that a web site must be created professionally with no issues. Always prepare your site navigation before designing to prevent cluttering up the site with forgotten links. The clean-cut and uniform navigation system is a must. Drop-down menus or flouts should be used if we have too many links for your main topics. And if we have Fireworks or Dream weaver then macromedia drop-down menus are one of their most popular in-built methods. Or you can use our own copy-paste code for drop-down menus.
Try to maintain a site map or section contents/home pages to help people find what they are looking for with ease. Its navigation should be flexible enough to accommodate any amount of additional links in case you probably will be adding pages periodically. As using this drop-down menus or section home pages is a must. Do keep your main links together as much as possible so that visitors can absorb them at one shot and know what your site conveys about your company.
Always check out how all our major links appear in our top navigation bar and all related section links are listed in the right hand side menu. It is of no harm in showcasing important links (even repeated links) that you think might interest the visitor. Very small boxes describing the link should look good. And if you like a graphic intensive site and find there is not much space for accommodating all your links, you can have a separate home (splash) page and all other pages as content pages. Hence your home page can have visual appeal and your inner content pages can have elaborate navigation structures while focusing on the content.
Always try to use your navigation space efficiently. Apply short, clear and precise words in your links so that your visitors know what the corresponding page will contain. Editors like fireworks and flash you can see the various options in the preview panel to reduce the sizes.
Do remember some useful points so that a web site must be created professionally with no issues. Always prepare your site navigation before designing to prevent cluttering up the site with forgotten links. The clean-cut and uniform navigation system is a must. Drop-down menus or flouts should be used if we have too many links for your main topics. And if we have Fireworks or Dream weaver then macromedia drop-down menus are one of their most popular in-built methods. Or you can use our own copy-paste code for drop-down menus.
Try to maintain a site map or section contents/home pages to help people find what they are looking for with ease. Its navigation should be flexible enough to accommodate any amount of additional links in case you probably will be adding pages periodically. As using this drop-down menus or section home pages is a must. Do keep your main links together as much as possible so that visitors can absorb them at one shot and know what your site conveys about your company.
Always check out how all our major links appear in our top navigation bar and all related section links are listed in the right hand side menu. It is of no harm in showcasing important links (even repeated links) that you think might interest the visitor. Very small boxes describing the link should look good. And if you like a graphic intensive site and find there is not much space for accommodating all your links, you can have a separate home (splash) page and all other pages as content pages. Hence your home page can have visual appeal and your inner content pages can have elaborate navigation structures while focusing on the content.
Always try to use your navigation space efficiently. Apply short, clear and precise words in your links so that your visitors know what the corresponding page will contain. Editors like fireworks and flash you can see the various options in the preview panel to reduce the sizes.
Image Attributes Used In Professional Web Design
Image tags with its source attribute points to the uniform resource locator that is URL of the graphic file to be displayed to add an inline image to the web document. The tag is added to the HTML document at the location in which we want to display the image. Then file name is replaced with the URL of the image we want to display.
When an inline image is inserted in a document along with text by default the text is aligned with the bottom of the image. The default alignment can be changed using the image tags align attribute. To align the text at the top of the image we can use few attributes. Browsers display images inline and text does not wrap around images but an image can be displayed on the right or left side of the document such that the text surrounds the image. Such an image is termed as a floating image in professional web design.
A floating image can be easily created by using the image tags align attribute that is left or right. Hyper Text Markup Language also supports image scaling. Scaling down of an image means that the image would be displayed in a size described by the image tags height and width attributes, irrespective of the actual dimensions of the image. The download time of the image does not reduce if we specify dimensions less than the actual image dimensions. The browser still downloads the actual image and then scales it before displaying it on our web page.
Scaling up on an image can also be done. It is similar to scaling down of the image that we attain by using the height and width attribute. Scaling up an image causes deformation of image that is termed as pixilation. Hence scaling up of an image should be avoided as far as possible in professional web design
Alternative text can also be provided for users who use text based browsers. Alternative text tells the user about the presence of a graphic image and provides a brief description of the same. This can be achieved by using image tags.
Web browsers display images with a border around them. The border attribute of image tag can be set by providing a value for the border thickness in pixels. White space around an image can be provided by using space attributes of the image tag. Space tag is used to add vertical and horizontal space around the image.
These attributes provide the space and pixels. Hyper Text Markup Language uses image maps which are a kind of navigational tabs making work easy in professional web design. An image maps an image to one or several links using regions called hot zones.
When an inline image is inserted in a document along with text by default the text is aligned with the bottom of the image. The default alignment can be changed using the image tags align attribute. To align the text at the top of the image we can use few attributes. Browsers display images inline and text does not wrap around images but an image can be displayed on the right or left side of the document such that the text surrounds the image. Such an image is termed as a floating image in professional web design.
A floating image can be easily created by using the image tags align attribute that is left or right. Hyper Text Markup Language also supports image scaling. Scaling down of an image means that the image would be displayed in a size described by the image tags height and width attributes, irrespective of the actual dimensions of the image. The download time of the image does not reduce if we specify dimensions less than the actual image dimensions. The browser still downloads the actual image and then scales it before displaying it on our web page.
Scaling up on an image can also be done. It is similar to scaling down of the image that we attain by using the height and width attribute. Scaling up an image causes deformation of image that is termed as pixilation. Hence scaling up of an image should be avoided as far as possible in professional web design
Alternative text can also be provided for users who use text based browsers. Alternative text tells the user about the presence of a graphic image and provides a brief description of the same. This can be achieved by using image tags.
Web browsers display images with a border around them. The border attribute of image tag can be set by providing a value for the border thickness in pixels. White space around an image can be provided by using space attributes of the image tag. Space tag is used to add vertical and horizontal space around the image.
These attributes provide the space and pixels. Hyper Text Markup Language uses image maps which are a kind of navigational tabs making work easy in professional web design. An image maps an image to one or several links using regions called hot zones.
Basics Of HTML For Professional Web Design
HTML is a language used for professional web design. Hyper text markup language is full form of html. It is a standard which is used by World Wide Web documents in professional web designing.
A program called browser is used to view the documents. It is not a programming language even though it is termed as a language. The basic element of a Hyper Text Markup Language is page and therefore any document on the web page is in ASCII text.
HTML uses tags and it is represented by angle brackets. All the code is written in between these brackets. Any text which is contained by angle brackets is considered as an HTML tag by the browser and interpreted accordingly. This code can be text, any address, and it supports different type of image formats. Since HTML uses ASCII text, the web documents are delivered over the network such that they are not platform dependent. Hence only a web browser is required which can interpret HTML files irrespective of whether it is running on a machine using windows or UNIX or Macintosh or any other operating system or hardware platform. We can use any browser from Internet Explorer to Mozilla fire fox.
Web pages for professional web design can be easily created using any simple text editor. In Windows 95 one can use notepad or WordPad. All HTML files are plain ASCII text files with .html extension. Web browsers used to view the files are internet explorer or Netscape navigator or Netscape communicator. The first HTML tags that are used are document tags. These tags are required for every HTML page that is created in professional web design. Different parts of the document are defined by them. An HTML document has two distinct parts namely a head and a body. The head of the HTML document contains the title of the page and other commands. To create the head portion of HTML document and to give the document a title specific text is entered into the text editor.
This tells a web browser that information should be included in head portion of the document and by what name should it call the document in the title bar of the browser window. Most of the work is done inside body. The text is entered here; headlines and graphics are also part of body section. Between these two tags one has to enter the rest of the text and graphics for professional web designs.
In order that all web browsers recognize that this is an HTML document one needs to add some tags on either side of the head and body tags which we have created.
A program called browser is used to view the documents. It is not a programming language even though it is termed as a language. The basic element of a Hyper Text Markup Language is page and therefore any document on the web page is in ASCII text.
HTML uses tags and it is represented by angle brackets. All the code is written in between these brackets. Any text which is contained by angle brackets is considered as an HTML tag by the browser and interpreted accordingly. This code can be text, any address, and it supports different type of image formats. Since HTML uses ASCII text, the web documents are delivered over the network such that they are not platform dependent. Hence only a web browser is required which can interpret HTML files irrespective of whether it is running on a machine using windows or UNIX or Macintosh or any other operating system or hardware platform. We can use any browser from Internet Explorer to Mozilla fire fox.
Web pages for professional web design can be easily created using any simple text editor. In Windows 95 one can use notepad or WordPad. All HTML files are plain ASCII text files with .html extension. Web browsers used to view the files are internet explorer or Netscape navigator or Netscape communicator. The first HTML tags that are used are document tags. These tags are required for every HTML page that is created in professional web design. Different parts of the document are defined by them. An HTML document has two distinct parts namely a head and a body. The head of the HTML document contains the title of the page and other commands. To create the head portion of HTML document and to give the document a title specific text is entered into the text editor.
This tells a web browser that information should be included in head portion of the document and by what name should it call the document in the title bar of the browser window. Most of the work is done inside body. The text is entered here; headlines and graphics are also part of body section. Between these two tags one has to enter the rest of the text and graphics for professional web designs.
In order that all web browsers recognize that this is an HTML document one needs to add some tags on either side of the head and body tags which we have created.
Basics Of HTML For Professional Web Design
HTML is a language used for professional web design. Hyper text markup language is full form of html. It is a standard which is used by World Wide Web documents in professional web designing.
A program called browser is used to view the documents. It is not a programming language even though it is termed as a language. The basic element of a Hyper Text Markup Language is page and therefore any document on the web page is in ASCII text.
HTML uses tags and it is represented by angle brackets. All the code is written in between these brackets. Any text which is contained by angle brackets is considered as an HTML tag by the browser and interpreted accordingly. This code can be text, any address, and it supports different type of image formats. Since HTML uses ASCII text, the web documents are delivered over the network such that they are not platform dependent. Hence only a web browser is required which can interpret HTML files irrespective of whether it is running on a machine using windows or UNIX or Macintosh or any other operating system or hardware platform. We can use any browser from Internet Explorer to Mozilla fire fox.
Web pages for professional web design can be easily created using any simple text editor. In Windows 95 one can use notepad or WordPad. All HTML files are plain ASCII text files with .html extension. Web browsers used to view the files are internet explorer or Netscape navigator or Netscape communicator. The first HTML tags that are used are document tags. These tags are required for every HTML page that is created in professional web design. Different parts of the document are defined by them. An HTML document has two distinct parts namely a head and a body. The head of the HTML document contains the title of the page and other commands. To create the head portion of HTML document and to give the document a title specific text is entered into the text editor.
This tells a web browser that information should be included in head portion of the document and by what name should it call the document in the title bar of the browser window. Most of the work is done inside body. The text is entered here; headlines and graphics are also part of body section. Between these two tags one has to enter the rest of the text and graphics for professional web designs.
In order that all web browsers recognize that this is an HTML document one needs to add some tags on either side of the head and body tags which we have created.
A program called browser is used to view the documents. It is not a programming language even though it is termed as a language. The basic element of a Hyper Text Markup Language is page and therefore any document on the web page is in ASCII text.
HTML uses tags and it is represented by angle brackets. All the code is written in between these brackets. Any text which is contained by angle brackets is considered as an HTML tag by the browser and interpreted accordingly. This code can be text, any address, and it supports different type of image formats. Since HTML uses ASCII text, the web documents are delivered over the network such that they are not platform dependent. Hence only a web browser is required which can interpret HTML files irrespective of whether it is running on a machine using windows or UNIX or Macintosh or any other operating system or hardware platform. We can use any browser from Internet Explorer to Mozilla fire fox.
Web pages for professional web design can be easily created using any simple text editor. In Windows 95 one can use notepad or WordPad. All HTML files are plain ASCII text files with .html extension. Web browsers used to view the files are internet explorer or Netscape navigator or Netscape communicator. The first HTML tags that are used are document tags. These tags are required for every HTML page that is created in professional web design. Different parts of the document are defined by them. An HTML document has two distinct parts namely a head and a body. The head of the HTML document contains the title of the page and other commands. To create the head portion of HTML document and to give the document a title specific text is entered into the text editor.
This tells a web browser that information should be included in head portion of the document and by what name should it call the document in the title bar of the browser window. Most of the work is done inside body. The text is entered here; headlines and graphics are also part of body section. Between these two tags one has to enter the rest of the text and graphics for professional web designs.
In order that all web browsers recognize that this is an HTML document one needs to add some tags on either side of the head and body tags which we have created.
Basics Of HTML For Professional Web Design
HTML is a language used for professional web design. Hyper text markup language is full form of html. It is a standard which is used by World Wide Web documents in professional web designing.
A program called browser is used to view the documents. It is not a programming language even though it is termed as a language. The basic element of a Hyper Text Markup Language is page and therefore any document on the web page is in ASCII text.
HTML uses tags and it is represented by angle brackets. All the code is written in between these brackets. Any text which is contained by angle brackets is considered as an HTML tag by the browser and interpreted accordingly. This code can be text, any address, and it supports different type of image formats. Since HTML uses ASCII text, the web documents are delivered over the network such that they are not platform dependent. Hence only a web browser is required which can interpret HTML files irrespective of whether it is running on a machine using windows or UNIX or Macintosh or any other operating system or hardware platform. We can use any browser from Internet Explorer to Mozilla fire fox.
Web pages for professional web design can be easily created using any simple text editor. In Windows 95 one can use notepad or WordPad. All HTML files are plain ASCII text files with .html extension. Web browsers used to view the files are internet explorer or Netscape navigator or Netscape communicator. The first HTML tags that are used are document tags. These tags are required for every HTML page that is created in professional web design. Different parts of the document are defined by them. An HTML document has two distinct parts namely a head and a body. The head of the HTML document contains the title of the page and other commands. To create the head portion of HTML document and to give the document a title specific text is entered into the text editor.
This tells a web browser that information should be included in head portion of the document and by what name should it call the document in the title bar of the browser window. Most of the work is done inside body. The text is entered here; headlines and graphics are also part of body section. Between these two tags one has to enter the rest of the text and graphics for professional web designs.
In order that all web browsers recognize that this is an HTML document one needs to add some tags on either side of the head and body tags which we have created.
A program called browser is used to view the documents. It is not a programming language even though it is termed as a language. The basic element of a Hyper Text Markup Language is page and therefore any document on the web page is in ASCII text.
HTML uses tags and it is represented by angle brackets. All the code is written in between these brackets. Any text which is contained by angle brackets is considered as an HTML tag by the browser and interpreted accordingly. This code can be text, any address, and it supports different type of image formats. Since HTML uses ASCII text, the web documents are delivered over the network such that they are not platform dependent. Hence only a web browser is required which can interpret HTML files irrespective of whether it is running on a machine using windows or UNIX or Macintosh or any other operating system or hardware platform. We can use any browser from Internet Explorer to Mozilla fire fox.
Web pages for professional web design can be easily created using any simple text editor. In Windows 95 one can use notepad or WordPad. All HTML files are plain ASCII text files with .html extension. Web browsers used to view the files are internet explorer or Netscape navigator or Netscape communicator. The first HTML tags that are used are document tags. These tags are required for every HTML page that is created in professional web design. Different parts of the document are defined by them. An HTML document has two distinct parts namely a head and a body. The head of the HTML document contains the title of the page and other commands. To create the head portion of HTML document and to give the document a title specific text is entered into the text editor.
This tells a web browser that information should be included in head portion of the document and by what name should it call the document in the title bar of the browser window. Most of the work is done inside body. The text is entered here; headlines and graphics are also part of body section. Between these two tags one has to enter the rest of the text and graphics for professional web designs.
In order that all web browsers recognize that this is an HTML document one needs to add some tags on either side of the head and body tags which we have created.
Working With HTML Text In Professional Web Designing
All the text that is entered on a page should come between body tags. Container tags are body tags that tell a web browser what parts of the HTML document should be displayed in the browser window. The text which we enter in body tag technically should be in another container tag that is paragraph tag.
This tag is used to inform a web browser what text in document constitutes a paragraph. The paragraph container tells the web browser that all the text between the on and off tags is in a single paragraph in professional web design. When we start another paragraph the web browser will insert a line between the two. Break tag is used to end a line. The comment tag is fairly unique in that it is actually used to make the web browser ignore anything that the tag contains. It could be text, hypertext links, image links even small scripts and programs.
We can hide text by using comment tag. The point in hiding the text is that it allows you to create a private message that is intended to remind you of something or to help those who view the raw HTML document to understand what is being done. That is why it is called the comment tag. The comment tag is not the most elegant one in HTML but it works. Anything typed between comments should be ignored by the browser. We can even ignore multiple lines.
In HTML we can differentiate a portion of text from the rest of it by using header tags. These are container tags and range from level one to six. They allow creating different levels of emphasized headlines to help you organize your document and helps in professional web design. But one significant characteristic of a header tag is that it has the same effect as a paragraph tag, in that it creates a new line after it's off tag. The web browser places the header text and plain text on different lines.
Technically larger header tags should be used previously as per the HTML standard that is if header tag two is used, header one tag should be there somewhere before it. Very few browsers actually require it and developers usually use header tags to change the size of text for emphasis. But it is better to use header tags for true headers and only in a particular order for professional web design. There are few explicit tags often called as physical tags which specifically tell the web browser how the designer wants text to appear physically.
The most common ones are those which mark text as bold, italic or underline and are frequently used in professional web design.
This tag is used to inform a web browser what text in document constitutes a paragraph. The paragraph container tells the web browser that all the text between the on and off tags is in a single paragraph in professional web design. When we start another paragraph the web browser will insert a line between the two. Break tag is used to end a line. The comment tag is fairly unique in that it is actually used to make the web browser ignore anything that the tag contains. It could be text, hypertext links, image links even small scripts and programs.
We can hide text by using comment tag. The point in hiding the text is that it allows you to create a private message that is intended to remind you of something or to help those who view the raw HTML document to understand what is being done. That is why it is called the comment tag. The comment tag is not the most elegant one in HTML but it works. Anything typed between comments should be ignored by the browser. We can even ignore multiple lines.
In HTML we can differentiate a portion of text from the rest of it by using header tags. These are container tags and range from level one to six. They allow creating different levels of emphasized headlines to help you organize your document and helps in professional web design. But one significant characteristic of a header tag is that it has the same effect as a paragraph tag, in that it creates a new line after it's off tag. The web browser places the header text and plain text on different lines.
Technically larger header tags should be used previously as per the HTML standard that is if header tag two is used, header one tag should be there somewhere before it. Very few browsers actually require it and developers usually use header tags to change the size of text for emphasis. But it is better to use header tags for true headers and only in a particular order for professional web design. There are few explicit tags often called as physical tags which specifically tell the web browser how the designer wants text to appear physically.
The most common ones are those which mark text as bold, italic or underline and are frequently used in professional web design.
Subscribe to:
Posts (Atom)