Website design.

Pages: 1 2 3 4

Index »
Community »
Graphics »
Website design.

2007-07-16 21:26:41

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

Cerpin_Taxt wrote:
Scorpion0x17 wrote:
Cerpin_Taxt wrote:

Well, if you want your website to be on the web, a server is kind of required.
Yes, but if you also want your resume to be readable offline and you write it all in PHP, you're fucked.
There isn't much point in developing a website for an offline resume/portfolio. There are much better alternatives out there. If this is for a web development position, then you better have that site live on the web.

1. Did you even read Vilhams original post? No, thought not.
2. Did I say that he shouldn't put it on the web? No, thought not.
3. Will doing it all with client-side coding only stop him putting it on the web? No, thought not.

2007-07-16 21:32:35

Vilham: Say wat!?; +580|6981|UK

My next query is on the last post of page 2...

2007-07-16 21:34:45

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

Vilham wrote:
lol k guys stop arguing.

I have a new question i cant find on these basic tutorials im reading. Ive got an image, its broken down into different parts. Its like a background which flows across all the parts with text for different sections. However when i put it together using XHTML, with no borders it leaves a gap between all the parts. The code i have is.

You need to use an imagemap.

Look-up 'client-side imagemap', and the <map> and <area> tags.

Or you can use CSS Positioning rules. But learn the imagemap method first.

Last edited by Scorpion0x17 (2007-07-16 21:39:59)

2007-07-16 21:38:07

Vilham: Say wat!?; +580|6981|UK

nvm yeah ive found image maps. Thx.

Last edited by Vilham (2007-07-16 21:39:23)

2007-07-16 21:40:36

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

Cerpin_Taxt wrote:
I must be on crazy pills.

You said it. ;P

2007-07-16 21:52:41

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

Vilham wrote:
Do you know which way the cords go for the locations on the image? I thought it was 0,0 in top left corner, but it doesnt appear to be so. All it gives is an example and no actual details. thx

Erm... good question... it's been like, never, since I used an imagemap...

<*goes and gets html reference book...*>

Hmm... my book says top-left too...

(and, sorry, at wrong computer to easily knock up a quick test...)

EDIT: You figured it out?

Last edited by Scorpion0x17 (2007-07-16 21:57:25)

2007-07-16 21:57:03

Vilham: Say wat!?; +580|6981|UK

yeah dont worry. Missed an "s" off the end of a name. thats what debugging is for!

2007-07-16 21:57:54

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

Vilham wrote:
yeah dont worry. Missed an "s" off the end of a name. thats what debugging is for!

2007-07-16 22:01:12

chittydog: less busy; +586|7050|Kubra, Damn it!

Huh, just noticed you guys signed up the exact same day...

2007-07-16 22:02:38

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

chittydog wrote:
Huh, just noticed you guys signed up the exact same day...

OH yeah. I'd not noticed that.

Last edited by Scorpion0x17 (2007-07-16 22:02:50)

2007-07-16 22:33:52

Vilham: Say wat!?; +580|6981|UK

http://vilham.freehostia.com/index.html

and voila. Took about an hour and a bit.

Ofc im going to improve on it, but thats just the ground work done.

2007-07-17 02:18:46

konfusion: mostly afk; +480|6765|CH/BR - in UK

eh - I just learned by taking a couple of websites apart entirely and customizing them. xD

-konfusion

2007-07-17 11:27:12

.Sup: be nice; +2,646|6668|The Twilight Zone

konfusion wrote:
eh - I just learned by taking a couple of websites apart entirely and customizing them. xD

-konfusion

where did u got those sites?

https://www.shrani.si/f/3H/7h/45GTw71U/untitled-1.png

2007-07-17 21:25:36

golgoj4: Member; +51|6989|North Hollywood

Vilham wrote:
http://vilham.freehostia.com/index.html

and voila. Took about an hour and a bit.

Ofc im going to improve on it, but thats just the ground work done.

Nice, that was the image I used in my original webpage back when I was learning html.

To the guys who say learning php is useless and dying, what context do you mean that in exactly? What sort of websites are you putting together that make php irrelevant and why? I would just like to get your opinions on why, the reason being my site runs on php and I dont think its too unprofessional or nooby. I guess what im asking is what are the different applications that you see the strengths and weaknesses of various languages.

a guy wondering.

2007-07-17 21:43:19

chittydog: less busy; +586|7050|Kubra, Damn it!

golgoj4 wrote:
Vilham wrote:
http://vilham.freehostia.com/index.html

and voila. Took about an hour and a bit.

Ofc im going to improve on it, but thats just the ground work done.
Nice, that was the image I used in my original webpage back when I was learning html.

To the guys who say learning php is useless and dying, what context do you mean that in exactly? What sort of websites are you putting together that make php irrelevant and why? I would just like to get your opinions on why, the reason being my site runs on php and I dont think its too unprofessional or nooby. I guess what im asking is what are the different applications that you see the strengths and weaknesses of various languages.

a guy wondering.

