Solved

Basic website

Posted on 2014-02-01
12
290 Views
Last Modified: 2014-02-01
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
Comment
Question by:perlwhite
12 Comments
 
LVL 20

Expert Comment

by:n2fc
ID: 39826579
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
 
LVL 7

Expert Comment

by:rgranlund
ID: 39826586
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
 
LVL 7

Expert Comment

by:rgranlund
ID: 39826587
0
 

Author Comment

by:perlwhite
ID: 39826620
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
 
LVL 7

Assisted Solution

by:rgranlund
rgranlund earned 100 total points
ID: 39826644
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
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 250 total points
ID: 39826652
>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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 7

Expert Comment

by:rgranlund
ID: 39826664
@pearlwhite

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

Great advice.
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 250 total points
ID: 39826677
>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
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39826685
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
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 39826708
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
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 39826746
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
 
LVL 34

Assisted Solution

by:gr8gonzo
gr8gonzo earned 50 total points
ID: 39826795
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn how to dynamically set the form action using jQuery.

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now