Beginner question Menu layout

Hello

I apologize because I know that this question should be answered somewhere but I don't know how to search...

What is the right way to generate a menu for a Web site?  I built my home page with header, footer and side menu that I love.  Now, I want to build pages the menu linked while maintaining the header and menus.  What is the right approach?  My code is written in html and css.  I use to develop websites in html pure and used frameworks but I know that they are not recommended.  Also, I don't want to copy my code in each link.

If you could also recommend a tutorial starting on page layout for css Web sites, I would greatly appreciate.  I read by w3schools tutorials and a few others.

Thank you in advance!

-Eric

You have 2 choices:

  1. Templates
  2. Server Side Includes

With the help of the function template in Dreamweaver is a good way to go if it's a small site. .

For the largest sites then serverside includes would be more convenient and easier for maintenance purposes.

Templates:

You create a master page, you declare which areas will be the same for all pages, (non editable regions) and then to declare an area that will be

change on each page (content area), editable regions.

Once you create the template and save it, you can create pages of this model - as much as you like :-) "child" so you all need to make a change to the menu or the footer or header, change it in the main template, save it, and the changes will be flowing through the pages of the child 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 the NLB (SSI, Server Side Includes)

A little more info on 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

A major difference between the use of templates and SSI and PHP includes?

When you make a change to a page template, you will need to re - download all pages on the server that have been modified - can become very tedious if it is a very large site.

With the help of SSI, you make a change to a file and don't have to download a single file and all of the pages on the server will be updated accordingly.

When to use Templates, library items & SSIs.

http://www.Adobe.com/devnet/Dreamweaver/articles/ssi_lbi_template.html

--

Nadia

Adobe® Expert community: Dreamweaver

http://www.perrelink.com.au

-------------------------------------------------------------------------

Unique templates CSS | Tutorials | SEO articles

http://www.DreamweaverResources.com

http://csstemplates.com.au/

http://Twitter.com/nadiap

Tags: Dreamweaver