PHP isn't useless or necessarily nooby. It was made for exactly what you're doing with it: running personal sites that see a small to decent amount of traffic, but don't do any hardcore processing. When I was discouraging Vilham from it earlier, it was because he said he wants to go into video game development, where a web scripting language like PHP wouldn't be used. For personal use, PHP is great. It's easy to learn and free. If you're looking for alternatives, classic ASP is very comparable. As long as you're not looking for a career as a programmer, you don't really need to look into anything else.

2007-07-17 22:23:54

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

golgoj4 wrote:
Vilham wrote:
http://vilham.freehostia.com/index.html

and voila. Took about an hour and a bit.

Ofc im going to improve on it, but thats just the ground work done.
Nice, that was the image I used in my original webpage back when I was learning html.

To the guys who say learning php is useless and dying, what context do you mean that in exactly? What sort of websites are you putting together that make php irrelevant and why? I would just like to get your opinions on why, the reason being my site runs on php and I dont think its too unprofessional or nooby. I guess what im asking is what are the different applications that you see the strengths and weaknesses of various languages.

a guy wondering.

I'm not saying php is not worth learning, just that Vilham doesn't need it yet, but I'll answer your "what are the different applications that you see the strengths and weaknesses of various languages" question anyway...

It's best to deal with this in two parts, client-side and server-side languages:
Client-side languages.
Client-side languages are those that are handled purely by the browser. These are HTML, CSS and JavaScript.

The key benefits of client-side languages are:

1. Can be used locally - no server required.
2. Minimises load on the web-server (when on web).

The main downsides are:

1. Can not communicate with the server.
2. Very limited, specific features and capabilities.
3. Code is un-secure - anyone can read/copy/steal it.

HTML - was originally intended, and is best used, primarily as a markup language - that is, to indicate the 'nature' of the various chunks and structure of the page body content. For example, paragraphs, headings, sections, tables and so on... Strictly, layout information should not be in HTML, but tables offer a powerful layout tool and table-based layouts are common.CSS - primarily handles presentation and layout - CSS layout is preferred over table-based layout but still suffers from browser compatibility issues - IE6, for example, which is still in use, chokes on most of the positioning rules.JavaScript - should be used for simple, non-critical, data handling/checking - for example, verifying that user has filled out all required fields in a form - and for implementing 'dynamic page content' - i.e. content that changes in some way. It can also be used to generate 'common page content' - either static or dynamic.Server-side languages.Server-side languages run on the server. These are things like PHP and ASP.The key benefits of server-side languages are:

1. Can access server-side resources. E.g. Databases, email, etc.
2. More powerful, featured and capable than JavaScript.
3. Code is secure - no one but web-author/manager/admin can see it.

The main downsides are:

1. Can not be used locally - because you need a server, d'uh!
2. Increases load on the server.

PHP and ASP - are very similar - ASP is found on Windows based servers, PHP mostly on Apache/Linux servers - they're both very powerful scripting languages and can, as I mention above, access many useful server side resources, as well as providing secure, private, processing of data. Can be used to generate common and static page content. Most useful for back-end processing.

Hope that helps... though I'm sure I'll think of more... will edit if I do...

Last edited by Scorpion0x17 (2007-07-17 22:27:13)

2007-07-18 07:01:55

Cerpin_Taxt: Member; +155|6418

Scorpion0x17 wrote:
JavaScript - should be used for simple, non-critical, data handling/checking - for example, verifying that user has filled out all required fields in a form - and for implementing 'dynamic page content' - i.e. content that changes in some way. It can also be used to generate 'common page content' - either static or dynamic.

Javascript should never be used for form verification. All one has to do is disable Javascript in their browser and they can spam empty forms all day.

This thread is a breeding ground for bad advice.

chittydog wrote:
PHP isn't useless or necessarily nooby. It was made for exactly what you're doing with it: running personal sites that see a small to decent amount of traffic

Yahoo, YouTube, and Digg are written in PHP.

I reiterate: This thread is a breeding ground for bad advice.

Last edited by Cerpin_Taxt (2007-07-18 07:15:17)

2007-07-18 08:53:07

Scorpion0x17: can detect anyone's visible post count...; +691|6981|Cambridge (UK)

Cerpin_Taxt wrote:
Scorpion0x17 wrote:
JavaScript - should be used for simple, non-critical, data handling/checking - for example, verifying that user has filled out all required fields in a form - and for implementing 'dynamic page content' - i.e. content that changes in some way. It can also be used to generate 'common page content' - either static or dynamic.
Javascript should never be used for form verification. All one has to do is disable Javascript in their browser and they can spam empty forms all day.

Did I also say that one shouldn't also verify the data on the server-side? No I did not.

Doing some verification client-side saves the need for data transfer between client and server and reduces server load, but it is not a replacement for more thorough server-side data checking.

The ideal situation is to use BOTH server-side and client-side scripting.

Last edited by Scorpion0x17 (2007-07-18 08:55:25)

2007-07-23 03:36:26

Vilham: Say wat!?; +580|6981|UK

