How to make page chapters like wikipedia in Dreamweaver.

Hi all, I'm a graphic design student currently producing my own portfolio website. It's a work in progress so I haven't published it unfortunately but will be in the next week. So I'll do my best to describe the feaure I would lie to add to it. It's a feature seen most notably in wikipedia.
I have a project that features pictures of posters, leaflets and a mobile app for a fictional event. I have all the images on one page but would like 3 galleries. One for posters images, another for leaflet images, and the other for app images still on the same page. So I ideally would like a function like wikipedia, where you have a contents at the top of the page. So if you want to look at the 'app images' you click the 'app images' in the contents menu and it takes you to that section on the same page so you don't have to load another page.
Does anyone know how to produce this function in Dreamweaver? I presume it's possible as it sound like a basic function. I just don't know where to start (Just like to say I have made a website before, so I know my way around HTML and CSS fairly well). Is it HTML code, or Java code? If anyone has any videos tutroials they could direct me to that would be even better.
Thanks

Use div IDs to hold your content like so:
     <div id="section1">
          section1 content goes here...
     </div>
     <div id="section2">
          section2 content goes here...
     </div>
Insert hyperlinks to your various ID names like this:
     <a href="#section1">Link to section1</a>
     <a href="#section2">Link to section2</a>
For a smooth scrolling example, see link below:
http://alt-web.com/TEMPLATES/FixedLayout.shtml
Nancy O.

