Html website Design

Website Html Design

Basics of web design (HTML and CSS): HTML ("Hyepr Text Markup Language") is the language in which web pages are created. Getting started with HTML and web design The HyperText Mark-up language (HTML) is the main component for the creation of a website. This is a very simple marking idiom and involves learning a few tens of HTML tags that give the look and feel of a website a structured text. To write an HTML or create your first web page, you must choose an HTML or text editing tool such as Notepad or WordPad.

As soon as you have received an HTML editing tool and are prepared to start building your website, think about how it should look and be built. Here are some ideas to consider when creating your website. And how will you save all the data?

Will all the data be in the same location? In case you intend to have many different images and data sets, it is advisable to save the pages, data sets and images in different folders. Should the HTML file be saved as . HTM or . HTML file?

You have no advantages or disadvantages working with . htm or .html. Once you have installed an HTML editing tool and created a directory, you can begin to create your page. Starting by generating a filename called index. htm or index. html as the home page. Any server on the web will search for an index filename if no filename is specified.

After you have generated the index.htm or index.html and it is open in your HTML editing environment, we suggest you insert the following sources into your page. So if your HTML editors insert HTML into your page or you have a WYSIWYG editors, you can skiip this one.

Above is a very simple example of the coding that will help create any web page. You can see that the source begins with , which means that everything is in HTML source text. Next, you have , which defines the header of your HTML-file.

The following is extra HTML that can be inserted into the section of the HTML to help you learn some of the most common HTML tags. Looking at the above HTML coding, you will notice that the basics of HTML are pretty easy to use.

Next, the command or headline instructs the web-browser to display the text in the biggest headline format. Next, the day instructs the web browsers to show a line directly across the canvas. On our HTML and Web Design Help page you will find a list of HTML tags and related contents.

Well, now that you have a simple website you can check what it looks like. Because you have saved your data on your local computer, you don't have to be connected to the web to see your website. If you have, for example, placed the index. htm or index. html within a "Website" directory, enter the c: \website\index browsers. htm or c: \website\index. html on a Windows workstation.

You can also double-click the webpage page to open the page in a web browser if you are using Microsoft Windows or Apple. Several HTML editors also allow you to display the page in the HTML viewer by pressing the Viewer Buttons. If you are looking at a website from a local location, you can try and make sure it works before taking the trouble to load it onto the webmaster.

Well, now that you have built a fundamental website, you can enhance the appearance of the website by add pictures. You have two ways to view pictures on your website. First, link to another website to view the pictures using the following codes. The HTML tags above allow you to view pictures found on other Web sites, also known as hotlinks.

We recommend, however, not to use this kind of links, as it can slow down the loading of your website and cause lack of pictures if the other side takes the pictures away. An alternative and suggested approach would be to use the following codes. If you have an image folder:

The image will be displayed on your website if the mypic.gif is present on your computer. The addition of photos is an ideal way to enhance the website. Don't get swept away by multiple photos (especially motion pictures) as they may look cheesy and slow down the loading process.

Keep in mind that the mean amount of times someone looks at a website is 10 seconds, so you want your web pages to be loaded as quickly as possible. After all, never place large-format pictures on your homepage. Big pictures considerably decelerate the web page download and can cause a user to exit the website.

When you want a large photo on your website, it is advisable that you make a smaller copy of that photo, known as a miniature. It is important that you have an understanding of the folder tree when making other folder (s) on your computer that contain pictures or HTMLs. If you access data in other subdirectories that are before the actual subdirectory, first specify the subdirectory and then the filename.

If, for example, you try to open or view the picture package mypic.gif, please follow the steps below to set up the links. Note in the above line that first the name of the subdirectory and then the name of the corresponding executable is specified. Next, if you wanted to retrieve the picture package mypic.gif that returns a path, you would want to use the following example.

Note in this example the two points (...) that tell the web browsers that you want to reset a folder. When you wanted to go back one folder and then change to another folder, you would first run ../ and then run the folder as shown in the example below. If, for example, you want to go back three folders and then go to the folder image, you would use the following example.

It is a frequent error with PC (Windows) endpoints that the HTML editors can specify the files to be stored on the computer's harddisk, such as c: \mywebpage\image\mypic.gif. However, if it is published on the web, no one but the individual who has the locale can view the workbook.

After all, when you specify the folder, keep in mind that you are using a forward slash ( / ) and not a backup hash. Under Linux and Unix, filenames are case-sensitive. So if you are linking to the site "Mypage.htm" and the site is "mypage.htm", the site will not be able to find the site because of the uppercase letter "M". We always suggest that you create all websites, pictures and sites in small letters.

The posting of website data onto the web is one of the most complex stages in creating a website for most to use. In order for the website to be visible to other visitors, the visitor must place his website on a web page that can be accessed by an individual on the web.

Due to the variety of ways a website can be published, we will tell you one of the most common ways to publish your website. ISPs and web hosters offer File Transfer Protocol (FTP) capability, which allows people to copy data from your computer to the web host.

The use of one of these utilities should allow the users to submit their data, provided that the FTP can be accessed from the FTP site. After connecting to the web site connect to the web site by searching for the web site name. You can use this subfolder to submit your HTML file to the web site to get your HTML file from the web.

For example, if you are a Windows FTP user and want to submit your data, enter the following: send index.htm. Your web hoster, however, should have a step-by-step process for publishing your website and can sometimes even use a web-based clients to upload your web site to their servers. When you follow the above mentioned advice, if you cannot publish your website, we suggest that you check the information provided by your ISP or web site provider.

Which FTP clients can I use to upload and download data? With web-hosting users can have another business that stores and maintains your website for you or your business. Either a web hoster may or may not be needed based on what is available through your ISP.

If you are set up with a web hosters, we suggest that you review the following information with them before you set up the site. Email Redirection - See if the organization provides email redirection to redirect emails from to another email location, such as your own email inbox. Technical Assistance - Review the operating times for telephone assistance and confirm that the number is a toll-free number.

Change organizations - Review your policies and how simple it will be to change to another organization when the need arises. Location stats - Although not a need, it's a neat function; see if the business provides location stats for your website so you can track how well your website is performing.

Corporate Account - See if the business charges you extra charges when you start selling something from your website. Band width restrictions - Make sure the organization does not have a severe band width restriction that can restrict the amount of data you can receive. It' s important to recognize that all businesses have a ceiling, but to check if it is something that is not supposed to be exceeded.

If you are using FrontPage, check to see if FrontPage expansions are properly enabled. While not all FrontPage patrons use these functions, it is still a good suggestion to check if they are available. You can' t immediately create a page with either your own PHP, Perl or General Purpose PHP scripts or your own scripts, but for your next use it is important that you check if your servers support them.

Web page design goes much further than this fundamental web page implementation. As soon as you have a good grasp of HTML and FTP, get acquainted with using CSS to correctly design and style your web pages. When you want to use extended functions on your website such as fora, web page counter or e-mail forms, you have to get acquainted with computer graphics program language such as PHP or Perl.

Mehr zum Thema