Ok, I spent a little time breaking from the site to work on other projects primarily maps and modifications for bf2 and WC3.

New question is...

If you look at my site, i have a red gradient to blue background, now what i want ideally is a content pane for the current page down the left, eg on gallery a sig shortcut and a texture shortcut, i know how to do those shortcuts what i dont get is how i can push everything else out of that red section and into the blue area.

Thanks in advance.

Site - http://vilham.freehostia.com

hmm it aint even updating.

Last edited by Vilham (2007-07-23 03:46:08)

2007-07-23 03:54:25

Cheez: Herman is a warmaphrodite; +1,027|6654|King Of The Islands

Hmm. It's been a while, but I guess you could try

Code:

<div style="float:left; width:280px">
...
</div>

Obviously I'm being lazy and you should always put styles in the <head> or <link>.

I'd also 'harden' the line between Navigation and Content imo.

My state was founded by Batman. Your opinion is invalid.

2007-07-23 03:56:38

Vilham: Say wat!?; +580|6981|UK

so what does that do? makes a divider of 280 px?

Yeah that works. But it only pushes stuff over where the text is, what ideally i want is a divider going all the way down the whole page.

Last edited by Vilham (2007-07-23 04:00:10)

2007-07-23 04:02:37

Cheez: Herman is a warmaphrodite; +1,027|6654|King Of The Islands

Yep.

Although it isn't liked much, you can add height:100% to the style. Experiment with percentages or 300px or even auto.

Edit:
Actually now your getting into the stage you should start adding containers all over the place.

I'm not to sure on DIVs still so let someone else chime in and abuse me for my archaic design practices.

Last edited by Cheez (2007-07-23 04:05:02)

My state was founded by Batman. Your opinion is invalid.

2007-07-23 04:06:29

Vilham: Say wat!?; +580|6981|UK

Well the 100% doesnt work but changing it to a pixel number does, i set it temporarily to 1000px, which shifts everything below to the right. Thanks for the help.

2007-07-23 04:10:58

rambo43: Banned; +35|6438

Cerpin_Taxt wrote:
Scorpion0x17 wrote:
JavaScript - should be used for simple, non-critical, data handling/checking - for example, verifying that user has filled out all required fields in a form - and for implementing 'dynamic page content' - i.e. content that changes in some way. It can also be used to generate 'common page content' - either static or dynamic.
Javascript should never be used for form verification. All one has to do is disable Javascript in their browser and they can spam empty forms all day.

This thread is a breeding ground for bad advice.

chittydog wrote:
PHP isn't useless or necessarily nooby. It was made for exactly what you're doing with it: running personal sites that see a small to decent amount of traffic

Yahoo, YouTube, and Digg are written in PHP.

I reiterate: This thread is a breeding ground for bad advice.

And so are the majority of forums. Forums see big traffic

PHP FTW!

2007-07-23 15:21:18

Vilham: Say wat!?; +580|6981|UK

Yeah so ive been using the <div> tags. I got a question or two I cant find an answer for in tuts. Can they be nested. So far my attempts to nest them have failed badly. What I effectively want is my main image set over the blue and nothing level with it. Everything should be below the image, including the left column of targets. However when i try to nest and stuff the whole layout gets fucked up. The only solution i have atm is using <br /> about twenty times. Which isnt ideal as eventually im going to want the left div to scroll with the scroll bar. So its always there to shortcut around the page.

http://vilham.freehostia.com

Heres what i would like, if its possible.

https://img521.imageshack.us/img521/8065/webpageproblem1xn4.png

Heres the code im using.

Code:

<!-- Left divider with targets-->
        <div style="float:left; width:280px; height:1000px">

            <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
            Latest News
        </div>
    
    <!-- Main logo with image mapping -->
        <img src="webpage_logo.gif" width="800" height="361"  usemap="#contents">
        
        <map id="contents" name="contents">

            <area shape="rect" coords="360,70,430,100" alt="Home" href="index.html">
            <area shape="rect" coords="440,70,520,100" alt="Gallery" href="gallery.html">
            <area shape="rect" coords="525,70,685,100" alt="Qualifications" href="qualifications.html">
            <area shape="rect" coords="700,70,795,100" alt="Projects" href="projects.html">

        </map>

Thanks in advance.

Last edited by Vilham (2007-07-23 15:43:07)

Pages: 1 2 3 4

Index »
Community »
Graphics »
Website design.

Board footer

Jump to

BF2S Forums Website design.

Cerpin_Taxt wrote:

Scorpion0x17 wrote:

Cerpin_Taxt wrote:

Vilham wrote:

Cerpin_Taxt wrote:

Vilham wrote:

Vilham wrote:

chittydog wrote:

konfusion wrote:

Vilham wrote:

golgoj4 wrote:

Vilham wrote:

golgoj4 wrote:

Vilham wrote:

Scorpion0x17 wrote:

chittydog wrote:

Cerpin_Taxt wrote:

Scorpion0x17 wrote:

Code:

Cerpin_Taxt wrote:

Scorpion0x17 wrote:

chittydog wrote:

Code:

Board footer