Website layout question
Hello Dreamweavers.
Id like to know how these type of websites are layed out in DW, for example do these websites have div tags?
or is the whole design imported into DW? is it image by image placed into DW for example?example sliced in PS and the Imported.
Im trying to understand how they are developed in DW. The second example which has text at the bottom, is that done in DW?
this question is more of educational purposes.
Thank you.
These look like "proof of design concepts" that were intended for a Flash site. Most likely it never got off the ground either because Flash is a dead web technology.
If you want to learn how to create good designs for the web, start studying basic web design theory, HTML and CSS. Later on, learn all you can about advanced CSS, HTML5 & client-side scripts for creating animations and interactive web pages (See Edge Animate).
Tutorial sites:
http://webdesign.tutsplus.com/
http://www.html.net/
http://w3schools.com/
http://www.csstutorial.net/
Nancy O.
Similar Messages
-
This Connection is Untrusted and few websites layout is broken
I have tried almost all the solution to get rid of the issues but could not find a solution.
My Chrome and IE is working fine as its expected in same machine but not firefox.
Issues - 1
Website layout is disorted eg.
https://support.mozilla.org/en-US/products/firefox?as=u&utm_source=inproduct
https://www.facebook.com/
Issues - 2
This Connection is Untrusted
You have asked Firefox to connect securely to www.facebook.com, but we can't confirm that your connection is secure.
Normally, when you try to connect securely, sites will present trusted identification to prove that you are going to the right place. However, this site's identity can't be verified.
I have tried following Solution:
1. Uninstalling firefox completly including deleting profile + reboot + install
2. Reset the Firefox
3. Clear the caches and evreything.
But could not solve my problem so now I am posting this questions. I am using Latest Firefox with Windows 7.
Please help me to get rid of these issues as I am highly dependent on Firefox.
-Rajesh
troubleshoot info
Application Basics
Name: Firefox
Version: 33.1.1
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:33.0) Gecko/20100101 Firefox/33.0
Multiprocess Windows: 0/1
Crash Reports for the Last 3 Days
All Crash Reports
Extensions
Name: Troubleshooter
Version: 1.1a
Enabled: true
ID: [email protected]
Name: WebEx Productivity Tools
Version: 2.0
Enabled: false
ID: [email protected]
Graphics
Adapter Description: Intel(R) HD Graphics 4600
Adapter Drivers: igdumdim64 igd10iumd64 igd10iumd64 igdumdim32 igd10iumd32 igd10iumd32
Adapter RAM: Unknown
Device ID: 0x0416
DirectWrite Enabled: false (6.1.7601.18245)
Driver Date: 6-3-2013
Driver Version: 9.18.10.3204
GPU #2 Active: false
GPU Accelerated Windows: 0/1 Basic (OMTC)
Vendor ID: 0x8086
WebGL Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 4600 Direct3D9Ex vs_3_0 ps_3_0)
windowLayerManagerRemote: true
AzureCanvasBackend: skia
AzureContentBackend: cairo
AzureFallbackCanvasBackend: cairo
AzureSkiaAccelerated: 0
Important Modified Preferences
browser.cache.disk.capacity: 358400
browser.cache.disk.smart_size.first_run: false
browser.cache.disk.smart_size.use_old_max: false
browser.cache.frecency_experiment: 4
browser.places.smartBookmarksVersion: 7
browser.sessionstore.upgradeBackup.latestBuildID: 20141113143407
browser.startup.homepage_override.buildID: 20141113143407
browser.startup.homepage_override.mstone: 33.1.1
dom.mozApps.used: true
extensions.lastAppVersion: 33.1.1
gfx.direct2d.disabled: true
layers.acceleration.disabled: true
network.cookie.prefsMigrated: true
places.history.expiration.transient_current_max_pages: 104858
plugin.disable_full_page_plugin_for_types: application/pdf
plugin.importedState: true
privacy.sanitize.migrateFx3Prefs: true
Important Locked Preferences
JavaScript
Incremental GC: true
Accessibility
Activated: false
Prevent Accessibility: 0
Library Versions
NSPR
Expected minimum version: 4.10.7
Version in use: 4.10.7
NSS
Expected minimum version: 3.17.2 Basic ECC
Version in use: 3.17.2 Basic ECC
NSSSMIME
Expected minimum version: 3.17.2 Basic ECC
Version in use: 3.17.2 Basic ECC
NSSSSL
Expected minimum version: 3.17.2 Basic ECC
Version in use: 3.17.2 Basic ECC
NSSUTIL
Expected minimum version: 3.17.2
Version in use: 3.17.2
Experimental Features
---------------------hello, first please make sure that the date, time & timezone are set correctly on your system. if this doesn't solve the issue (or it is already set properly), a possible solution depends on different factors:
* what is the '''error code''' shown under ''technical details'' on the error page?
in case the error code equals ''sec_error_unknown_issuer'', please attempt to add an exception on the bottom of the error page & inspect the certificate (see the screenshot attached for instructions):
* which '''issuer information''' does the certificate contain?
thank you!
[["This Connection is Untrusted" error message appears - What to do]] -
What is the size for design website layout ?
Hi everyone
I am new to adobe forum and photoshop. I just bought domain for that i want to design website layout but i coud not sure about size in pixel.Can anybody help me over here
Thanks in advance for your help !
URL removed by: PECourtejoieHello, I'm not a web designer, but I see that nowadays, fixed designs are becoming a thing of the past due to the browsing that is now done more on mobile devices than on computers. More and more, flexible designs are done, with applications such as: http://html.adobe.com/edge/reflow/
I removed your URL as it was a common SEO tactic to post fake questions to get hits, I don't imply that's the case for you, but it was not relevant for your question. -
Integrating own website layout into phpbb forum
Hi,
I have been searching everywhere for some help on how to integrate my own website layout with phpbb forum.
For exmaple please see http://www.caremoreconstruction.co.uk that is my website.
I would like my forum to look like this http://www.diydoctor.org.uk/forums but with my own website layout.
Is this a big job and can it be done?
Currently I have just done an I Frame but it looks rubbish and needs sorting asap.
If there is another topic which covers this please let me know and ill take look.
Please help and thanksGary thankyou for your response, I have read that page before which is why I already have my forum in an IFRAME. http://www.caremoreconstruction.co.uk/forum
the main forum page is on http://www.caremoreconstruction.co.uk/phpbb
There are a couple of reasons I dont want to use an IFRAME:
1. I would constantly have re- alter the size when I new topic or post is made
2. I dont think IFRAME's are google bot friendly ie content isn't searched for that particular page.
3. Some browsers my have compatibility issues's
Also thanks David for letting me know about the I FRAME pointing at my local server. I didnt even know it wasnt working because my apache software was running.
Just need a starting point as to which files I would need to change.
Cheers -
Multiple edition magazine layout question
Magazine(s) layout question
Details:
- There are 9 total magazines. The only thing that changes are the ads.
- I have all text set up in Master Pages and the Different publications set up as 'versions' in my file.
My issue:
I also need to ad a footer master (with page number, Publication name, and Date)
- Publication name changes for each version.
In the end I need one master with all magazine text assigned to all version. And a different footer master with page numbers to all versions....
any suggestions on how to complete this?Either you can use Alternative Layouts in one document, you will need only to work on the first layout, the text in the outher layouts or you can the Content-Tools and Create LInk option to take the original and place it into the new document. Later you have only to update the links in the link panel. You can take by option the whole page with all elements.
-
I am trying to center the three middle divs (the one with the three tabs and purple text, the one that says rotating images and the black nav - these are 3 separate divs) of the attached page so there is a green border on just the sides with white at the bottom below the footer (and ideally white in the sides of the top blue nav). I tried creating a wrapper, but it dos not cause anything to center. I centered the top blue nav bar with auto margins left and right. Layout/Formatting Questions:
1) How do I center this so there is a green "background" only on eitehr side of this "center" section of the page?
2) how do I ensure the black navigation div Icreated always falls as pictured here and that is rests on topp of the footer, with no green in between? (sometimes it moves to the right of the div above it)
3) How can I right justify just the Email and Facebook icons - I can't get them to move to the right?
Code is pasted below.
<!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>JAHMA New Jersey Affordable Housing Management Association</title>
<style type="text/css">
<!--
#wrapper {
background-color:#FFFFFF;
width: 960px;
margin-left:auto;
margin-right:auto;
body {
text-align: left;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #9ACD32;
#header {
height:189px;
background: #FFF;
#mainNavigation {
width:860px;
height:48px;
margin-left:auto;
margin-right:auto;
background-color: #FFF;
#subNavigation {
background-color:#FFF;
width:50%;
margin-left:50px;
float:left;
margin-bottom: 0px;
#mainContent {
background-color:#FFF;
width:38%;
margin-left:100px;
float:left;
padding-left: 15px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000;
border-bottom-color: #666;
border-bottom-style: solid;
border-bottom-width: 2px;
border-right-style: solid;
border-right-color: #666;
border-right-width: 1px;
#rightSidebar {
width:28%;
float: left;
padding: 10px;
margin: 0 0 5 0;
border-left-style: solid;
border-left-color: #666;
border-left-width: 1px;
border-bottom-color: #666;
border-bottom-style: solid;
border-bottom-width: 2px;
background-color: #FFF;
#memberNav {
background-color:#000;
clear:right;
width: 28%;
float: left;
color: #FFF;
height: 45px;
margin: 0 0 0 0;
padding: 10px;
#memberNav ul {
padding: 10 20 10 20;
color: #FFF;
background #000
; font-size: 16px;
display: inline;
list-style-type: none;
#memberNav ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFF;
text-decoration: none;
float: left;
text-align: center;
padding-right: 20px;
padding-left: 20px;
#footer {
clear:both;
font-size:12px;
color:#999;
text-align:left;
padding-left: 50px;
padding-right: 50px;
background-color: #FFF;
height: 150px;
a:link {
text-decoration: none;
color: #FFF;
a:visited {
text-decoration: none;
color:#999999;
a:hover {
text-decoration: none;
color:#CCCCCC;
a:active {
text-decoration: none;
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
margin: 0;
padding: 0;
line-height: 1;
h1 {
color: #08ADEF;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
margin: 1 0 0 0;
padding: 0;
h2 {
color: #92278F;
font-weight: bold;
font-size: 18px;
line-height: 1;
margin: 0 0 0 0;
padding: 0;
.icon {
float: none;
padding-right: 5px;
padding-left: 10px;
.navButton {
.search {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
#searchBar {
position:absolute;
width:260px;
height:84px;
z-index:1;
left: 568px;
top: 115px;
.floatRight {
margin: 5px;
float: right;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body leftmargin="0" topmargin="0" onload="MM_preloadImages('images/news-tab-rollover.jpg','images/jahma-resources-tab-rollo ver.jpg','images/events-tab-rollover.jpg','images/about-rollover.jpg','images/programs-tab -rollover.jpg','images/foundation-tab-rollover.jpg')">
<script type="text/javascript">
// Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
//Enter domain of site to search.
var domainroot="www.jahma.org.com"
function Gsitesearch(curobj){
curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
</script>
<div id="searchBar">
<form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">
<input name="q2" type="hidden" />
<br />
<input name="qfront" type="text" style="width: 180px" /> <input type="image" class="icon" value="Search" src="images/search.png" align="bottom" />
<br />
<span class="search">SEARCH</span>
</p>
</form>
</div>
<div id="#wrapper">
<div id="header">
<img src="images/jahma-banner.jpg" width="960" height="189" alt="logo" /></div>
<div id="mainNavigation">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#" class="MenuBarItemSubmenu" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about-rollover.jpg',1)"><img src="images/about.jpg" alt="about JAHMA" name="about" width="210" height="49" border="0" id="about" /></a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Who We Are</a></li>
<li><a href="#" class="MenuBarItemSubmenu">What We Do</a></li>
<li><a href="#" >Joining JAHMA</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Membership</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Application</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">JAHMA Members</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Regular Members</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Associate Members</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Affiliate Members</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Board of Directors and Committees</a></li>
<li><a href="#" class="MenuBarItemSubmenu">JAHMA Administration & Contact Info</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('programs','','images/programs-tab-rollover.jpg',1)"><img src="images/programs-tab.jpg" alt="JAHMA programs" name="programs" width="210" height="49" border="0" id="progams" /></a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Events & Training</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Poster/Calendar Contest</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Publications and Ad Rates</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">JAHMA Talk</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Membership Directory</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Ad Order Form</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Job Opportunities</a>
<ul>
<li><a href="#"class="MenuBarItemSubmenu">Post a Job</a></li>
<li><a href="#"class="MenuBarItemSubmenu">Available Jobs</a></li>
<li><a href="#"class="MenuBarItemSubmenu">NAHMA's Career Center</a></li>
<li><a href="#"class="MenuBarItemSubmenu">USA jobs.gov</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('foundation','','images/foundation-tab-rollover.jpg',1)"><img src="images/foundation-tab.jpg" alt="JAHMA foundation" name="foundation" width="210" height="49" border="0" id="foundation" /></a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">What the Foundation is</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">The Scholarship Program</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Scholarship Application</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Past Scholarship Recipients</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Golf Outing Fundraiser</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">List of Supporters</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Golf Outing Sign-Up Sheet</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Make a Contribution</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">In Time of Need</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact', '','images/contact-tab-rollover.jpg',1)"><img src="images/contact-tab.jpg" alt="contacts" name="contacts" width="210" height="49" border="0" id="contacts" /></a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">JAHMA Administration & Contact Info</a></li>
<li><a href="#" class="MenuBarItemSubmenu">NAHMA</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Communities of Quality Program</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Credentials</a></li>
<li><a href="#" class="MenuBarItemSubmenu">NAHMA Education and Training</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">PennDel AHMA</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Industry/Realtors Associations</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Government Agencies</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">NJ Agencies</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Federal</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="mainContent"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/events-tab-rollover.jpg',1)"><img src="images/events-tab.jpg" alt="events" name="events" width="150" height="53" border="0" id="events" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','images/news-tab-rollover.jpg',1)"><img src="images/news-tab.jpg" alt="news" name="news" width="150" height="53" border="0" id="news" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('resources','','images/jahma-resources-tab-rollover.jpg',1)"><i mg src="images/jahma-resources-tab.jpg" alt="resources" name="resources" width="150" height="53" border="0" id="resources" /></a>
<h1>September 22-23, 2011</h1>
<h2><img src="images/register-button.jpg" alt="register button" width="100" height="102" class="floatRight" /> NAHMA's TAX CREDIT TRAINING & SHCM™ EXAM</h2>
<p>sponsored by PennDel AHMA & JAHMA Hotel ML formerly Mt. Laurel Marriott<br />
Mt. Laurel, NJ<br />
More Information </p>
<div id="registerButton"></div>
<h1>September 27, 2011</h1>
<img src="images/register-button.jpg" alt="register button" width="100" height="102" class="floatRight" />
<h2>MAINTENANCE TECHNICIAN'S WORKSHOP: PART II REAC ON-SITE WORKSHOP</h2>
<p>Gloucester Towne, Gloucester, NJ<br />
More Information</p>
<p> </p>
</div>
<div id="rightSidebar">
<p>Rotating images here</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="memberNav">
<ul>
<li><a href="#" >Regular<br />
Members</a></li>
<li><a href="#" >Associate<br />
Members</a></li>
<li><a href="#" >Affiliate<br />
Members</a></li>
</ul>
</div>
<div id="footer">
<p> <img src="images/JAHMA-footer-logo.jpg" width="100" alt="logo" />P.O. Box 4 • Riverton, NJ 0807 • 856-786-9590 • Fax 856-786-6265<img src="images/email.png" alt="email" width="32" height="42" class="icon" />
<img src="images/facebook.png" alt="facebook" width="42" height="42" class="icon" /></p>
</div>
</div>
<p> </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>To centre the 3 divs under the navigation you'll need to first delete the left margin of 100px set on the 'mainContent' <div> css.
Then you'll need to wrap all three <divs> in another <div></div> and set its width to the same width as the navigation <div> - 860px and use margin: 0 auto; on the wrapper <div>. Then you can adjust the widths of the 3 <divs> inside it.
Trying to get a web page that balances up with equal length columns is a pointless exercise. You need to design taking into account that the web is not a 'fixed' medium such as a desk top publishing package. There may be some javascript methods which you might be able to resort to such as 'equal length columns' over at the Project Seven website (that's if they have that extention still available for download. I don't know have'nt been there for a while)
Wrap your address in its own <div> and float it left and then wrap your icons in their own <div> and float them right (inline css stylng is shown below)
<div style="float: left; width: 400px;"> <img src="images/JAHMA-footer-logo.jpg" width="100" alt="logo" />P.O. Box 4 • Riverton, NJ 0807 • 856-786-9590 • Fax 856-786-6265</div>
<div style="float: right; width: 200px;"><img src="images/email.png" alt="email" width="32" height="42" class="icon" />
<img src="images/facebook.png" alt="facebook" width="42" height="42" class="icon" /></div> -
Hello,
I apologize since I know this question has to be answered somewhere but I'm not sure how to search it...
What is the proper way to build a menu for a website? I have built my homepage with the header, footer, and side menu that I like. Now I want to build pages that the menu link while keeping the header, and menus. What is the right approach? My code is written in html and css. I use to develop websites in pure html and used frames but I know they are not recommended. Also, I don't want to have to copy my code into each link.
If you could also recommend a good beginner tutorial on layout for css websites, I would be greatly appreciative. I have read through w3schools tutorials and a few others.
Thank you in advance!
-EricYou have 2 choices:
Templates
Server Side Includes
Using the template function within Dreamweaver is a good way to go if it's a small site . .
For larger sites then serverside includes would be more practical and easier for maintenance purposes.
Templates:
You create a master template page, you declare which areas will be the same for every page, (non-editable regions) and then declare an area that will
change on every page (the content area) , these are editable regions.
Once you create the template and save it, you are then able to create 'child' pages from this template - as many as you like :-) If you every need to make a change to the menu or the footer or the header, change it in the master template, save it and the changes will flow through to the child pages created from the template.
Using DW Templates:
http://www.adobe.com/devnet/dreamweaver/templates.html
http://www.adobe.com/devnet/dreamweaver/articles/dw_templates.html
The other option is to use Server Side Includes (SSI)
A bit more about SSIs here:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f 693f21-7b6ca.html
http://bignosebird.com/ssi.shtml
Using PHP includes if your server supports php:
http://www.w3schools.com/PHP/php_includes.asp
One major difference between using Templates and SSI and PHP Includes?
When you make a change to a template page, you will need to re-upload all the pages to the server that were changed - may become very tedious if it is a very large site.
With using SSI, you make a change to one file and only have to upload the one file and all pages on the server will be update accordingly.
When to use Templates, Library Items & SSIs -
http://www.adobe.com/devnet/dreamweaver/articles/ssi_lbi_template.html
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap -
Book layout question due to lack of functionality in InDesign
I am a doctoral student (cancer cell biology) starting to write my dissertation (in Word 2007) and I'm using InDesign CS3 (5.0.4) for the layout (I refuse to layout figures and tables in Word... tried it... giant pain in the a$$). My original plan was to create a Book in InDesign and have each chapter be a separate file. Due to the bibliography software I need to use the Word file has to be a single file (see this thread for details). InDesign cannot just Place a range of pages (it's seems to be all or nothing) and this creates a problem (see the previous thread).
The question I have, is it smart to break each chapter out into a separate file? My thinking was that since I would be bringing in a fair number Photoshop and Illustrator files into each chapter it would be wise to keep the file size down (I'm not doing this on the best of computers, at least by graphic designer standards) and it would make rearranging a little easier (my mentor has a habit of changing his mind and chapter 3 could easily switch places with chapter 7).
This is my first book so any thoughts or advice you have would be greatly appreciated.
Regards,
Adrian.Nah, it's just me. My mentor wants paper output for the markup, the committee will take a PDF or paper and the university has (thankfully) instituted an electronic submission criteria. The final product has to be a PDF to the school and I'll have some output to paper and bound for my mentor, my family (as a gift) and myself.
The two students before me did everything in Word and yeah you can make Word do it but I just don't hassle with it. I make religious use of styles in Word (and only 4 styles at that... talked to a graphic designer who does books for a living "Keep the styles to minimum!!"... Done), so getting it into InDesign is cake. Also, my mentor has a nasty of habit of constantly changing his mind and doing things like, "Can you move that picture about a centimeter to left, I just want a little space in there". I have been through this with Word, it will do it but the voices in your head will start suggesting that you kill again (and nobody wants that). I plan on doing my grants this way, manuscripts this way, everything. Everybody (NIH, journals, other funding sources) requires a PDF now and some require rather optimized PDFs (people think I'm crazy but I swear there is a difference between the PDFs that InDesign outputs and the ones that my wife's Mac does--just using the built-in PDF renderer or some of the other PDF creators for Windows), so I just went ahead and went through a tutorial on VTC.com and then read a couple of books. I wouldn't be able to layout a magazine but I can do grants, manuscripts, dissertations. -
Photoshop images with spot channels in Indesign CS6 (layout question)
I've got an Indesign CS6 layout that will have a spot varnish when it goes to press. Right now I've got a layout with psd files that have spot channels in them that will be used for the spot varnish.
My question is, in Indesign when I'm laying this out should I have one layer with all the psd artwork (with no spot channels) and then a layer on top of that with the psd files with the psd layers turned off with the spot channel showing? I want to make this easy to print in the office so by doing it this way I could just turn the spot layer off and print.
Will this work for the printer?
layer 1 psd files with no spot channels
layer 2 psd files with photoshop layers turned off with the spot channel showingBesides the obvious extra work of tracking 2 images, there would be potential problems if the images needs to be scaled and moved, and you would have to assume people downstream would know what's going on—should the layer be on or off?
I would double check with the current printer—they should know the only way to view a spot is via Sep or Output preview by turning CMYK off—magenta could just as easily be process as spot.
Take a closer look at the Alias method. Here it is with your magenta defined SPOT VARNISH.
With SPOT VARNISH set as No Alias in Ink Manager and with Overprint turned on:
And with an additional spot color defined as white named CLEAR VARNISH. When you need to print in house alias SPOT VARNISH to CLEAR VARNISH and check Simulate Overprint in the Print dialog. You can get to Ink Manger via the Print>Output dialog or Swatches panel:
All you have to do is delete the CLEAR VARNISH before sending the job to the printer or exporting -
CSS layout question regarding browser sizing
Hi,
Basically I want the basis of my site to be - A header, Main content with a background image, A Footer.
I'm having problems however, I can't seem to get my footer to position where I want it i.e. at the bottom of the browser window at all times. I'm doing it as an AP div and how it should work is that it's fixed at the bottom of the page and then if the user resizes their browser in the y direction the footer moves up with it, over the top of the main content (but not the header which will have a higher z-index).
The way I THOUGHT to do it was to firstly create a div tag for the whole page (780 pixels wide, auto left and right margins, auto height) and then inside that put my ap div header fixed height at the top and have another ap div as the footer, fixed height and tell it to position 0 pixels from the bottom. However this doesn't seem to do the trick, I'm sure I'm missing something really really simple. Anyone who's vaguely familiar with the program will be able to answer this I'm sure. If my question isn't clear please let me know and I'll rephrase,
TaThere is no reason to use APDivs for such a simple layout. Default CSS positioning (which is no positioning at all) is typically all you need for most layouts. Build your HTML markup logically from top to bottom of page and your footer will naturally appear at page bottom.
Live Demo (view page source to see the code)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Or, for a Sticky Footer using Fixed positioning:
http://alt-web.com/DEMOS/CSS2-Sticky-Footer.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
Xml workflow/layout question - urgent
Hi,
I'm new to the XML scene and have made progress but have the following question.
I have a .xls file that I open in Oxygen (xml editor) and save out a .xml file.
I then import the .xml file into InDesign CS5.
I have tagged the text placeholders and the image placeholders with the appropriate tags (not shown in this screen grab).
I'd like to automatically flow the text data (A-E, J-O) into a text box (on the right side of image), then flow the images (E-I) into the picture boxes on the left side of the page. There is a large amount of data (InDesign pages) so it is important that I configure this so that all of the content flows automatically thoughout the InDesign file.
Do the images need to be treated as anchored objects in a text box or is it possible to flow them into picture boxes?
I can manually drag the "product_image" files to the picture boxes but I have yet to figure out how to automatically flow these images into the layout, aside from within the same text box as the rest of the text. Instead of using the anchored object approach, it seems it would be more efficient to flow into picture boxes if possible.
Also, any feedback on how to get this data to flow automically thoughout the InDesign file would be really helpful.
Thanks so much.
JoshHi,
It is possibly to flow the images into picture boxes without treating them as anchored objects.Appropriately tagging the placeholders for graphics and text and then importing the XML file would allow the data (both text and images) to flow automatically into the respective tagged frames.
Regards
-Pooja -
Hi, I need help with Dreamweaver CS4. I don't know HTML which
is why I am using this program. I am using the AP Div (Not the
Insert Div Tag) Icon at the top in the Standard Layout tab accessed
by the icon at the top of the panel in the classic layout mode.
Here is my problem. I am trying to make sure the text and
spacing is the same as much as possible from browser to browser.
The spacing between the lines (leading) is different. Sometimes the
text jumps out of the box or text lines get cut off and looks
jumbled. My pages are layed out with a bunch of AP divs so I can
place them wherever I want. For example I draw one AP div (which
has the square box in at the left top) and then another one below.
Even though they are not touching, the browser displays them
overlapping with the text clashing. Or sometimes text just runs
wild. I've tried to use tables but they are too limiting and I am
not being able to place them freely. Is that because browsers do
not recognize CSS? How do I get at least a decent consistency
between browsers? What am I doing wrong?As well as the links below - another way to learn (including
anyone else's bad habits) is to find a page you like, and then tell
your web browser to show you the code view for the page and/or do a
"Save As" and save the page to your computer to then copy &
paste code segments into your file (in IE click View at the top,
select Source from the options)
HTML and/or DW Tutorials, and other information links that I
have saved
http://validator.w3.org/
http://www.visibone.com/
http://www.w3schools.com/
http://www.hotscripts.com/
http://www.projectseven.com/
http://www.adobe.com/devnet/
http://www.scriptarchive.com/
http://www.htmldog.com/guides/
http://www.htmlcodetutorial.com/
http://alistapart.com/topics/code
http://www.how-to-build-websites.com/
http://css.maxdesign.com.au/floatutorial/
Download User Guide as PDF for easy search
http://www.adobe.com/support/documentation
http://www.ianr.unl.edu/internet/mailto.html
http://lynda.com/ Hours of videos.
(must pay)
http://apptools.com/examples/pagelayout101.php
http://www.thesitewizard.com/archive/css.shtml
http://www.projectseven.com/tutorials/index.htm
If not PDF (link above) an online guide to read
http://livedocs.adobe.com/en_US/Dreamweaver/9.0/
Customizing the layouts that come with CS3 (VIDEO)
http://www.adobe.com/designcenter/video_workshop/?id=vid0155
FormMail
http://www.bebosoft.com/products/formstogo/index.php
For those using MySQL - Installing PHP and MySQL on Windows
XP
http://www.webassist.com/professional/products/solutionrecipes.asp
Community MX lessons
http://www.communitymx.com/abstract.cfm?cid=3D074
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweaver&go=Go -
Custom report layout question...can't find any answers anywhere
I am trying to build a report in Portal, using the custom report layout. The report displays like so, before I do any customization:
COLUMN1 COLUMN2 COLUMN3
COLUMN1 COLUMN2 COLUMN3
COLUMN1 COLUMN2 COLUMN3
COLUMN1 COLUMN2 COLUMN3
where COLUMN1 is the same value, always per report; COLUMN2 and COLUMN3 vary.
What I want is:
COLUMN1
COLUMN2 COLUMN3
COLUMN2 COLUMN3
COLUMN2 COLUMN3
COLUMN2 COLUMN3
In the report layout editor, Body section, this is what I see:
<TD ALIGN="LEFT"><#COLUMN1.FIELD#></TD>
<TD ALIGN="LEFT"><#COLUMN2.FIELD#></TD>
<TD ALIGN="LEFT"><#COLUMN3.FIELD#></TD>
so #COLUMN1.FIELD# must be some kind of array, but I am not finding any documentation anywhere on how to reference the individual values. All I need is the very first value of the COLUMN1 variable. Once I have that value, I can put it where I need it, but I can't get at that value, just the array.
I have searched portal center, the app server documentation, html documentation. I have googled everything I could think of, but came up with nothing. I found a similar question on this forum, but no one responded with an answer. Any help would be greatly appreciated.Helen,
The best way for your case is to use a content folder and customize it whichever way you like.
however, your question is about reports. the problem in reports is this that you have to use just one single query and the layout of the results of this query are displayed in a peculiar way.
anyway. something similar but not exactly the same as what you wanted do is the following.
use a query like the following: (with a union in between)
SELECT COLUMN1,NULL , NULL ,NULL ,NULL
FROM my_source_table
WHERE myCriteria LIKE 'SoAndSo%'
UNION
SELECT NULL,COLUMN2 , COLUMN3, COLUMN4, COLUMN5
FROM my_source_table
WHERE myCriteria LIKE 'SoAndSo%'
---------- Now, have the following codes in the layout segments:
<!--- header --->
<table border="0" cellpadding="1" cellspacing="1" width="20%" align="center">
<!--- body --->
<tr align="center">
<td><table border="0" cellpadding="1" cellspacing="0" width="30%" align="center">
<tr align="center">
<TH><#COLUMN1.FIELD#></TH>
</tr>
</table>
</td>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN2.FIELD#></TD>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN3.FIELD#></TD>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN4.FIELD#></TD>
<TD class="report_cell" ALIGN="LEFT"><#COLUMN5.FIELD#></TD>
</tr>
<!--- footer --->
<TR><TD></TD></TR>
this should produce a report with a table structure (you may see the whole if you give BORDER="1" in the main table tag). Within this table, the first column of the first row should be showing top-leftmost column value once (COLUMN1 value) and then the next rows would show last four column values as a table block on the right-bottom part.
with kind regards,
naqvi -
Hi guys,
I am new to CSS, I have considerable knowledge HTML and several programing languages, very much outdated. I have a informational website that is several years old.
www.woodgas.net
I used frontpage to do my website and to do the updates over the years. It is time for a face lift.
I have dreamweaver CS5 installed and am having one heck of a time getting my page to do what I want. I am trying to style it similar to a frame set of a top banner and 3 columns. And a flydown menu at the top of the center column. The right and left columns need to be 160X600 and the center column to be centered between the right and left.
I want the banner to center on the page top. And the right and left columns to move as far as possible to the screen edge away from my center column. This will keep my ads as far away from my content as possible. My website has been completely supported out of my pocket and I am hoping to generate a little income to keep the site updated.
I don't want to use frames, as this would keep new ads from loading as a person navigates to a new page on my site.
Any help would be appreciated I am sure that if you check out my current site, you will find two things it is about a pretty cool subject and it could use a face lift!
Thanks
JonathanGary is right. APDivs as a primary layout method seldom works well. Here is why:
http://apptools.com/examples/pagelayout101.php
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
While you learn the finer points of CSS positioning, it's very helpful to start a project with a pre-built CSS layout. You can learn a lot from looking at the code.
PVII CSS Templates or Page Pack - Rock solid. Thoroughly tested to perform well in all browsers.
http://www.projectseven.com/products/index.htm
Dreamweaver CSS Templates for beginners
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Beginners CSS layout question - expanding a layer and not overlapping another
Having got well and truly fed up of using tables to layout
pages I am trying to gem up on CSS layer based layout. All well and
good but despite the various tutorials I can't find an answer to
this question...
Q. I have a layout with layers to make a three column layout,
however, I want to have a footer section at the bottom of the page
that runs the same width as the three columns (you can see my WIP
example here
http://www.spiralfilm.com/clients/broadoak/index_css.html
). Problem is, as the centre section expands with more content, how
do I make that section expand and not overrun the current footer
section? I want it to expand like a table does and push the footer
down.
I'm sure it is simple but I just can't get my head around it!
Thanks in advance for any pointers...> However, is the use of div tags the way to seperate
blocks of content? The
> DW8
> help file seems a little unclear on this?
Yes, it would be one way to do that. A div tag is simply a
container for
other HTML elements, like a table. The problem you are having
comes with
using DW 'layers' to contain text. As Thierry suggested, this
is because
absolutely positioned elements (i.e., DW 'layers') are
removed from the
normal flow, preventing them from interacting with adjacent
page elements -
this means that when the text inside them expands, it will
begin to overlap
other content. See my demonstration of this here -
http://www.great-web-sights.com/g_layers-overlap.asp
Try these tutorials -
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Benfrain" <[email protected]> wrote in
message
news:elgpba$qds$[email protected]..
> Hi, thanks for those links. Sorry to confess they are
all a little beyond
> my
> knowledge. I will read on and see if I can understand
them.
>
> However, is the use of div tags the way to seperate
blocks of content? The
> DW8
> help file seems a little unclear on this?
>
Maybe you are looking for
-
Whcich version of windows? windows XP or windows 7 pro 64 or 32 bit
I would like to run windows on my mac, I have a few windows only programs 1) I plan on installing it with parallels 5.0. maybe boot camp, although I like the idea of not having to reboot for windows or mac OS. So likely parallels. 2). I will be using
-
How to transfer playlist from Iphone 6 to Macbook pro
I lost my playlist on itunes, recovered from backup but playlist came back empty or missing songs. I have them on my iphone. How can I transfer them to my itunes on my mac? I am on Maverick and Itunes 12.
-
My ipod is in recovery mode and my itunes cannot connect to the server what do i do?
my ipod is in recovery mode and my itunes cannot connect to the server what do i do?
-
How well does InD work with Scrivener? InD is CS5 and Scrivener is 2.1, on Macs, MBP and iMac. I am thinking of getting Scrivener to organize my (non-linear) thinking into stories and include artwork, then exporting the whole thing to InD for public
-
Type tool in Photoshop makes artboard go to black or flicker
I have the Creative Cloud suite and have updated programs. My only problem is Photoshop is unusable when I try to use the type tool. The image or blank pasteboard drops to black until I click-away somewhere like on layer. Click type tool on area, sam