Similar Questions

  • Missing in the menu layout

    Table of contents is missing from the menu layout in InDesign CS6. I have not customized the menu. How can I restore the Table of contents?

    Sounds like expansion of the dialogue of the interface user of OCD may be disabled. Go to help > manage Extensions... and check to make sure that see you in the list and that there is a check mark next to it.

    Workspace use you and dod that you check to see if the menu is included in this workspace?

  • Beginner question: UL Nav Menu and text

    OK, I appreciate the input in advance.  Even if I use one book Dreamweaver and online tools like Lynda.com... There are a few questions that I have not found the answer too, or don't know how to phrase my question correctly in a browser search to find the right answer...

    So, my question:

    I used the Spry which are great, but I took the time to learn how to create a Pull Down Menu of a non ordered list and CSS Nav.

    This UL is driven by text in the list... so what to do if you want to create a type of unsorted list Nav menu drop down, but to use only background for the menu nav graphics (i.e. the text is already anchored in the graph from Photoshop or the graph has no text and is just a chart).  Whenever I completely remove the text of a list item, that do list element disappears, which makes sense, but the question of how to create a Nav Menu with only the graphics that will crumble in several levels?

    Is what I ask not a real standard practice and I shouldn't do that?

    If there was a menu of level one, I know that I could use floated just the DIV tags, but since I pull down I don't see how it works in a nested multiple Nav drop-down Menu.

    Again, sorry for the noob question... and I thank you in advance for your answers.

    Whenever I completely remove the text of a list item, that do list element disappears, which makes sense, but the question of how to create a Nav Menu with only the graphics that will crumble in several levels?

  • It's a perfectly acceptable list item.  And it would be how you do these menus...

    If there was a menu of level one, I know that I could use floated just the DIV tags

    No need of div not tags, really.  Just floating images and pile them up with margins.

  • Question of layout using unmanaged nodes

    I have a question of quite simple layout, but I can't understand any simple way to solve it. I need a container object that contains an label that should be centered in the parent container. I then need an another label which should be placed at the top left of the parent container. What I tried to do was to create a serving VBox of parent container with -fx-alignment: Center. When I add the first label, it looks great. Then I try to add my 2nd label, and I put his property managed to false in the hope that it would not participate in the VBoxto layout its children. But I do not see this second label.

    Using panoramic view, I can see that the 2nd Label is on the display list, and is size, even though I see that his layoutBounds is empty.

    Any ideas on how to achieve this type of layout?

    I think I've answered my own question to tweak it and experimentation. As a beginner, I have not yet mastered all the container classes. For this example, it seems that the use of AnchorPane is the way to go. Here's the code that does what I want:

    Component AnchorPane = new AnchorPane();

    lblValue = new Sun;

    lblValue.getStyleClass () .add ("boardCellValue");

    lblOp = new Sun;

    lblOp.getStyleClass () .add ("boardCellOp");

    pane.getChildren () .addAll (lblValue, lblOp);

    AnchorPane.setLeftAnchor (lblValue, 0d);

    AnchorPane.setRightAnchor (lblValue, 0d);

    AnchorPane.setTopAnchor (lblValue, 0d);

    AnchorPane.setBottomAnchor (lblValue, 0d);

    AnchorPane.setTopAnchor (lblOp, 5 d);

    AnchorPane.setLeftAnchor (lblOp, 5 d);

    where lblValue is the label I want centered in the container component, and lblOp is the one I want at the top left.

    The interesting thing about the boardCellValue style, it's that I need

    -fx-alignment: center;

    since now the lblValue has width that spans the entire width of the container component.

    If it works for me and is quite simple. There are easier ways?

  • Download or unlock code? Beginner question

    Hello world

    It's a bit silly question from beginner on in-app purchases bare with me please

    Basically...

    Do you want to download content when you make a purchase or do you just unlock code? If you download content RIM hosts it similar to the file of the application bar? Or do I need to have my own downloadable content server host? (or maybe a 3rd party like scoreloop)

    So, for example, if I make a game with 50 levels and the basic version is only from 30. Can I code upwards and release all 50 in a folder bar but wrap access to 20 of these levels within some type of if statement where I check the receipts of payment?

    OR you release the game with 30 levels and then once the user makes the payment that they download the 20 extra on their phone?

    I am currently looking by making payments in application, that is why I ask. Initially I thought that you have downloaded the content (like xbox DLC) but the code example / documentation doesn't mention anything about downloading content.

    Thanks in advance

    Jason

    It's 100% up to you. If the files are large, so it may make sense to build them in the application so that the user doesn't have to wait to download.

    All downloads need to be hosted by you, the App World servers only host apps.

  • Muse at the catalyst - questions MENU hyperlink etc.

    Hey friends...

    I have here a big Web project and I need a little help from the community. ;-)

    The side is built like a sensitive side. I had integrated the two menus.

    One on Desktop Anker and the other on the mobile & Tablet Version-Anker.

    And here's the tricky part:

    Catalyst is a Blog crreated and connectet with muse on a Widget.

    First was a mistake with the connections.

    I got chattet with the function of catalyst for Adobe and they said that I must bring back all the menulinks by directly from hyperlinks as: http://www.../ ........

    I did everything works fine!

    THE QUESTION IS:

    Is the correct Menu integrated into the plan of the site for future SEO settings or may be a problem with the link above direct links

    that Google see this menu linking false or something else?

    Tounsiiaa you to help guys...

    Hello

    There are a lot of resources reveals information about the use of external links and its effect on the ranking of this site.

    I'm writing some resources below that may help with your query.

    Kind regards

    Ankush

  • Exporter jsx as question menu binary causes in CC2015 PS

    Hello

    I just upgraded to CC2015 of CS6 and were in the process of checking compatibility between my different addons, plugins and scripts etc.

    When using CS6, I created a little script using the ESTK CS6 & also, I shared this script on my Web page, but before sharing I exported the script in a jsxbin file to obscure the code and renamed the jsxbin as jsx file.

    It worked perfectly.

    Now with CC2015, I went through the same script ESTK CC, everything looked very nice, has exported once more as jsxbin binary, renamed to jsx & here's the question, using the not obscured script, the script is exactly the right place on my Scripts in CC2015 menu, but by using the results of the script obscured a positioning incorrect in the Scripts in CC2015 menu.

    the code snippet for the link to the Scripts menu:

    < javascriptresource >

    < name >$ $$ / StarTrailStacker/JavaScripts/Menu = Star Trail Stacker by 1 69 CM... < / name >

    aaaaThisPutsMeAtTheTopOfTheMenu < category > < / category >

    < / javascriptresource >

    so, once again, if I leave the code as this is the link to my script from the top of the drop down Scripts and it is named correctly as: Star Trail Stacker by 1 69 CM...

    If I have this code of scripts to export form binary using ESTK CC & renamed jsxbin jsx and then use that as a result of script, my script is still in the menu dropdown script but it is not placed on top I want, is actually located just above the script of statistics alphabetically integrated & is has been named just : Stacker truck electric star Trail but not like I need as described above.

    Is there a fix that would allow me to continue to hide my script but would still allow the script to appear in the menu postion I want?

    Kind regards..

    Put the javascriptresource in plain text and wrap the binary file in an eval.

    Example: -.

    
    $$$/JavaScripts/StarTrailStacker/Menu=Star Trail Stacker by 1CM69...
    aaaaThisPutsMeAtTheTopOfTheMenu
    
    eval("@JSXBIN@[email protected]@MyBbyBn0ABJAnAEjzFjBjMjFjSjUBfRBFeLjIjFjMjMjPhAiXjPjSjMjEff0DzACByB");
    
  • 2 questions: menu discovered and digitally signing with root certificate is incomplete

    How to discover the menu bar (file, publishing, display,...), covered by the menu bar (home, tools,...) in Acrobat Reader ms?

    My other question concerns the root CA certificates: when I upgraded the form XI Acrobat Reader Acrobat Reader DC that I digitally sign including the certificate it displays more of my ID under the timestamp and digital signature, what can I do?

    If you are using Windows, try if F9 bring the menu bar back.

  • Can you have bookmarks in a document of fm and other beginner questions?

    Hello

    I just took an assessment of Framemaker to accelerate the generation of pdf and html, as I currently

    Use a single source tool developed in-house.  I used latest Framemaker when it was version 6 and I

    a few questions about things I would like to be able to do:

    Can I view the bookmarks in a document, standard framemaker, like in Word? I find that this makes it easier to

    navigate around the documentation, or is there a better way? I don't know their definition in the PDF file, this

    is for me as the author...

    I got just the Autonumbering once again kick, but have not found out/understood how to keep my legends of the figures

    with the images that I imported a framework anchored, if any help you can give me would be appreciated

    with that.

    Output PDF is great and the speed of the savings is ideal even for large documents. Is there a real advantage

    have a lot of several chapters in a book, rather than a long document? My longer document is of approximately

    280 pages and consists of four sections, with Appendix, glossary, index and table of contents.

    Output HTML seems to be as bad a I remembered 6 years when I used Webworks Publisher to

    perform the conversion. RoboHelp is a good alternative I organized an assessment from next week

    so have not had the chance to look at this yet, but would be interested in what people think.

    Thank you very much in advance for your help.

    See you soon,.

    Karen

    AKACB wrote:

    Hello

    I just took an assessment of Framemaker to accelerate the generation of pdf and html, as I currently

    Use a single source tool developed in-house.  I used latest Framemaker when it was version 6 and I

    a few questions about things I would like to be able to do:

    Can I view the bookmarks in a document, standard framemaker, like in Word? I find that this makes it easier to

    navigate around the documentation, or is there a better way? I don't know their definition in the PDF file, this

    is for me as the author...

    Hi, Karen:

    In FrameMaker documents, you can navigate to something that will become a link in a PDF document to its source, with a "hyperclick" on the page entries table of contents and indexes in the generated files and references or hyperlinks not generated documents. A hyperclick is Ctrl + Alt + click. There is no click back. You can lock the FrameMaker documents to make these active links with a single click and use the dos commands and others on the Navigation menu that appears when a locked document is active.

    To lock or unlock a document for the type of hypertext navigation and release these keys in order: F Escape (must be uppercase) l (lowercase ' el' not important 'eye' or number one) k (must be lowercase). I remember as "(F) Island (l) oc (k).»

    Google search for words like 'Lock of FrameMaker for hypertext Documents' and "FrameMaker navigation Menu" without the quotes, for more information on these techniques.

    Also, you can use the dialog box insert reference allows to browse some sort of plan file, by selecting a paragraph format such as a cap, on the left and scroll through these paragraphs on the right. Page numbers, you can see the list below indicate the first and last page of the paragraphs in the list above. It's a little inaccurate, but useful.

    You can also generate table of contents or index or list of external cross-references (special > list of > references > external cross references), and then close window of the file generated to fit in the workspace to the sides of the active document. Hyperclick in the generated files, or lock files and a simple click on an entry, to navigate to the location linked in any other file is advanced to.

    HTH

    Kind regards

    Peter

    _______________________

    Peter gold

    Know-how ProServices

  • PS CS5 beginner question

    In PS CS5, I've hidden a rectangular selection on my first photo.   Then I dragged a picture 2nd on the 1st picture using the move tool and it creates a new layer that I now see photo part 2 out of rectangular selection of the photo from my 1st I chose a minute ago.  So far so good.

    However, I don't see a part of the 2nd photo through the window because the window is not big enough for all the 2nd photo be seen.  Is it possible to reduce the size of only the 2nd photo, so that the entire 2nd photo is small enough to be seen with the 1st pictures of rectangular selection?

    Thank you.

    Sevkie

    If I understand your question, the process is quite simple.

    1. make sure that the layer with the part you want to resize is the active layer

    2. click on "cmd" + "a".

    3. go to 'Edit' drop down menu and select: "transform": "scale".

    4. drag the corner of the frame until you have the size you want, and then press ENTER. To limit the proportions hold down the SHIFT key when you drag.

  • Little help General and question about layout theory

    Hello... any help appreciated:

    I am a photographer who has always been a person DIY.  I built a Web site for my work on my own using Dreamweaver and some tutorials online.  He comes back, it works (although a little slow), but the code would, I imagine, most of you take your computers and whiten your knuckles.  In short: it works on the tape, Staples and ideas of jerry-rigged.

    I've watched more tutorials and am rebuiding the site, trying to clean up the code and the site.

    I have a number of questions and issues that I have not been able to solve on my own and so I turn to this site.  I'll post a few initial questions here and even more in the following days.

    I sincerely appreciate the time and help you would be willing to offer.

    1. when I try to preview in Firefox, my computer switches to Firefox, but the site is not displayed.  All that appears is what was the last page I looked at Firefox.  This does not happen for Safari, Opera, etc..

    2 I watched videos on the site, built the site largely with a layout of the Tables and then a page turns with the Table in a template for the pages that follow.  I guess it's a frequently asked question: most people set out sites this way to make... or with the ApDiv?  I feel I'm learning a foreign language by the book... now I wondering how people REALLY speak.  My site is www.tomgriggs.net (look at the code at your own risk).  I provided that in the hope that, if you take a look, you might see a way to layout would work for me better than the other.

    3. What is recommend for my table, wide... I'm focusing on the photogarphers and others who usually have large screens and I want to maximize the space I have for my pictures, but I also want to most people when they visit my site to get the site on their screen.  The solution would only be a percentage based tabular presentation?

    I'll save the other for another day or post questions.  I appreciate any response you have!

    1. There is a known issue with Firefox 3.6.x and preview based on the browser.  It is noted in the Mozilla bug database and has been approved for publication in the next version.  I got the bug number in an old post, but I don't know off the top of my head.

    2 tables are a deprecated feature in Dreamweaver and have been removed from CS4.  So I recommend against learning in this way.  Œuvres of absolute positioning for some cases, but if you want a layout pass little matter that someone has the resolution you will end up with an elastic layout using percentages.  You can use div tags PA in it to achieve some effects.  But most of the time it should be used in some sort of container because otherwise your site will have different appearances according to the resolution.

    That your site is concerned, many will run your site through a validator: http://validator.w3.org/ - HTML, http://jigsaw.w3.org/css-validator/ - CSS.  At the moment your site validates 100% with CSS and has only a single error in HTML format (other errors are related).  Your "and must end with a ' / > '."  Apart from that, everything is in order.  Personally, I like the simplicity of your Web site, although I think you could add a little more to the grey background by integrating one of your images in the background.

    3. return to the table.  Closer look at your code and I see that you have a table around your content with a width of 1134.  Personally I trash and follow these steps:

    Here, all the power to the table remains

    If you get away from the table and move to div and layers, so you can make your more elastic page mentioned in the #2 response.  This code inside the body tag would give you a width of 90% of the visible area and auto margin: 0 would set the margin at the top and bottom of the page to 0 while the auto Center the page horizontally in the window of the browser.  As stated previously, layout tables are obsolete and will be not available in the latest versions of DW from CS4.  So I highly recommend moving ahead of them if you can.  The following resource is a good starting point for CSS ( http://www.w3schools.com/css/ ).  Think about the design of web sites in this way, just said HTML what should appear, CSS says what it should look like when it appears. Based on your current layout, it wouldn't be hard to reproduce this with fewer lines of code using basic CSS layout compared to the current table layout.  If you need an example, I could try to stick something together.  It may take a few days if.

    And if you have any other questions, feel free to post them.   Most of the users here are more than willing to lend a hand.

  • Beginner question absolute to the Labview with GPIB connection device

    Hi all

    Firstly, sorry if my question is already posted, but I tried searching with nothing doesn't.

    My situation: I have a HP digital osciloscope, a HP 54602 B using the GPIB and trial version of labview 8.6. Now, I want to communicate with her from labview. The big question is: how? Before that I used only labview with NI DAQ card and serial port for communications of the instrument.

    the detailed question

    1 is it important (to programming in labview later) what GPIB interface that I use in my computer? Must be of OR? I still have no interface right now.

    2. I ran a search on the osciloscope Web site of NOR and find an instrument driver in:

    http://sine.NI.com/apps/UTF8/niid_web_display.download_page?p_id_guid=E3B19B3E93F7659CE034080020E748...

    . How do they come?

    3. I know there are a few examples for the GPIB, but since I do not have the interface, I can't try it. Is it possible to simulate instruments GPIB?

    Thanks for all your help and assistance

    Hi opiq;

    Welcome to the world of instrument in LabVIEW Control!  I'll try and answer your questions one-at-a-time:

    1. N ° from a point of view of LabVIEW, you can use any interface supported by VISA and your instrument bus.  This includes (but is not limited to) boards of NOR-GPIB, 3rd-party GPIB, USB, LAN, LXI, VXI, PXI, etc..  Of course, if you do not have a GPIB interface, I would recommend a NEITHER - this is the safest way to get the experience 'it works '.  I tend to use an adapter USB GPIB (DISCLAIMER - I work for the OR).
    2. You have two options for installing the device driver.  "" The simplest is in LabVIEW to select Tools "Instrumentation" instrument Drivers find... and use our instrument driver search tool which will be step helps you locate, by downloading and installing the driver.  The other option is to download the zip file, unzip it in \National Instruments\LabVIEW 8.6\instr.lib and restart LabVIEW.  So if you look in your palette of instrumentation, you should see the driver listed under instrument drivers.  The pilot will include some examples of the use of the driver (are all certified instrument drivers).

      In fact, I would recommend this driver rather than that you connected.  It is a more modern design and install examples in the viewfinder of the example ("Help" find examples...).

      Here's a video of the above process (for a different instrument, but the process is the same)

    3. Unfortunately, there is not an easy way to simulate this instrument.  I would just recommend familiarizing yourself with the examples before acquiring a GPIB interface.
  • Beginner question - sheet opens only once when opened via the app bar

    I have a spreadsheet component very simply defined in my main.qml like that

    {Sheet
    ID: mainPageSheet
    content: Page {}
    Button {}
    text: "close map".
    onClicked: {mainPageSheet.close ()}
    }
    }
    }

    I open app bar using settingsActionItem

    Menu.Definition: MenuDefinition {}
    settingsAction: {SettingsActionItem}
    Title: qsTr ("Settings")
                 
    onTriggered: {}
    mainPageSheet.setContent (settingsSheetComp.createObject ());
    mainPageSheet.open)
    }
    }

    }

    Now my problem is that it doesn't open that only once, the next time he shows nothing and gesture swipe to lower the bar of application stops responding also. because I do not have much that I am little confused what wrong here

    I use the Simulator on SDK Gold

    The Simulator today update fixed

  • More beginner questions

    Hello

    Getting started with Java development and fairly new to BlackBerry, so I have a few questions that I hope are easily treated.

    (1) I am aware that there are different levels of API for Java on BlackBerry. I need to write an application that is a little more sophisticated than a web app, but not need features like GPS or motion control. I would like to reach a large part of the audience with a single application. Is BlackBerry JDE 4.0 the best choice

    (2) should what screen size I write to? Is there a small number of standard sizes, or is it everywhere in the jury? Are there still many people using monochrome displays or can only be ignored?

    (3) at some point I need to show my boss of information on what the BlackBerry user market looks like in terms of peripheral distribution and give him a pretty good guess as to what percentage of this market will reach our application. Where can I find this information?

    (4) I really need one of the features is the ability to view external documents from within my application. These documents are mainly PDF files, Microsoft Word or HTML documents. Is it possible on BlackBerry without writing my own code to decode documents? (For example on the iPhone, I can just open a document viewer and pass it a URL).

    (5) I saw some references to a 'business' server or a "synchronization server" that I do not completely understand. In the application, I want to write, all I need to do is to make a HTTP request to a server on the internet and analyze XML data that it returns. I guess that will be OK? Will I have access to a XML parser and HTTP connection object somehow? There is a limitation with regard to what I can connect to the servers?

    Thank you

    Frank

    I'll answer 1, 2, and 5 for you, although others may have answers to spare.

    1. it is a matter of how many devices you want to achieve. I think that 4.6 is to achieve a good balance between compatibility and the camera, well that others may say, 4.5 or 4.2, for legacy devices.

    2. I don't think you need worry too much about the size of the screen, unless you do things that are explicitly graphic, want to do your own drawing for a game or something. If you add a standard user interface elements, should ebb of things, but you obviously test on multiple devices if you are worried a lot about this.

    5. you can certainly analyze content XML on the internet (there are DOM and SAX parsers), but you have to be concerned about the methods of connection on a mobile device, if the connection is by proxy through a corporate server, through the Blackberry Internet Service in public or through the carrier's internet gateway. There are here some guides on how to handle this.

  • Beginner questions!

    Hello

    I just bought a BlackBerry Pearl 8120.

    I had because I'm a Web Developer and realized that my sites are rendered poorly on smart phones like the BlackBerry and iPhone. I find it almost impossible to find how to solve this problem!

    My first question, then, is: where can I find a primer on the latest mobile operating systems and how to code for their browser?

    I have also some other pressing queries:

    • Is it possible to code a site for, say, my BB Pearl and find that it will make so well on other smartphones? (I mean, is there a generic protocol that will work)
    • The BlackBerry has a problem with jQuery? Mine is not running, but I thought that it was working with mobile devices?
    • HOW did you this excellent on the side-slide transition in Facebook for BB? I want that!
    • ... No: I can't get the viewport since my Pearl returned values. What's wrong?

    My little test page is here: http://internetfocusuk.com/test.php

    All reviews, advice and pointers will be slavishly followed...

    Thank you!

    Cherry.

    I just stumbled on page 12-13 in document following. It is a series of tables describing the features of the BlackBerry's OS 3.7 to 5.0 browser. As I said yesterday, a lot of things (including the manipulation of the DOM and AJAX) become available up to 4.6.

    http://docs.BlackBerry.com/en/developers/deliverables/11949/BlackBerry_Widget_SDK-Fundamentals_Guide...

Maybe you are looking for