help required for XHTML, CSS and some PHP

Permabanned
Joined
22 Feb 2010
Posts
1,629
Hey fellow forum members.

Im in urgent need of some help or i will fail my uni course.

I have been so busy with other modules i have neglected the web design part and i have NO idea of what i do to create the thing for my assignment.

Im looking for someone who has good knowlage of Xhtml and css plus php to lend a hand and teach me how to build a VERY basic e-commerce website within a program called JPad pro.

Im not allowed to use Dreamweaver or anything like that.

if your local and want to make an easy buck then please pop over and make your self known and i will pay you for your time as if you were a 1 to 1 teacher. Will also let you play just cause 2 on eyefinity

This is due to be in next monday and i have got as far as makeing a basic page with my name and "hello" written within the body

please please please help me I Must compleate this moduel to stand a chance of progressing onto my fully fledged degree.

please contact me on 07716663382 via text, please dont spam message or prank call me as i simply dont have the time to be messed about.

Im so worryed im close to crying lol
 
Wish i could, but i tend to shy away from the people at uni.
Also the deadline is monday and the presentation for my code is on wednesday so about a 1 day extention if im lucky :/
 
Google and http://www.tizag.com for resources.

Get your course mates to help or get an extension from your tutor before it's too late?

That site is a weatlh of information!

Thank you so much for showing me it.

I now have 8 pages, each with colour and hot links to other pages...

Now i need to design the style better and add photo's create a Shopping cart that works and payment process via paypal
 
When I was learning I found a really good tutorial that php/mysqwl - it's a kind of step by step ecommerce website, its rewally simple but I leanred a lot from it a few years ago. Note, this doesn't actually take payments, just mimick it.

http://www.maconstateit.net/Tutorials/PHP/default.htm (the link to the finihsed product didnt work last time i checked, but you can still follow the sections through and get your basic funtionality going).

You could also try http://www.phpwebcommerce.com/ - but I've not actually gone through that one, but found via a random google.
 
This was a post I made over at another forum in a thread entitled "making websites". Not all of it will be aplicable, but it might help.

Stay away from *unlimited* deals. They aren't ever unlimited.

Try this lite package, linux hosting: http://www.tsohost.co.uk/hosting.php

It will provide you with a control panel for your website (aptly named "cPanel") which will do pretty much everything you could want.

If you want to use email on your domain, and use the above lite hosting package, I suggest looking at Google Apps for Domains: http://www.google.com/apps/intl/en/group/index.html

Using email on above hosting (or any hosting similar to this) will eat away at your bandwidth and disk space allowances. Google apps will allow you bypass the email system on the hosting package and use GMail instead.

There are two sides to website making. The design side (obviously) and the programming side. Both involve two distinct skillsets, but are combined to make "usable" websites.

The design side usually involves Mocking up the site in a graphics package. Something like photoshop or fireworks. Once you've done that, re-creating it using a combination of HTML and CSS. HTML is used to designed the web-page "content" and then CSS defines how that content looks.

The programming side of making websites involves connecting pages and providing them some logic. For example: What happens when someone presses a the submit button on a web form? Many many many different programming languages can be used for this. The most popular is probably PHP due to its ease to pick up. You will, however, need to also know about HTML/CSS to be able to progress with this side of things.

For *making* websites you don't need anything other than a good text editor. Notepad++ or Sublime text are the recommendations from me on windows. Using something like dreamweaver won't really help you to understand what is going on.

I suggest you take a look at these following links / tutorials to start our with the "designing" side:

HTML:
- http://www.w3schools.com/html/default.asp

CSS:
- http://www.w3schools.com/css/default.asp

A tutorials such as these are also great to learn about the "design" of websites in photoshop:

- http://line25.com/tutorials/create-a-gnarly-snowboarding-themed-web-design
- http://dzineblog.com/2009/01/27-best-photoshop-web-layout-design-tutorials-part-2.html

To convert these into usable websites the following tutorials are helpful:

- http://line25.com/tutorials/how-to-convert-a-photoshop-mockup-to-xhtml-css
- http://line25.com/tutorials/how-to-code-up-a-web-design-from-psd-to-html

If its the programming side of websites that you're interested in take a look at these PHP tutorials / minisites:

- http://www.w3schools.com/php/default.asp
- http://www.tizag.com/phpT/

There is a third side to web development, which I purposely haven't mentioned so far, and thats added site interactivity using Javascript / HTML5 / CSS3. I would suggest looking at those three topics only ones you are comfortable with the above.

This has been a bit of a braindump, so any questions just shoot.
 
Im not allowed to use Mysql and i not sure if PHP is required at all.

Its just the front end of the site i think.

I went and got a book called: XHTML and CSS problem design and solution from my uni libary, looks great and i now feel i will be actually able to produce something good.

Thanks for all the links and advice people :D I will let you know how i get on
 
How do i get the HTML to link with the CSS as i made boxs in CSS for the page but now i wana put things in them:/
If I've understood you right:

http://www.w3schools.com/css/css_howto.asp

External Style Sheet

An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:
Code:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
:)
 
Ah, so you're not being asked to make a fully functional site.

The CSS links by class or id, if you have linked the stylesheet as MarcLister says the other concept to understand is below.

So if I use the markup in the html for a box with the words Hello world! in.

<div class="box">Hello world!</div>

Then on my stylesheet I can change the appearance of all elements with the box class, e.g. using:

.box {font-size: 2em;}
 
Ok then.

So if i have my css here:
#left {

position: absolute;

left:0px;

top:150px;

width:180px;

background:#fff;

border:1px solid #000;

padding: 0px 5px;

}

In the Xhtml I have to use this to put text in that left box?:
<div id="left">
</div>

And all within the Divs will go into said box?

If i have this correct i can do more :D

And no not a fully functional one, Just the front end of the site, need pages and buttons to work and it to look like an internet shop.. Im going to use paypal cart and buttons becuase they validate with Xhtml and will make it a fully working shop anyway :P
 
Last edited:
What you have got above looks fine but im not sure what they are asking you to do. Just produce a basic flat webpage in the style of a shop or to actually allow people to order from it?
 
I wouldn't do stuff that wasn't asked tbh. Sounds like you should concentrate your efforts on what was asked.

You've spent a couple of days on it and have very little to show for it, get your arse in gear.
 
Back
Top Bottom