Making a website for beginners?

Hi,
I would like to make a website with forums, video tutorials and articles. I have really no idea where to start. I would like to use Dreamweaver, and I am fairly familiar with Photoshop and After Effects. Do I have to learn a language or can I just drag and drop (to have a website with the things I mentioned above and more)?
I would like to use Dreamweaver, because it seems to be the most powerful and it integrates with all the other Adobe products. I have looked at tutorials online, but have really found anything other that explains from beginning to end. I wouldn't mind using scripts, if anyone has a good source?
If anyone could please help me by guiding me in the right direction?
Thanks,
Zack

Hi Zack, Web development in this century is definitely not a "drag & drop" affair.
Get a blog - https://www.blogger.com/start
Bookmark the following sites and refer to them often while you learn X/HTML, CSS, Client-side and maybe later, server-side scripting. Take your time. Rome wasn't built in a day.
HTML Tutorials
http://www.w3schools.com/
http://www.adobe.com/devnet/
http://www.scriptarchive.com/
http://www.htmldog.com/guides/
http://www.htmlcodetutorial.com/
http://alistapart.com/topics/code
CSShttp://jigsaw.w3.org/css-validator/
http://www.w3schools.com/
http://www.projectseven.com/tutorials/index.htm
http://www.westciv.com/
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
Community MX Web Standards Lesson Plan Series
http://www.communitymx.com/abstract.cfm?cid=3D074
Tools:
HTML Code Validator - http://validator.w3.org
CSS Code Validator - http://jigsaw.w3.org/css-validator/
Firefox Web Developer Toolbar - https://addons.mozilla.org/firefox/addon/60
Faux columns with CSS
http://www.alistapart.com/articles/fauxcolumns/
Equal height CSS columns
http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
On-Line Video Tutorials - subscription
http://lynda.com/
Customizing the layouts that come with CS3 (VIDEO)
http://www.adobe.com/designcenter/video_workshop/?id=vid0155
Creating your first website in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Why do APDivs move?
http://forums.adobe.com/message/2181263#2181263
DW Design Center
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweaver&go=Go
A couple of good video resources if you're thinking about learning PHP:
http://www.phpvideotutorials.com/free
http://www.killerphp.com/videos/
Using DW Page Properties to create a basic CSS style sheet
http://kb2.adobe.com/community/publishing/505/cpsid_50576.html
Guidance on when to use DW Templates, Library Items and SSIs -
http://www.adobe.com/devnet/dreamweaver/articles/ssi_lbi_template.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

I am making a website for my high school and it's online, but for some reason my navigation bar doesn't show up on firefox browser. Any suggestions?

I made a new website for my high school. I used the same code for the navigation bar in the old site for the new site and for some reason my new site's nav bar won't show up in firefox browser or for that matter any browser other than Internet. Any ideas of why?

Looks fine here. You may need to bypass the cache if you uploaded new code.
Reload a web page and bypass the cache with:
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)
See:
* [[Keyboard shortcuts]]
* [[Mouse shortcuts]]

Making video & websites for Blackberry & Treo?

I am wanting to use iweb to make a website that I can post videos to. I will be using Final Cut Express for the videos, but I wanted to find out if anyone knows anything about making these pages and their video in a format that can be read by both a Treo or a Blackberry.
My apologies for the broadness of this question, as I was not sure if it should go under iweb or Final Cut Express.

I think phone/pda browsers need particular kinds of xhtml:
http://www.littlespringsdesign.com/design/xhtmlinfo/

Best tutorials websites for beginners

as a beginner,which websites has the most of tutorials and free templates that can improvise skills?thanx.

This is a great place to start:
http://tv.adobe.com/product/photoshop/
Click "Learn Photoshop CS." Julieanne Kost and Russell Brown also have very informative videos. As Curt said, Lynda.com is excellent too and well worth what they charge.
John

Lightroom VS Photoshop Elements for Beginners

Hey Everyone!
I am creating a website for beginners on computers and other home electronics and I am going to do a post about what the best program is to get for a beginner at photo editing. I have seen so many people using Photoshop Elements to start out with but many people who have gotten editing programs prefer Lightroom and use it and say its a better program to begin with... Do you have any suggestions on which I should tell poeple to go with? Here is a link to my blog http://cowtechtutor.com so that you know the kind of posting I've been doing also if you have any suggestions on how I can improve the design it would be awesome! Thanks very much!
Andrew

They each have strength and weaknesses. LR for example has the same full RAW processor as full Photoshop, but doesn't have the full range of image editing features.
There isn't a simple answer. I think you would be better off reviewing both and pointing out the differences so that your blog audience can make an informed decision for themselves.
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

