About This Author
*Bullet* Kiya is a young woman with many interests. She's got a degree in Computer Science and Registered Nursing.
*Bullet* She's an avid reader and considers Stephen King one of her favorite authors. *Bullet* She's also been known to pen one or two stories here and there, and as a proud moderator of Writing.Com, she invites you to check out her portfolio (and even better, to sign up today!).


Published Works:

A Guideline to Creating WebPages

Webpage Guideline Image


The webpage feature is one of the most versatile and fun aspects of Writing.Com. You can create a webpage for:

*Bullet* Detailed Biographies
*Bullet* Uploading Your Resumes
*Bullet* Displaying of favorite items in your choice of format
*Bullet* A welcome and easy guide to your portfolio
*Bullet* Showcase favorite images/photographs
*Bullet* Link to other digital/video works
*Bullet* The possibilities are endless!

There are a few things to keep in mind before deciding to create a webpage.

*Bullet* This feature is only available to Premium Memberships. To find out more about getting an upgrade, please look through: "Compare Free and Paid Membership BenefitsOpen in new Window..

*Bullet* Premium members have the ability to create up to 25 webpages; Professional and Enterprise memberships have unlimited numbers.

*Bullet* You must have some basic knowledge of HTML. This tutorial is unable to give you step-by-step guidelines of what each code means, so I'd suggest looking through such sites like:

                    *Bulletg*HTML Dog  Open in new Window.
                    *Bulletg*W3 Schools  Open in new Window.
                    *Bulletg*Website Setup.Org  Open in new Window.

*Note5* If none of these sites do it for you, you can still do a 'google' search and find a site that's comfortable for you to work with.

*Bullet* Although you can link up images saved in your portfolio to your webpage, it is also advisable to save them in free image hosting sites (having your own domain/server is a great bonus). Here are a few sites that allow free uploading of pictures:
                    *Bulletg*Photobucket  Open in new Window.
                    *Bulletg*PostImage  Open in new Window.
                    *Bulletg*Dropbox  Open in new Window.
                    *Bulletg*Box  Open in new Window.
                    *Bulletg*WordPress  Open in new Window.
                    *Bulletg*Wix  Open in new Window.
*Note5* Be sure to read the site(s) guidelines on linking images and see if they have limits to how many can be uploaded or displayed.

Got all of that above? Great! It's time for us to begin work on your WDC page! *Smile*

*Idea* FREQUENTLY ASKED QUESTIONS:

*Question* How Do I Create the Webpage? Where Do I Begin?

*Bullet* Click on the 'Create New Item' link.
*Bullet* Select the 'Webpage' option under the Premium section.
*Bullet* Like any other item you create in WDC, follow the familiar steps...until you get to Item Body - This is your workspace. As you might have already noticed, it says that both Writing ML and HTML tags will work just fine. Personally, I prefer to lay out my workspace like so:
<html>
<body>
MAIN TEXT/BODY OF WEBPAGE
</body>
</html>

*Bullet*Once you are satisfied with the way your page wants to look, save and view.


*Question* How Do I Add A Background Image?
*Bullet* Keeping in mind that your image must be saved in a free hosting site or your server/domain - for example, roses.jpg, which can be found in https://i.postimg.cc/yxHpf5RC/roses.jpg [This is a random example of course], the proper tags would be:

<html>
<body background="https://i.postimg.cc/yxHpf5RC/roses.jpg">
MAIN TEXT/BODY OF WEBPAGE
</body>
</html>


*Question* How Do I Link Up Images, So It Can Be Seen On the Page Itself?
*Bullet* Using our example: https://i.postimg.cc/yxHpf5RC/roses.jpg, the proper tag to use is:
<img src="https://i.postimg.cc/yxHpf5RC/roses.jpg">


*Question* How Do I Create a Table?
         A table on a web page is useful for separating blocks of information. A table can have as many cells (sections) as you need, but for the purposes of demonstration this tutorial will show you how to write HTML code to create a simple two-row two-cell table. The example code below is very simple to understand if you take a moment to look at the code and learn what the abbreviations mean:

<table> tells your web browser that the table begins here.
<tr> defines the "table row"
<td> defines the "table cell"
</td> ends the table cell
</tr> ends the table row
</table> tells your web browser that the table ends here

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>


         This is what the above code will look like in your web page:

Table Figure for Page


         The size of the table will expand as you insert information into it. You can add certain attributes to the HTML code which will limit the size of the table and the size of the cells inside it. When you start a table, you MUST also close it. It's a bit like drawing a box on a sheet of paper. It's not going to be a box unless you draw all four sides *Smile*

         Below are some helpful links to helpful websites that will show you some ways to adapt your tables to make them more suitable for your needs.

*Bullet*These websites will show you how to create a table in different styles:

                    *Bulletg* HTML Tables  Open in new Window.
                    *Bulletg* Tables  Open in new Window.

         These websites will automatically generate the code for a simple table - all you have to do is type in how many rows and colums you need, and once you learn how to tweak some of the attributes you can edit them to suit your needs:

                    *Bulletg* HTML Table Generator  Open in new Window.
                    *Bulletg* Tables Generator  Open in new Window.
                    *Bulletg* HTML Table.com  Open in new Window.

*Question* Can I Use Existing Page Templates in WDC?
         Yes, you can use existing templates on WDC. You must have a good grasp of HTML/CSS codes to enable you to make the necessary changes. Simply download whatever template's codes you plan to use, go to your webpage workspace, paste and edit. Please make sure that templates used must have permission from designer to be used elsewhere and codes changed. Also do not claim templates as your own, if NOT created by you.

*Question* Where Can I Find Already Created Webpages on WDC?
         To find existing webpages (for inspiration), go to Browse by Type under Site Navigation on the left side of your WDC site screen, scroll down and click on Web Pages.





                                                           - iKïyå§ama Author Icon and Ladyoz Author Icon
© Copyright 2008 iKïyå§ama (satet at Writing.Com). All rights reserved.
InkSpot.Com, its affiliates and syndicates have been granted non-exclusive rights to display this work.
..:::..Kiya's Sanctuary..:::..
..:::..Kiya's Graphics Designs Portfolio..:::..



... powered by: Writing.Com
Online Writing Portfolio * Creative Writing Online