Webpage Creation

As stated in my previous post, I'm not exactly knew to html coding. I'm not entirely an expert either, and in some ways I'm a little out of practice. However, the basic html coding is still used in wordpress, although slightly different. Using WordPress, many of the easier codes out of the equation.

Most of the coding I need to do is more complicated. When I access the templates or themes, I need to do a lot of re-arranging of coding and de-bugging. I often have to change fonts and sizes, as well as creating basic links and unordered lists.

An example of a basic link that I use every day is:

<a href="www.heart.webpage.com"> A Second Heart</a>

On the website, this coding will appear like this:



This can be customized to include email links by adding mailto: in the address.

At times, when customizing the navigation menu bar at the top of the page, depending on the template or theme used, I essentially create an un-ordered list. This will look like:

<div id="navmenu">

<ul>
<li> <a href="www.link1.com"> link one</a> </li>
<li> <a href="www.link2.com"> link two</a> </li>
<li> <a href="www.link3.com"> link three</a> </li>
<li> <a href="www.link4.com"> link four</a> </li>
</ul>


This, when generated in the header.php document in WordPress, will look like this:

 
Adding images to webpages is not something I do often, but at times I do create a soundtrack or a "fanmix" for certain characters and novels.

The simple coding for this is:

<img src= "image_name.jpg">

This will appear like this:

 

This can be easily turned into an image link, which I sometimes do to provide downloads to songs from certain soundtracks, and links to itunes. This allows users to simply click the image and be taken to another page. This appears as:

<a href="http://itunes.com/" target="_blank">
<img scr="image_name.jpg"/> </a>

Permalinking within a website is easily done through WordPress. The link generator does this on it's own. When a page is save it is automatically given a number in sequence. When linking one page to the next, the link name can be highlighted and the insert/create a link button can be selected.

The link title still needs to be entered into the box.

Links in WordPress look slightly different than the traditional links. To link to a page already within the website, first remove the highlighted "http://" in the Link URL box. The code you enter here will be

/?page_id=522

Once "insert" is selected, the link is created. This can be done directly in html by changing the dialogue box from visual to html. However, it is much easier to insert the link in the visual mode. The code is generated automatically.

For an example of one of my subdomains, visit PaperDaisy

The little writer that could....

My history in web-design:

My very first website was created at the tender age of fourteen. I had always been a writer, and I knew based on many of the websites I frequented that if I ever wanted anyone to read what I would write, I needed to get it out there on the internet.

My first website was a simple one, created on what was known at the time as geocities. It was primitive at best. I hadn’t yet learned to create links or use images. I could only use the simple web design tools that geocities provided. Which were essentially backgrounds in primary colors and the option to change the colors of the words.

I started the website as a means of networking. I wanted to get my writing out there and interact with other young writers and share my thoughts and experiences.

I began visiting other websites and began teaching myself to create links and basic html commands such as posting images and creating frames. I visited websites and tried every tutorial I could find on webpage design and creation. I bought books, and borrowed books from the library. I purchased photo editing software and essentially taught myself.

I remained with GeoCities until its closure in the spring of 2009. I knew that the site was closing, and saw this as an opportunity to purchase my own domain name and dot-com address. I saw this as an opportunity to inspire other young writers and perhaps host a few other writers.

A friend and fellow writer offered me an incredible deal on a website, and took care of everything from domain registration to helping me transfer files and novels over to the new site. She was reselling data she had purchased on her own and I jumped at the chance.

Upon the recommendation of other web-designers and writers, as well as based on my needs for the website, I began using the blogging program WordPress. It allowed me to create designs which were not only personalized but also professional looking. I loved the fact that I could take a template, access the code and customize absolutely everything. And updating and posting was as simple as copying and pasting.

In early 2012, my site went down and I could no longer contact the friend who had helped me out so dearly. I waited patiently, but my readers were getting frustrated and aside from emailing out the chapters written, I could do nothing to fix the site. I couldn’t contact the host and I didn’t know where she was hosting to get my files and documents.

In spring of 2012, I made the decision to move to another server on my own and start from scratch. I spoke to the same group of online friends and searched for a reasonably priced host that came well-recommended. I decided on Hosting Zoom, a server out of Texas. The problem became that all of my documents were on the old site, and none of them were backed up. I had to start from scratch.

I had to choose a new domain name. I had purchased my old domain name outright, but because I didn’t know where it was hosted, there was no way I could get it back. I had to choose a new one. I decided on a name similar to the last and began the long and arduous task of creating subdomains, uploading themes, customizing them, and posting chapters. I had no idea how much thirteen years of writing would entail, as some of my novels are hundreds of chapters long and many have more than one part of at least fifty chapters or more.

I uploaded the most popular works first, but still the process took weeks of trying to find templates I had used and recreate the domains exactly as they had been. In some cases I lost header images and had to re-design them.

During this time, my former host finally responded to my emails. She was able to send me a partial back-up which was months old. I was easily able to upload entire subdomains through the SLQ database wizard. I only had to make a few minor changes and updates to bring the site back to its former glory.

I used Facebook and Twitter as well as my personal blogs on LiveJournal to inform my readers of the change in address.  I now have many of my original readers returned and thrilled with the changes. I get constant compliments from other writers in my circles about how great the site is looking.

I am so pleased with my new host I plan to remain with them as long as I can. Even though they’re out of Texas, if I have questions or problems, they respond promptly and are more than willing to help.

I’ve attached a few screen shots of my current subdomains.