A really simple cross-fade image for beginners

Hello, I would like to put a cross-fading image into a table that is my website header. I don't need anything complicated at all, no controls etc, just want 8 images that fit my cell to continuosly crossfade after 3 seconds or so. Found many scripts/plugins/jquery etc but they all seem very complicated for beginners. I've used 'easyrotator' which is so easy to use, but it doesn't seem to have a cross fade on the free mode, just a swipe and i'm sure I can find similar for free. Maybe I'm missing something but I would have thought dreamweaver (being the helpful prog that it is) would have something to do this?
Ideally, I would like it to be continuous regardless of the page people are on. I imagine this is above my head so if too tricky, perhaps it could just be random image fade.
Any advice on the best thing to use here is greatly appreciated!

Suzie8484 wrote:
Yes, it's the 'fade' option here: http://jquery.malsup.com/cycle/
There really isn't enough instructions on this website for beginners to understand exactly what and where to put the various code otherwise this would be perfect!
ok, here goes...i'll try to explain the process.
1) Insert a <div> on your page and give it the class of 'slideshow' like below.
<div class="slideshow">
</div>
2) Insert your images into the <div> as below: (example below shows images stored in 'images' folder)
<div class="slideshow">
<img src="images/beach1.jpg" width="200" height="200" />
<img src="images/beach2.jpg" width="200" height="200" />
<img src="images/beach3.jpg" width="200" height="200" />
<img src="images/beach4.jpg" width="200" height="200" />
<img src="images/beach5.jpg" width="200" height="200" />
</div>
3) Style the 'slideshow' <div> with css. Go into code view and paste the below directly before the closing </head> tag near the top of your page.
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
4) Add the jquery scripts to your page. Go into code view and paste the below directly AFTER the css you pasted in above so this code is now directly before the closing </head> tag

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
</script>
Thats it!.
Well you would want to make sure the dimensions of the 'slideshow' <div> reflect those of your image.
So for instance if your image is 300px x 300px the dimensions should be 332px x 332px. (see below) Why the extra 32px - because this is allocated for the 15px left/right/top/bottom padding and 1 px border around the image that you see on the example page.
<style type="text/css">
.slideshow { height: 332px; width: 332px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>
Also ideally you want to download the jquery cycle script rather than use the directly linked one just incase in future the script is moved.
So download the script from the link provided on the page and change this link:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
To wherever you keep the script in your site folder (below its kept in a folder named 'jquery_scripts':
<script type="text/javascript" src="jquery_scripts/jquery.min.js">

What is the best tool for making a "coupon" for my website?

What is the best tool or app for making a "coupon" for my website?

Not according to the people I have rented from because I asked them. They provided me with a suggestion I simply thought I would get another opinion.
I am not trying to get anything for free I just want more than 24 hours to finish watching a movie on my iPad. If iTunes would give more than 24 hours to finish a movie (like 48???) it would help. I have spend endless hours trying to comunicate with Apple about the issue. Guess what no one cares! I love Apple and my Apple products, I am a very good customer but I think they are over the top on this issue, they have a monopoly.
Maybe you have another suggestion??
This is the first time I have ever used a "Support Community" for ANY product, sorry I broke the rules. I have never taken anything for free from anywhere.

Hello is Dreamweaver program and muse both used for making a website and putting it online ?

Hello is Dreamweaver program and muse both used for making a website and putting it online ?

Muse might be all you need for now, but be prepared to keep using Muse for the life of your site. It doesn't import well into other HTML Editors. Keep in mind that Muse is not intended for advanced web sites. It can't support dynamic data, shopping carts, blogs or content management systems. But it's fine for simple static HTML sites.
Nancy O.

Making a new website for another user

Hi all,
How can I make a completely new website for someone else without publishing my own pages to a map? Do I just delete my pages from the published material or does my index page go beserk when I do that?
Thanks for your input!

By MMe I'm referring to a MobileMe account thru Apple. As I recall that's normal for iWeb 2 when you have multiple sites in one domain file. If you're running the latest iWeb 2, 2.0.4, you can split the sites into two domain files. That way you can open, edit and publish only the site you want.
I use iWebSites to manage over 75 individual sites. It lets me create multiple sites and multiple domain files.
If you have multiple sites in one domain file here's the workflow I used to split them into individual site files with iWebSites. Be sure to make a backup copy of your original Domain.sites files before starting the splitting process and move it to another location on your HD until you're satisfied the separation process is completed and what you want.
This lets me edit several sites and jthen only republish the one I want.
OT

I built a website for a customer using HTML only, so it would work on everything, but some of the text numbers are not clear on the ipad. It works perfectly on all the other browsers.

I built a website for a customer using HTML only, so it would work on any browser, and it works perfectly on everything except ipad safari. I'm loosing information with most of my text numbers - instead of being black they are displaying a 'ghost' image (white) of the numbers.
Is this a memory issue, or cache issue, or something else? I've downloaded iCab and the site works perfectly with it.
Also wondering if I can manually reload/refresh web pages in iPad Safari.
Since most people with iPads will use Safari rather than iCab, I have to tweak this site to work in Safari.

Detecting phone numbers and making them clickable is a feature of the browser, and rebuilding your web-site links will not make any difference. Its done when the page is shown in the browser, not when the page is created.
According to the Safari iOS developers guide, you can turn these data detectors off using this code:
<meta name = "format-detection" content = "telephone=no">
http://developer.apple.com/library/ios/#featuredarticles/iPhoneURLScheme_Referen ce/Articles/PhoneLinks.html

After making a website with muse and launching it with Business Catalyst. My website gives a notice: To change this page, upload your website into the public_html directory. How can i upload my website into the public_html directory?

Hello,
I'm using a Mac and made a website with Muse. After making the website i published the site and launched this afterwards with Business Catalyst.
When i enter my website, i got the notification: To change this page, upload your website into the public_html directory.
Does anyone know how i can fix this? I'm a complete noob in this subject.
Thank u for reading

Could you post a link please?
BC does not give that message - Would be good to see if it is indeed BC.

Which is better for beginners

Which Photoshop is better for beginners ???
SujithVijayan

For what purpose? Usage?
Elements will be OK for editing photographs. Just making them look their best, sort of thing. Photoshop is better if you want make composites, or radical changes, or build an image from scratch, or if you think you are really serious, and want the best tool for the job.

How to make a website for a MS SQL database?

I'm used to making static html websites, but now I shall make a website for a friend who has made a database (Microsoft SQL). So I shall make the layout, forms etc, and he provides the database. Can anyone please explain the prinsiples of making such a site, and how to connect it to the database?
PS: I've added the features "Server Behaviors", "Databases" and "Bindings" in my Dreamweaver CC, as they are not preinstalled.
Hope for help!

media="screen" or media="print" is part of a css link in the head of a page and allowed one set of rules for print and another set for screens.
It was the precursor to "Media Queries" which is what you're looking for.
Here's a good starting point for Media Queries...
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Basically, you make one site in html, then 2 stylesheets that control the site depending on the viewer device. You use the pixel width of the device or browser window to determine which stylesheet is used. When they're on a desktop, stylesheet1 is used, when they move onto something smaller, stylesheet2 kicks in.
The basics are pretty simple, getting the most out of it takes practice.

Firefox is not loading specific websites for me. Sites like Facebook, Ebay, Google, and Netflix refuse to open, or even acknowledge me pressing the Enter key

Firefox is not loading specific websites for me. Sites like Facebook, Ebay, Google, and Netflix refuse to open, or even acknowledge me pressing the Enter key when I type in the address or click a link to that site. Practically every other site works perfectly fine. I did not change any settings or download any new addons prior to this problem, it just started happening. I have done everything I can find in the forums; resetting firefox, clearing cache and cookies, making network settings use no proxy, reinstalling, and today I uninstalled Firefox, updated and scanned my computer with all 3 software I use (AVG, Malwarebytes, and Spybot), found no issues, restarted my computer, and reinstalled a freshly downloaded Firefox setup without importing any settings or doing anything other than a totally clean install, and still nothing. Chrome and IE still are able to access every site perfectly fine. I have no idea what the issue is or how to fix it, as I've tried everything I know and could research.

Hi There,
Sorry to hear of your issue. I found a great article for you to read and explain how to fix your issue. I hope this hope :)
Robert
Click on the link below
[[https://support.mozilla.org/en-US/kb/firefox-and-other-browsers-cant-load-websites ]]

I'm modifying someone else's website for the first time (noob = yes). I only have ftp access to the site server. Before uploading changes, is there a easy/quick/recommended/etc way to make a copy of the files I'm about to replace?

Great, first post, sorry for the title. But to repeat it:
I'm modifying someone else's website for the first time (noob = yes). I only have ftp access to the site server. Before uploading changes, is there a easy/quick/recommended/etc way to make a copy of the files I'm about to replace?

You can use the Dreamweaver FTP (or a different FTP client) to completely copy the original website to your development computer, then, before making changes, you can copy the whole thing to a directory called something like "website original"
If you want to run both the old and new sites on the remote server, this is often possible. Add a folder/directory to the server and call it something like "new" and upload the new files there until you are ready to replace the old site
All of this you can do with FTP

Making a website for beginners?

Similar Messages

Maybe you are looking for