Jump to content

Web Interface


Soa

Recommended Posts

[hide=Oldest]fbztea.png[/hide]

[hide=Older]2u4h3k8.png[/hide]

[hide=Old]ix5e80.png[/hide]

 

[hide=New+Full Size]28ixpy1.png[/hide]

 

Just a preview, the original is twice as big.

I know how to make such a thing but I never really had the time to attempt it so just 3 days ago I sat down, messed with the styles and came up with one that I really liked.

It has a Castlevania/mechanical theme and probably only 1/4 of the way done. I still have to add more detail to the header, more "slots" or whatever to include the links in and some other little thingie ma-bobs. I'll bring it to full size when it's done. :D

Dart.jpg
Link to comment
Share on other sites

The new one is much better. The old one was way too dark D:

 

Anyway looks cool :thumbup:

Posted Image

 

- 99 fletching | 99 thieving | 99 construction | 99 herblore | 99 smithing | 99 woodcutting -

- 99 runecrafting - 99 prayer - 125 combat - 95 farming -

- Blog - DeviantART - Book Reviews & Blog

Link to comment
Share on other sites

Hmm, looks interesting. Do you have any intention of actually coding it, or are you sticking to the image?

I have Dreamweaver and hoping to learn to use it but I don't really see the point because I don't have a website or know how to get one. D:

Though I know that you can preview the design in html after I code it and travel through the links as if it were a working site.

 

Other comment: I will take a while to load if I code it using high quality pics but when I go to optimize the images in PS I can lower the quality enough so it will be fast.

Dart.jpg
Link to comment
Share on other sites

Hmm, looks interesting. Do you have any intention of actually coding it, or are you sticking to the image?

I have Dreamweaver and hoping to learn to use it but I don't really see the point because I don't have a website or know how to get one. D:

Though I know that you can preview the design in html after I code it and travel through the links as if it were a working site.

 

Other comment: I will take a while to load if I code it using high quality pics but when I go to optimize the images in PS I can lower the quality enough so it will be fast.

Well if you wanted to convert it to an actual functioning menu you would need to do more than optimize the images. You'd want it to be dynamically generated for any number of menu items, for example.

 

If you decide you want to try to make it the real thing, throw me a pm, I'll see if I can give you a hand.

 

More than likely I'll just send you off to dsavi though :P

polvCwJ.gif
"It's not a rest for me, it's a rest for the weights." - Dom Mazzetti

Link to comment
Share on other sites

Hmm, looks interesting. Do you have any intention of actually coding it, or are you sticking to the image?

I have Dreamweaver and hoping to learn to use it but I don't really see the point because I don't have a website or know how to get one. D:

Though I know that you can preview the design in html after I code it and travel through the links as if it were a working site.

 

Other comment: I will take a while to load if I code it using high quality pics but when I go to optimize the images in PS I can lower the quality enough so it will be fast.

 

Dreamweaver preview is pretty crappy, you can just open up the HTML file in firefox or something.

 

The resolution feels weird on it but you said you can easily make it larger? It's hard to see how it'd work well at a small size and without any dummy text or something.

Link to comment
Share on other sites

Hmm, looks interesting. Do you have any intention of actually coding it, or are you sticking to the image?

I have Dreamweaver and hoping to learn to use it but I don't really see the point because I don't have a website or know how to get one. D:

Though I know that you can preview the design in html after I code it and travel through the links as if it were a working site.

 

Other comment: I will take a while to load if I code it using high quality pics but when I go to optimize the images in PS I can lower the quality enough so it will be fast.

Well if you wanted to convert it to an actual functioning menu you would need to do more than optimize the images. You'd want it to be dynamically generated for any number of menu items, for example.

 

If you decide you want to try to make it the real thing, throw me a pm, I'll see if I can give you a hand.

 

More than likely I'll just send you off to dsavi though :P

Whoa whoa hold on. I'm like the cat in your sig when it comes to coding. It scares me. But yea, I would like to learn as much as I can.

 

Hmm, looks interesting. Do you have any intention of actually coding it, or are you sticking to the image?

I have Dreamweaver and hoping to learn to use it but I don't really see the point because I don't have a website or know how to get one. D:

