Friday, March 29, 2013

YES, YES, A THOUSAND TIMES YES.

Good news #1:

I GOT THE JAVASCRIPT FILE TO WORK. I don't know what is it, maybe it's the new program I'm using, or maybe I just finally figured out how to do it right, but it works now. The HTML is a lot less cluttered now. And this is a good thing, because now it can be easier to read and follow. Unfortunately, I haven't actually been able to learn much JavaScript yet.

Good news #2:

I found a new program to use. But...you probably got that idea from the last piece of good news. It's called Netbeans, it's free, and it has HTML5 and CSS3. It works beautifully. I've used it on my personal computer. However, I'm not sure I can download it on the school computer. Even if I could, I'm pretty sure the Administrators wouldn't like that. It's quite easy to use and it even catches all your errors and warns you.

Good news #3:

I've decided what to do with this site. I'll make it a fansite for my novel series. I know that sounds really lame, but I think it's a good idea. I also think maybe it's a good idea to have multiple users be able to log in and out.

Good news #4:

I created the new stylized background table quite easily, and I think it makes the page look very nice! It was easy to center, the navigation bar was centered along with the table, and rounding the corners was quite easy with the new program. CSS3 has a lot of nice new stuff that makes it even easier to style! I would post a pic, but sadly I'n on my iPod and can't do that. I'll do it as soon as I get computer access though.

Bad news #1:

I haven't written the bios or posted the story previews yet. But I promise I'll get there! That's the last step.

Peace out.

Saturday, March 23, 2013

Good news, and bad news.

I couldn't get the external JavaScript file to work. I just left it in the HTML file. I don't feel like trying again, I think it might just be easier to keep it this way.

But the good news is that I did a little more playing around with CSS, and made a cool background table like I said I wanted to (or at least I think I said). Anyway, it looks really cool and wasn't much of a hassle at all. I just needed this page to help me center it. Other than that, it went really well. The pages are all looking better and better by the minute! Now I just want to have rounded corners on the table....however, from a Google search, with the version of CSS provided on Visual Studio 2010, that seems to be more complex than I want to deal with. So...square corners it is. Unless I can magically use CSS3 now.

Now I'm going to put some of the actual intended content onto the site, like some story previews and a biography of my characters. But that will come after I figure out the coding stuff.

I've also just moved all the styling in my CSS file to the HTML file because this program I'm using doesn't have HTML5 or CSS3, which are the most up-to-date versions. I'm going to try to just test this in an online editor until I find another program. So I'm now on the hunt for a new program that won't cost me a huge amount of money - which may be pretty hard to find.

My homepage is looking great, now I'll need to add all the styling to the other pages, since the CSS file will no longer exist. Great. ;_;

Wish me luck (again). I'll need it.

Peace out.

Monday, March 18, 2013

Trouble....

I'm having some trouble with trying to figure out how to get this JavaScript file to work.

Actually, a lot.

Remember that button I included in the last post?

I included the code for that within the HTML. I tried to put it into an external JavaScript file, and that really didn't go well. The button appears, but it doesn't do the confirm thing. I'm not sure if I've attached the file to the HTML properly. Either way, it's not working and that's a bit of a problem if I want to attach any JavaScript features.

The rest of the site is looking good though, and I want to try to create some more cool background stuff, like a background table, similar to the one that is Figment. It would include the navigation bar and all the contents of the page.

The home page looks like this.


The about page is coming along, there's an animated gif on it. :)



Like that. I haven't written a biography for my story characters yet, that's what the page was actually made for.  But that's the least of my concerns right now. ;_;

This is a lot harder than I thought it would be. The code can get confusing at times, things won't work the way they're supposed to, or elements interact weirdly to make things that I didn't originally intend. It's turned out pretty well so far, but really need to figure out this JavaScript file.

It'll take this page to the next level. And I really need that.

Oh, I also have a domain registered from quite a while ago. I might post the website I have created up on there. They recommend using FileZilla to upload the files.

This page should help me learn JavaScript and how to attach the files to the HTML document.

Wish me luck, people of the Internet.

Now, if you don't mind, I have to get this stupid button figured out before it drives me insane (because it will drive me insane if I can't get it to work right. That's just me though. Most people wouldn't care. :P)

