Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 298
  • Last Modified:

Basic website

Hello,

I am very new to website development and this is my first project.  I have no clue how and where to start.  So, I need to know what should I have to get a basic website started.
All I have is the images required for the website and pdf document to see where all images are going to line up.  They are also available in ai files.  

Do I need to write a CSS file?

This could be a simple html or php site, whichever is simple and fast.

Thanks.
0
perlwhite
Asked:
perlwhite
4 Solutions
 
n2fcCommented:
You could try using Microsoft Word...

If you are familiar with that, just layout the page to resemble your desired web site ...

Then use "save as web page" and save it as HTML...

Voila... Instant web site!
0
 
rgranlundCommented:
If you have a little time, look at this, it may be a good place to start if this is something you want to know how to do.
http://html5boilerplate.com/

And here is a general tutorial:
http://www.youtube.com/watch?v=DUDYYZVscYw

You can also look up on YouTube "How to build a website" and you will find plenty of tutorials.
0
 
rgranlundCommented:
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
perlwhiteAuthor Commented:
I think I did not provide enough information in my question.  My question is I have all the images needed to be on the webpage.  So, do I need to have a CSS file or I can just put these images in HTML file?
0
 
rgranlundCommented:
You can place them directly in the HTML.  You would use the CSS to create a class or an ID to contain the images and style the container.  You can also place the img in the CSS if you want it to be a background image.
0
 
Scott Fell, EE MVEDeveloperCommented:
>You could try using Microsoft Word...

I'm sorry, but I really don't agree with that advice.  Microsoft word creates an awful html mess.  

Since you are new to website development, creating a php site that is dynamic is another layer of something to learn.  If you want to do this on your own, spend the time to learn to code.  http://www.codecademy.com/learn  Start at html, then css, then just the basic javascript and jquery.  Plan on spending a few several hour sessions to get the basics down.  A weekend of doing this will save you a ton of time down the road compared to just hacking away from the start.

If what you really want to do is generate the content and not worry about the coding, I suggest a service like http://www.squarespace.com/ or  http://www.wix.com/ or even http://www.weebly.com/.  You just choose your template, add your content and go.  There is also wordpress but it is harder than it looks and if you don't know what you are doing you can get yourself in trouble. It is one of the largest CMS's that people use, but it is also the most hacked not because of the fault of WP, but from people  not really knowing what they are getting into.

Another option is using http://www.tumblr.com/  You can purchase themes for it and make it look like a website.  

Stay away from any of the Microsoft word, powerpoint, frontpage, expression web stuff for creating websites. (front page and expression web are no longer distributed for a reason)
0
 
rgranlundCommented:
@pearlwhite

What Scott Fell wrote:  http://www.codecademy.com/learn  Start at html,

Great advice.
0
 
Scott Fell, EE MVEDeveloperCommented:
>My question is I have all the images needed to be on the webpage.  So, do I need to have a CSS file or I can just put these images in HTML file?

If any images are going to be for the background, use an external css style sheet.  Otherwise, place them in an image tag.

<img src="images_folder/myimage.jpg" alt="This is a description of my image">

You would place an image as a background typically when you want a small repeating image to fill up a block or perhaps you want text over the image and the image does not need to be selectable. Typically you will place the image on the page though.
0
 
Scott Fell, EE MVEDeveloperCommented:
re: http:#a39826587

That video shows how to make font color using the font tag and that is not supported in html5

Use the http://www.codecademy.com/learn .  I like to support EE, but I can't support that video.
0
 
Dave BaldwinFixer of ProblemsCommented:
Another alternative is W3Schools http://www.w3schools.com/ .  Just about anything but Microsoft Word.  The HTML generated by Word is oriented towards printing on paper, not displaying on the screen.
0
 
Ray PaseurCommented:
Start here:
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/A_11769-And-by-the-way-I-am-new-to-PHP.html

You will find that the article echoes a lot of the other answers here, and (importantly) it will steer you away from the terrible examples of ancient and awkward HTML, CSS, etc., that litter the internet.
0
 
gr8gonzoConsultantCommented:
1. You need a web host. You can likely Google for free web hosting to find a service for this (it'll probably put an ad on your page or something, though, to support the free service). A web host is simply a company that provides you with a little bit of hard drive space online where you can put your HTML files, images, etc... The web host will give you a web address where those files can be viewed. Later on, you will likely find reasons to purchase web hosting instead of using the free kind.

2. As far as building the HTML itself goes, everyone here has provided their two cents. You can also google for "WYSIWYG HTML editor" which is short for What-You-See-Is-What-You-Get. It's a visual editor that takes care of building the HTML for you, like the Microsoft Word approach (but usually better). Adobe Dreamweaver is a decent product for this - you could try the trial to get a feel for it.

I first learned HTML by using this kind of editor and then going back to look at the HTML that was generated and tweaking it so I could figure out what does what. It might be a decent way to start out and then go look at some tutorials to get a better handle on the BEST way to do it all.
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now