Though I know that you can preview the design in html after I code it and travel through the links as if it were a working site.

 

Other comment: I will take a while to load if I code it using high quality pics but when I go to optimize the images in PS I can lower the quality enough so it will be fast.

 

Dreamweaver preview is pretty crappy, you can just open up the HTML file in firefox or something.

 

The resolution feels weird on it but you said you can easily make it larger? It's hard to see how it'd work well at a small size and without any dummy text or something.

HTML is the only thing I'm familiar with but even so, I'm still new to it. CSS and other stuff like that is like a foreign language to me. The image in the first post is reduced 50% so it's not hard to change the text if it's too dark or anything else.

Dart.jpg
Link to comment
Share on other sites

Ok, what program should I use? I know that dreamweaver isn't what a lot of people use because of the dynamic sites I've seen with cool transitions and such that people have on portfolio sites.

Dart.jpg
Link to comment
Share on other sites

All I want is a straight answer. Every website on the internet is done using some program and some way in which I could learn. People do it by hand, use dreamweaver, joomla, wordpad, idk. What I want is a website that tells me straight up what to get and how to do it but every coding site I go to has something different and some different lingo like HTML and CSS+ or whatever.

 

Anyway, I updated the first post.

Dart.jpg
Link to comment
Share on other sites

I already gave you your answer: The majority of serious web developers do not use any program to do development, instead they chose to hand write the html, css and javascript code using a text editor.

 

If you're looking for a learning resource, w3 schools is decent for beginners.

polvCwJ.gif
"It's not a rest for me, it's a rest for the weights." - Dom Mazzetti

Link to comment
Share on other sites

All I want is a straight answer. Every website on the internet is done using some program and some way in which I could learn. People do it by hand, use dreamweaver, joomla, wordpad, idk. What I want is a website that tells me straight up what to get and how to do it but every coding site I go to has something different and some different lingo like HTML and CSS+ or whatever.

 

It depends what your overall goal is. I'll break it down a bit.

 

 

For programs you're really looking at a few good ones to code in which are:

 

Dreamweaver is the most common one although I will say that a lot of people don't end up using a lot of features in it. There are some cool things in it but for just making a random webpage you'd probably just end up being in the code window 95% of the time. The nice thing is dreamweaver has a sort of 'autofill' like tool that makes coding a little faster.

 

Notepad++ is your best choice if you don't want to pay/torrent anything. It has color coded code and some other really useful features.

 

Notepad is good if you just want to be classic, haha.

 

 

As far as code goes you have several directions you can go in and all of them are used differently.

 

HTML is going to be the base of pretty much everything you do. It's where all the pieces come together and it is that main step between code and your browser. If you're looking to do web design learning HTML is a must.

 

CSS is HTML's sidekick, in a way. Both of them are generally used in conjunction with each other. While you can create a site in just HTML (and you can create a "functional" one as well) the idea of CSS is that it lets you put a sort of "overview parameters" for all of the HTML files you link it in. In CSS you can set the default font, font size, background and you also can set the sizes for things called DIV's (imagine them like making a table but much cleaner on the code and easier to use). CSS is probably mandatory as well for your projects.

 

Javascript is really useful when you want things like animated widgets or some of the cool effects you see on the web. For example on my old site I had a javascript "dock" kind of thing for my thumbnails. Another example of javascript would be lightbox. As far as it goes unless you plan on writing your own javascript programs you really only need to know enough of it to both implement it into a site or make changes to it.

 

PHP is one you may want to know as well if you ever plan on doing some sort of blog. Generally to get your site onto a CMS (joomla, wordpress, ect.) you need to code the "template" in PHP. (I know for a fact wordpress works this way, I'm not 100% positive it is the same for other CMS). PHP is something you'll want to learn as well for this reason.

 

 

 

So really just start with dreamweaver/notepad++ and learn yourself HTML and CSS to start with.

Link to comment
Share on other sites

24wfw36.png

 

Here's a little something I made. Had God of War/Cerebus/Temple theme in mind. Could be used as a header statue like a statue thing on the hood of a car. IDK.

Dart.jpg
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.