Solved

Basic website

Posted on 2014-02-01
12
288 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 19

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
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 
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 82

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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

705 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

18 Experts available now in Live!

Get 1:1 Help Now