I've not had any of this kind of trouble with HTML or CSS, which were a lot easier to learn and use on the page. But they can only create static elements, and good websites all have dynamic elements, which unfortunately are much more complicated.

I can do this.

I know I can.

Peace out.

Friday, March 15, 2013

This is hard.

So I started looking at JavaScript, thinking it would be fun and be able to do a lot of cool stuff. But I find it out is not so much like HTML or CSS, but more like "real" computer programming languages like C++ or Java, with functions, arrays, switches, and similar things that I learned in C++. So...this might be a bit more complicated than I originally anticipated. No matter.

I'll get through this.

It's easier than C++ at least. XD

It's probably helpful that the tutorials are really good and I actually understand what I'm doing.

I haven't figured out exactly how it interacts with HTML so far. But HTML buttons can control it. Like this.

Click the button to display a confirm box.



See? Anyway, yeah. It's fun. It seems like I'm well on my way to creating a good website. It will be great if I eventually learn PHP and mySQL. Beyond that, those are all the languages I really need to know for a good web page!

Peace out.

Tuesday, March 12, 2013

JavaScript and crud like that...

Okay. So I've finished learning some stuff about CSS, which really is pretty cool and great for stylizing pages. It was pretty easy to learn, except it took me a while to figure out how to center the navigation bar. *Whistles nonchalantly* That was really the thing I had trouble with. This page taught me how to do that. http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/

My homepage looks like this so far.


I've begun work on the other pages, especially the about page and the story previews page. The reason for the delay on the forum page is explained below.

And that means HTML and CSS are done, which brings me to JavaScript, which can create dynamic elements. CSS and HTML make a nice looking page, but they are static. They don't change. Looking over JavaScript, I've come across elements that can display the date, make pop-up alerts, and some other cool stuff as well.

The language itself seems a bit confusing, but the tutorials I've found simplify it and tell you exactly how everything works and what each statement does.

They taught me all of the HTML tags I know, which allowed me to create all the text and the table and such. I also learned the CSS required to add the background image, color the text easily, and style the navigation bar properly.

I think I will find a book that will give me some more detail on these topics. Having more help can't hurt, right?

I've been wanting to create a forum, because I've had wonderful experiences on the forums of my favorite writing website, Figment, and I thought I wanted to create my own. However, I found out that requires knowledge of PHP and mySQL, which I wasn't planning to learn. That was a disappointment, but there is still much I can do!

I've learned that creating a website is nowhere near as easy as I thought it would be. It requires lots of lines of code and learning different statements and tags and functions and it can get confusing. I've taken a real interest in this and I love working on it! I've gotten a lot accomplished since I started.

Peace out.

Friday, March 1, 2013

So...starting CSS

So, I've learned a bit of HTML, which is cool. It's great for creating the content of all the webpages and doing basic text effects, like headings, or italics. You can also post pictures and links, and make tables. You can also create forms, which could be useful for log ins and surveys. You can also use it to embed music and videos, which is totally awesome. I tried it by embedding a Taylor Swift song on my trial website. One of the things that is giving me a little trouble is remembering all the different tags and what their function is. In short, HTML is great for the actual page content.

I've tried all the stuff mentioned above on my test page, and they've all worked successfully.

But it's very limited in the formatting you can do. And that brings me to CSS, which is great for formatting text and images. It is easy to understand and creates some pretty darn cool stuff. CSS was actually created because HTML wasn't created for formatting. Nope. But people were using it for that purpose. Tags like <font> and color were added to HTML 3.2, but web developers would have to add that stuff to every page, which took, as you can imagine, a very long time. So The World Wide Web Consortium (W3C) created CSS. All formatting could be removed from the HTML file and stored in a separate CSS file.

But what does this mean? It means background images. It means easy font coloring, being able to change the font of the page, and a bunch of other aesthetic stuff that gives a website visual appeal. Admit it, you'd rather browse a cool-looking website with images and colors than a plain left-aligned black text page. Everyone would.

So that's my next thing to learn, and I think it should be fun. The code isn't confusing and I'm picking up on it fairly fast. It seems to be even easier than HTML tags from what I've seen so far. It's incredibly easy to link a CSS file to an HTML file, which is good. I have to remember though, that I can't make it distracting or it'll take away from the actual contents.

Peace out.