Web Dev noob

Ciaran219

Hi Guys/Girls,

I am new to Web Dev, currently studying as i build. I am building a site just to get a portfolio together.
I am having issues with images showing once i have emailed it to someone, they cannot see the images for some reason. I cannot attach the zip as its too large. But if someone who can help would let me email them it, id appreciate that.
So far i have two pages i am working on, i have zipped and attached everything i have if anyone can give advise on where i am going wrong with these images.

TIA

Ciaran

Graham

I'm guessing you're emailing web pages that display images referenced/stored locally on your machine.

Ciaran219

Graham wrote: »

I'm guessing you're emailing web pages that display images referenced/stored locally on your machine.

Thats it exactly, Should've mentioned that.
I emailed you the code & the images in a zip file.
Thanks

Graham

Reply sent, the path to your images is a local file path that won't exist on your recipients machine.

Change:
[HTML]<img src="C:\Users\ciaran\Desktop/Websites/Images/shop-front.jpg"> <alt="Fashions" title="Fashions"></a>[/HTML]
To:
[HTML]<img src="Images/shop-front.jpg" alt="Fashions">[/HTML]

Edited to remove wonky alt tags n stuff.

Senna

What about a cheap hosting option, if you only want it short term there are some good intro offers.

Ciaran219

Just replied to your email.

Thanks for your help Graham. THink ive changed everything you mentioned now.
I replied with the new zip file if you get a chance to see if it opens?

Thanks

Ciaran219

I am doing it for my grandparents for free, builds me a portfolio but also something to for them.
Havent even look at hosting yet. Still a bit off being finished

Digital Society

Could you just put them on IMGUR and link to them? The user would obviously need an internet connection to see them.

Ciaran219

All done now, this can be closed.

Graham sorted me out.

Cheers

Buford T Justice

In the interests of other people it would be helpful if you could post the solution to the problem, that it might help others in the future.......

Ciaran219

Buford T Justice wrote: »

In the interests of other people it would be helpful if you could post the solution to the problem, that it might help others in the future.......

Below is the line of code I had written and below that the correct code Graham had suggested which has since fixed the issue.



Using website2.html as the example:

Change this (line 191):

<img src="C:\Users\ciaran\Desktop/Websites/Images/shop-front.jpg"> <alt="Maries Fashions" title="Maries Fashions"></a>

to this:

<img src="Images/shop-front.jpg"> <alt="Maries Fashions" title="Maries Fashions"></a>

Graham

Check the later email Ciaran, there's still some funky alt/title/anchor stuff going on there.

Ciaran219

You're right.. On my phone now so missed it just now.. Updated one below

Some elements are still a bit all over the place:

<img src="Images/dressing-room.jpg"> <alt="Maries Fashions" title="Maries Fashions"></a> <style="width:550px;height:200px/>

should be more like this

<img src="Images/dressing-room.jpg" alt="Maries Fashions" width="550" height="200">

And there’s quite a few other tags not properly formed:

<div class=" section"=“">

should be more like this

<div class="class_name_here" section="section_name_here">

webfruits

You say you are studying, so if you are a student you can get a bunch of freebies with the GitHub Student Developer Pack.
You can get some free hosting and domain names to make it easier and cheap to test your work rather than emailing folders

Ciaran219

Didn't realise that was something that could be done. I'd heard of github for freelance work and contributing to larger projects etc.

Cheers for that, I'll take a look today &#55357;&#56397;

Buford T Justice

If you are a student you can get the following:
Github will give you 5 free private repositories, but you can have an unlimited number of public free ones too.
They also offer some other freebies as part of their program
https://education.github.com/pack

Microsoft will give you 6 months free access to pluralsight
https://absolute-sharepoint.com/2015/12/free-pluralsight-6-month-subscription.html

Intellij will give you licences for all of their products for 12 months for free
http://blog.jetbrains.com/blog/2014/09/23/jetbrains-makes-its-products-free-for-students/

Amazon will give you $30 free credit for their services, although in saying that if you sign up newly to their aws services you can get a free ec2 micro instance for 12 months for free. Not to bad really, since you can deploy a linux box and install whatever web technologies you want on it and belt away

bpmurray

And IBM will give you free access to Bluemix. You have to renew every 6 months, but it's free as long as you're a student - your lecturer has to sign off via the IBM Academic Initiative.