Thursday, August 31, 2017

How to Create a Web Page Using HTML 5 and CSS

There are many ways to make a web page, but there are still some basic things you need for website design. From This article, you will educate on what is needed to get a web page up and how to get it live website. Web design is one of the most useful skills you can learn, and it's easy to learn HTML and CSS (the two main pillars of web pages) . Building web pages really couldn't be easier. Web pages are (mostly) set up using HTML (Hyper Text Markup Language). Firstly, a page is created as a responsive HTML5 page. We add any text, images, and links to the page that are required within the ad and style it with CSS. Secondly, the ad can be displayed on any website using an iframe. Responsive layouts require page elements to have variable widths so banners must follow this convention now too.
HTML isn't a programming language, although it can be quite complicated. CSS (Creative Style Sheets) are separate documents used to style up a web page, changing the design and layout. These are also small text documents, although they end in .css, and you need to add code to link them to your HTML pages. Save this to your desktop as "index.html". If you use Text Edit, it'll throw up a warning and try to change the extension to "txt". Click "Use .html". Now double-click the file (or click and drag it on top your web browser icon). Safari will open and display "Hello World".
In this article, we will tell you some incredibly simple steps on how to design an impressive web page:
·         Obtain an HTML editor
When it comes to designing a web page, the first and foremost thing you require is an HTML editor.
·         Make an HTML page
Make a fresh HTML page. Here’s how you do it: File > new > HTML. There you are–your page is ready.
·         Add a table
Eventually, whether you use HTML or CSS, they are just web pages on the Internet. So, tables work just fine.
To add a table: Go to insert and then Table.  Choose a table that is 600 pixels wide with 1 row and 1 column.
·         Align your table
Aligning the table is important. Go to window > properties. You will see a menu bar where you will be able to select align > center.
·         Insert headline
The headline is the first thing a visitor will see. Type the headline and keep the font size X-large. Select a color of your choice. You can also take a screen cap of the headline and add it as a picture to keep the formatting same in different browsers. Simply head to insert > image.
·         Add the body copy
Type the rest of the body copy. Use a decent font. If required, insert additional tables to place the images of your choice.
The thing about creating a web page is that first time is the most difficult time. After you get a hang of it, you'll feel a lot more comfortable making a website. Later on, you will be in a better position to learn how to design a web page with CSS. CSS enables you to design quick loading pages, boost your search engine rankings, and alter your entire website with one single style sheet. Simply put, it is the tool that enables you to add any style, such as font, layouts, graphics, colors, and links to your web pages. CSS is used within the HTML as a method of keeping a check on how each web page is laid out and how it looks like. All the major internet browsers available today support CSS.