|
HTML - How To Get Started In Dreamweaver
Ok, so I just got Dreamweaver, how do get started in designing webpages? I heard that it makes webdesigning a lot easier. I know it's important to understand codes but at the same time I wanted to learn Dreamweaver because I know I'll be using it soon. Any help is greatly appreciated.
Similar TutorialsMy excuses for bothering you with this but I need a little push in the right direction to get started. I'm a 3d (technical) artist, but my HTML knowledge is minimal. What I have is: - A PNG image without alpha to be used as the background. - One or more PNG's with alpha to be composited on top of this background using the embedded alpha channels. I want to do this using the Canvas element and what I learned from searching the web is they often composite everything offscreen and then draw it to the Canvas. So if anyone could provide me with small example I would be eternally grateful. It's mainly the syntax that stumps me right now. Thanks in advance. What up Everyone! Its me the Newb!...haha OK, I need to start building the Navigation part of the website. I dont have One Dang clue how to start!... Man this web design stuff hurts my head & fustrating I have many ideas dont know how to Implement them!!!!.... It took my 3days to figure out how to do an Internal Link with a button...so yea...LoL How do I go about after clicking a Button on the homepage called "sales" then it goes to that page how do I make that a working page etc??? Do I need to add Javascript? IF so I have no idea how to integrate that into HTML still.... I wish I had a go to person...I am looking into taking some Free classes for HTML...I missed the Spring Semester sign up...D'oh!!! Ok...sorry if I confused anyone...And thanks in advance if anyone can give some pointers! First of all, I have only just started this site, and it's only ever going to be a very basic HTML site. It's going to be a ground guide for Non-League football. Here is one of the completed ground pages so far. Most of the links don't actually take you to anything in perticular, so don't shout! I'd just like a couple of ideas on how to improve the general look of the site. Thanks! Code: http://79.170.43.200/adp-design-demos.com/nlgg/wadham_lodge.html Don't worry about the ugly domain, it's only going to be like that during testing can you please give a site or link where can I download dreamweaver? I have heard is good to build web pages and learn html. Thanks! In the site: www.eldon.com see those little dotted lines in the page? I couldn't figure out how they did this to save my life... Thanks... Dear Members, When I type more text, it gets scroll but it disturbs all of my bars which is above. How do I rectify them? Please see the link which is mentioned below http://www.sahiwala.com/christian/index.html Please give me a solution at the best Best Regards I have a site and the spry menu bar won't go all the way across the screen. anyone know why? When you are using dream weaver for a website, do you have to install it onto the server I was going to use it because I think it's a nice layout for HTML coding. Hello every1, I'm using adobe cs3 now, but i seem to be having a little bit of a problem. When i come to type in the html code: <param name="wmode" value="transparent" /> wmode="transparent" The code does not seem to work now. What is the new code that i will need to enter? Or do you have to do something in flash? Thanks for the info? ok, so since i've switched over to Div i felt like there was no more needs for Dreamweaver anymore. Does anyone feel like this? I mean, maybe i just don't know how to use DIV in Dreamweaver, becuase i've been doing it all by hardcoding by hands. becuase when i try to align a div to the right or left, there is no button in the property that lefts me do it, so i have to get into the code and change it. and when i do use it, seems like the only feature to use is "layers" ( i think this "is" div ). so currently i'm thinking that dreamweaver is built for tables. is this correct? Shoot, now i feel like i've spent so much money and now is barely using the program anymore( execpt for the typing tool tip). I have been following this incomplete tutorial series http://www.youtube.com/user/EdzJohnson and have a finished product of what was done in Photoshop Website Design Tutorial 2. As of right now there is no third tutorial but I would still like continue developing my website. Currently the code represents the lay out of sliced up images for the web banner and some map tags surrounding the locations of where a button would link you to something else. However, I do not know where to place the link tags so the map locations actually link you to something else. does anyone know where to place the link tags? Code: <html>
<head>
<title>dobbs and bishop cheese de sliced10152010</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (dobbs and bishop cheese de sliced10152010.psd) -->
<table id="Table_01" width="1153" height="168" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_01.gif" width="1152" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_02.gif" width="85" height="152" alt=""></td>
<td rowspan="6">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_03.jpg" width="148" height="151" alt=""></td>
<td colspan="9">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_04.gif" width="919" height="50" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_05.gif" width="260" height="1" alt=""></td>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_06.gif" alt="" width="176" height="54" border="0" usemap="#Map2"></td>
<td colspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_07.gif" width="483" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_08.gif" width="59" height="101" alt=""></td>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_09.gif" alt="" width="191" height="52" border="0" usemap="#Map"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_10.gif" width="10" height="101" alt=""></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_11.gif" width="41" height="101" alt=""></td>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_12.gif" alt="" width="155" height="52" border="0" usemap="#Map3"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_13.gif" width="39" height="101" alt=""></td>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_14.gif" alt="" width="190" height="64" border="0" usemap="#Map4"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_15.gif" width="58" height="101" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_16.gif" width="191" height="49" alt=""></td>
<td rowspan="4">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_17.gif" width="155" height="49" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_18.gif" width="176" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_19.gif" width="190" height="37" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_20.gif" width="148" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<map name="Map">
<area shape="rect" coords="4,8,191,45" a href="C:Users/blood muffin/Desktop/dobbs and bishop website/croppedheaser/www.dobbsandbishop.comcheese.html">
</map>
<map name="Map2">
<area shape="rect" coords="13,13,176,47" href="www.dobbsandbishop.comother">
</map>
<map name="Map3">
<area shape="rect" coords="5,9,153,48" href="www.dobbsandbishop.comphoto">
</map>
<map name="Map4">
<area shape="rect" coords="11,-5,188,55" href="www.dobbsandbishop.comglossary">
</map>
</body>
</html>
I'm starting a new website on Dreamweaver. Can't remember how I did this the first time: I need some jpg images to go into my images folder. I created a folder for my website on my hard disk (local root folder)...and I defined my site on Dreamweaver, with an image folder....but when I try to add images to the folder, it won't accept them on Dreamweaver. Does anybody know what I'm doing wrong? this issue has been solved Recently we switched servers and now I can access my remote files but I cannot upload anything from the local site to the remote site. It gives me an error code of "550" and says that access is denied. Is there some setting that I'm missing? Right now I can't even update anything on the website and I really need to. Greetings, I am working on a site for my screen printing business. I am momentarily stumped by the way Dreamweaver is displaying my layout. I have set up a standard two column layout with a header and a footer. With that being said, I needed to have two images appear in a precise location in order to blend properly with the background. I therefore used the AP Div from the layout menu. When aligning the image in Dreamweaver, the image is perfect, however, when tested in the browser, it drops down about 50+ pixels. To remedy the situation, I moved the image up to the point that it is covering the text above it, and when tested in the browser, it worked (because I accounted for it shifting down). I am thinking that there is something I'm missing, but I am not sure what. Every once in a while, my brain falls asleep and I can't see the simple error(s) staring me in the eye. You can view the site at www.prestigeinteractive.com/fireproof2 Thanks, Greg Hi I have been starring at thie code too long and now i need to look for help! i want to have my page fill out for any screen dimension. therefore i have tried to use percentages. the page looks perfect in dreamweaver but when i view in a browser the navigation.jpg image is out of line and it does not fill out the full page Any help would be much appreciated HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>inafrenzy.com</title>
<style type="text/css">
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
}
#apDiv1 {
position:absolute;
left:543px;
top:32px;
width:333px;
height:57px;
z-index:1;
}
</style></head>
<div id="apDiv1"><img src="images/banner.png" width="300" height="38" /></div>
<table width="100%" height="35%" border="0" cellpadding="0">
<tr>
<td width="15%" align="center" valign="middle"> </td>
<td width="70%" align="center" valign="middle"><img src="images/navigation.png" alt="navigation" align="left" /></td>
<td width="15%" height="163" align="center" valign="middle"> </td>
</tr>
</table>
<div></div>
</html>
the page is at http://www.inafrenzy.com/site/ thanks Hi, I'm trying to create a website with photoshop and dreamweaver. And I want to create 2-3 frames. 1 left side navigation bar and mayber a banner frame at the top, and the middle frame where the text comes. Now my problem was that when I tried to create something like this with dreamweaver it made those ugly looking draggable things. Id want them not to be visible and apply my 1337 design made with photoshop (and cut with the slice tool). If anybody has any idea or any specific site that could help me further please help me! My current site is http://squeezingavocados.urli.net/ But whenever I write something to the iframe and it expands the navigation bar also does, making it look like ****... hi.i need some help : i got a web page that looks something like this how can i make the background image to autoresize according to the screen resolution of the monitor from where the page is seen?same with the banner and the rest of the images.i basically want my website to look exactly like in the picture no matter what is the resolution of the screen and without a scroll bar. and another thing: how can i make to load only the text on the orangebox when i click a side link(e.g:assus) without refreshing the hole page.and how can i put a scroll only on the orange box so i can put a longer text and not to exit from that rectangular space? thank you For those who are interested... a preview of the next Dreamweaver release can be read here. Hi there. This may seem like a very stupid question to most of you guys, but I'm fairly new to this and I have honestly Googled far and wide to try and sort it out myself before seeing if anyone on here could help =) I'm building a website where the content is centered between two visual aid frame borders. The middle is made from 3 frames - the header, the menu and the content. When I preview the HTML file in a browser, it all looks just how I want it (ignoring the unnecessary scroll bars and scatty graphics - I'm still in testing stages!): However, when I re-size the browser, although the site remains perfectly centered, which I'm happy about, the frames in the middle seem to...shift into themselves? Eat themselves? My wording is terrible, but it looks like this: How do I make the website re-size healthily with the browser instead of crumpling up like that? I know that there's probably an easy solution and that I'm likely to be getting something simple terribly wrong! If anyone can help or utter a word of advice, I'd be really grateful! =) |
|||||||