Similar Messages

  • How to make a leader like 'De wereld draait door'?

    How to make a leader like this one: De Wereld Draait Door - Intro (nieuw) - YouTube
    If you have any tips, please tell me .

    That's not a plug-in or effect, it's a bunch of 3D layers shaped like a semicircle with the anchor point on the straight edge rotating. You could use some expressions to make things easier. Once you get the basic globe made of cards working the best option for the rest of the animation would be to move the camera or parent the whole globe made of cards to a 3D null and animate the null's position. You may end up with a null parented to a null parented to all of the semicircles.
    It's not a newbie project. It going to take some 3D skills in AE.
    You could also do this in a 3D app. The concept is the same. Semi Circle flat cards rotating about the straight edge.

  • How to make a dialog like jbuilder?

    How to make a dialog like jbuilder's popup dialog. Such as search dialog in jbuilder. It can zoom in and zoom out, but it can't infinite zoom out, why?

    nobody?

  • How to make an avatar like this,

    Hello Adobe Community, i'm new here, i have a big question. I want to know HOW to make an avatar like this:
    I want to know how to do that effect that who zoom in and zoom out etc. WITHOUT SNOWING, only that effect, if you can help me please!
    That zoom effect is AWESOME... send me a tutorial please!

    I thought you said you knew how to make animated gif.  A frame is the composite of the layers that have their visibility on for the frame a frame may be made using many layers. You use tools and filters on layers.You make frame using layers.
    Photoshop also supports any size layer. Layers can be  larger the canvas size can have image data out side the canvas.  Layer image data position above can be move relative to the canvas.  The Cloud logo animation has two layer one is masked is masked the mask is not linked to the layers image data it stationary over the canvas and is more on less a masks more foe the background canvas then the layer its on. The layer it is on image data is more off canvas then over canvas. Photoshop also notes layer position in a frame information, A layer potion can be change from frame to frame. I only create two frame for that animation.  The first and last frame, The first frame I had the top late image JJMACK high and off canvas to the left.  The last frame had it low and off canvas to the right. I then had Photoshop generate 138 frames between the two frames I created.  So Photoshop moved the top layer position across the canvas  left to right and high to low direction and the stationary layer mask masked it as if it were going through the background layers clouds.  The two layers are visible in all frames.

  • I've just updated to iMovie '11....How do I add chapters like did in the older versions of iMovie?

    I've just updated to iMovie '11....How do I add chapters like did in the older versions of iMovie?
    And are there any other changes that may not be in iMovie '11?
    thank you,
    Paul Neathery

    paulneathery wrote:
    How do I add chapters like did in the older versions of iMovie?
    Do you mean chapter markers?
    http://support.apple.com/kb/PH2308?viewlocale=en_US&locale=en_US
    Matt

  • How to make skin tone like newborn baby?

    I take a photo that is a girl.
    Her skin tone is near yellow tone.
    How to make skin tone like newborn baby?
    It means: brightly, have a little pink, and translucent (I don't know how to say that...).
    I've already search this question, but my english is not good....
    I don't know which word is apportiprate....
    Hope someone can help me.
    Thank you

    In my opinion,
    * 70% of the job is getting white balance correct, since that will help baby look, in the picture, close to the same color baby was, in real life.
    * 15% is selecting a camera profile that renders colors closest to how you want.
    * 10% comes from HSL tool.
    * 5% from locals (paint to touch up color).
    Note: you may also need temp/tint locals if photo shot under mixed light: flourescent is greenish, incandescent is yellowish, flash is flash, daylight is different...
    Note: numeric values are for illustration purposes only - the point is that you don't want to go painting until you've got everything else squared away, and you don't want to be mucking with HSL until you've got a fitting camera calibration profile selected and white balance adjusted.
    Not sure what else to say, except color can be further refined (in addition to the above-mentioned) using:
    * RGB curves
    * split toning
    * ratio of saturation to vibrance
    * amount of contrast
    * shadow-tint
    and you can develop your own camera calibration profile just for baby skin if you want ;-)
    Cheers,
    Rob

  • How to make HD look like 4K

    I found this article rather interesting. If I had to try and make a silk purse out of a sow's ear, I would read this one again.
    RedShark News - How to make HD look like 4K

    I'd forgotten about RedShark in general ... thanks for the heads-up.
    And the point about the "impression" being at times more important than the reality (especially if not well handled) is well taken. Working professional stills for many years now ... I've had large prints that even at close inspection looked much cleaner, sharper, and less noisy than other photog's made who had "larger" sensors ... but did their post not as righteously as I did. How you set up & shoot the image/s in the first place matters ... as does how you handle your post & output.
    Craft matters ...  

  • How to make Pages default app for .doc files

    How do you make Pages/Numbers the default app for all .doc/.xls files?

    Welcome to Apple Discussions
    Highlight a known Word document in the Finder, highlight it & choose Get Info from the File menu. In the Get Info box, click the triangle next to "Open With." Click on this drop-down menu & choose Pages. If Pages is not a choice, choose "Other" & navigate to the Pages application. Now click the "Change" button under the text that asks if you want to open all documents like this with Pages. Repeat with Excel documents & Numbers.
    Be aware that the icons for these documents will be plain white icons.

  • How to make a photo like this? (footballer)

    Dear All,
    I am enclosing a photo that I found in the Internet. This is a footballer photo.
    May I know how I can make a photo like this in terms of color and texture in Photoshop? Many thanks!
    Best regards,
    Keith

    What you'll want to do is pick a photo with something like a person or an animal in the foreground. Then, use the Lasso tool to trace around the outside. Separate the person and the background into two or more layers, depending on how much you want to change. Up the saturation on the background, and apply a blur under the filter menu. It might just be the angle the photo was taken from, but they could have possibly added a light effect behind him as well. As for the guy, it looks like they upped the contrast and lowered brightness. Since i don't know from what angle the photo was taken, those are the only effects I can say were most likely used.
    Hope this helps,
    Cole

  • Bridge: How to make PDF looking like this:

    I try to arrange my images in PDF document, which I'm making in Adobe Bridge CS5.
    I want to make this looking something like this:
    How to make it?

    Or get a decent program like Contact Sheet X.
    http://csx.riaforge.org/

  • How to make pages page horizontally in acrobat

    Hi there.
    Is there a way in Acrobat to make pages page horizontally? Similar to an ‘island spread’ in indesign! I need to view a series of pages horizontally, as this will best simulate the way that I will be presenting these pages when pinned up...
    Thanks,
    Craig

    Depends on how you set up your ID file. If you have set up your document as 11 x 8.5 (horizontal/landscape) the resulting pdf exported sould be the same. If you have an 8.5 x 11 Document, Portrait, the exported pdf should be likewise portait.
    If you printed to PDF Printer (and you should have exported instead) these results could be overridden by the page orientation.
    If you have an Acrobat file, whose pages need to be rotated permanately, not just for a particular view instance, rotate them from the Acrobat Navigation Pages Panel.
    Page>Rotate Pages (or Shft+Ctrl+R)

  • How to make page scroll automatically on click, plz help ASAP

    Hi!
    I need to know how to make a page scroll up or down automatically when i click on an image.
    Too see example click here: http://www.morphix.si/
    I am very new to Dreamweaver and coding, so please be gentle. But I need help A.S.A.P if it's possible! =)
    Thanks!

    Hit F1 (help) and search for Named Anchors.
    The example page is one, very tall page with several named anchors on it.  When you click a button it takes you to the designated anchor on the page.
    <a href="#top">Link to Top</a>
    <a href="#bottom">Link to Bottom</a>
    The gliding effect is done with jQuery.
    http://www.position-absolute.com/articles/better-html-anchor-a-jquery-script-to-slide-the- scrollbar/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • How to make color tone like this?

    I'd like to find out how to make similar "color tone" effect like this:
    http://www.horror-movies.ca/watermark.php?filename=poster_THE_SITTER_2D_ORING.jpg
    I'm talking about those striking "artificial" skin tones you can see on many movie posters (or advertising/fashion posters). For example:
    http://www.impawards.com/2008/posters/curious_case_of_benjamin_button_ver3.jpg
    http://www.impawards.com/2008/posters/tropic_thunder_ver4.jpg
    http://www.impawards.com/2008/posters/twilight_ver6.jpg
    http://www.impawards.com/2008/*****_slap_ver7.html
    http://www.impawards.com/tv/posters/fringe_ver9.jpg
    http://www.impawards.com/tv/posters/dexter_ver2.jpg
    http://www.impawards.com/2008/posters/hellboy_two_ver2.jpg
    I don't know how to describe it (sorry, english is not my first language), but I like the way the color on the skin affects only certain tones. I hope you understand what I'm talking about :) I tried to play with layer blending (BW + color balance of shadows)... but I never manage to do something like this. I suppose it has to be a common technique, sice I see it on so may posters and photos. Does anybody have some advice? Thanks!

    Alan,
    The links you posted seem to suggest the effect you are after may be the result of luminance masking, perhaps coupled with a knockout layer to protect the eyes. Try this procedure:
    (a) Duplicate the background layer CTRL + J (and perhaps rename it Blur as that helps to emphasise the purpose of the new layer).
    (b) With the new Blur layer active, from the Menu bar choose Filter/Blur/Gaussian blur about 20% for starters each image may require slight variations to this amount.
    (c) Turn off the visibility of the new Blur layer and select/make active the Background layer.
    (d) Go to Channels Palette and CTRL click on the Red channel. Return to the Layers Palette. Turn visibility of new Blur layer back on and select it.
    (e) With the new Blur layer active, click the Add layer mask button at the bottom of the Layers Palette this adds the Luminosity Mask to this layer and results in seeing the Gaussian blur now only inside the lightest (50%) details of the image. Now change the Blend Mode of this layer from Normal to Overlay. If the effect seems too strong, try the Soft Light blend mode which is less severe. If you want a greater effect than Overlay delivers, try Linear Light. You can back off the effect of any of these blend modes with the Opacity slider but that would, I think, also back off the amount of Blur, which may or may not (depending upon the image) lessen the overall effect you are aiming for.
    (f) Next comes the Knockout Layer (KL) to remove the effect of these Blur and Blend Mode edits from the eyes. The KL must be on top of the Blur layer, so make the Blur layer active and then add a new transparent layer above it - CTRL + Shift + N and name it Knockout.
    (g) On the new KL, select the eyes with the Elliptical Marquee Tool (select too much rather than too little reason follows later) and fill the selection with Black ALT + Backspace (provided Foreground Colour in Tools Palette is Black). Then deselect the eyes CTRL + D.
    (h) Bring up the Layer Style dialog box (LSDB) by double clicking on the icon for the KL. In the LSDB change Knockout from None to Shallow and reduce Fill Opacity from 100 to zero % and click OK which dismisses the LSDB. That is it you have now eliminated the effects of the Blur layer on the eyes using the Black holes on the KL.
    (i) To remove any excess eye selection, you use the Eraser tool (set to about 50% hardness) and paint around the edges of the eyes with the Eraser tool what this is doing is reducing the size of the holes in the KL and bringing back the effects of the edits from the Blur layer.

  • How to make a layout like this?

    Hu My question is how to make a work layout like this panel?
    One is affected by perspective grid and there others are not.
    Thank you!

    Please read about art boards in the manual. That's what it's there for.
    In one file you can have objects in the perspective grid and objects that are not. Use the plane switching widget to determine that:
    http://help.adobe.com/en_US/illustrator/cs/using/WSfd7453be0f56bba4-4bd07ab712480a35d44-80 00.html

  • How to make a website like this

    Does anyone know a good publication or training DVD that will
    quickly teach me how to make websites like this:
    http://blusites.com/adam/
    I've been taking a flash course through a local college and
    all they teach me is how to do stupid animal animations, animated
    gifs etc... I'm dropping the class hoping that I can teach myself
    and not waste anymore time
    Thanks!

    Personally, why pay to view linda.com videos when you can
    access all the videos you could want for free at
    http://www.adobe.com/designcenter/video_workshop/
    I'm not crazy about the videos anywhere because I might have
    to watch them again and again, but some of the videos have a
    tutorial and a file to download.
    If you're the type that you like to do all you can before
    going to a forum, then you can do these things:
    1. I don't know if you have Adobe Creative Suite 3, but if
    you want to make websites with flash, you will need the program.
    2. I like the flash movie at
    http://blusites.com/adam/blu1.swf,
    but believe it or not, it's a very simple movie. The photographs
    are supplied by a professional photographer, and the flash movie is
    simple.
    3. If you already know how to make movies using Flash, then
    get yourself an Advanced Flash book to to learn faster and become a
    better flash creator. Flash CS3 uses ActionScript 2.0 and 3.0. You
    might like to get a book on ActionScript 3.0 to learn faster.
    You can and will learn faster and better if you take the time
    to do 2. and 3.
    There is a ton of Flash Tutorials at Adobe and other
    websites, do a search and you'll get so many sites it could take
    years to visit them all.
    good luck, hope this helps
    jan

Maybe you are looking for