Part 01 - Introduction | Classroom: Basic Site Layout and Navigation in Dreamweaver | Adobe TV
Get started learning about some of the key frequently used terms in web design such as URL, web server, HTML and CSS. Then get a quick overview of the fundamentals of websites and how they work. Explore the provided sample design that serves as the starting point for building the actual site in Dreamweaver.
http://adobe.ly/AxN9kH
you truly are evangelist, I watched your pervious stuff, and to be honest, you are one of the most advance tutors in terms of how simply and clearly you explain most complex tasks. Thank you Adobe for keeping Paul. I hope he does more of these! With even more examples...
Similar Messages
-
Learn how to create and prepare images to incorporate into your website design. Save them in web friendly JPG or PNG formats while maintaining a good balance between quality and small file size. Import them into Dreamweaver and make some initial adjustments to layout and alignment.
http://adobe.ly/zL64GNThis third lesson needs to be updated. The "ALIGN" buttons in Properties are now missing in CS6 because it's obsolete in HTML now...
-
This lesson covers how to create multiple pages based on the page you have already created earlier. You’ll then learn how to set up the navigation and how to change the content for each page including adding different background graphics by customizing certain CSS properties while still maintaining the shared CSS scheme across the site.
http://adobe.ly/xLdpe4After this tutorial no 10 my background image didn't change for the rest 3 pages. It stayed the same even though I made a new css rule as shown. I picked tag, this document only, and body as a selector name. Changed the bckgrpund color to black, and than changed the picture as well. I clearly see the new "body" css rule that is above my Paolo css rule in the side bar, but no changes on the pages, I still got the same bckground image for all of them.
Any ideas? Anybody with a similar problem? -
In this video you’ll continue to further customize your website using CSS or Cascading Style Sheets. With CSS you can control many visual aspects of the website efficiently and consistently. Learn the basics of how CSS rules work and how you can easily take advantage of the power and flexibility of CSS in Dreamweaver including creating and editing your own CSS class.
http://adobe.ly/wTlFxCsome of these tutorials don't really work. changing the body image to scrolling or fixed doesn't change anything on my computer, and apparantly doesn't change anything on the version that the instructor is using either, since he never shows us the "before"
-
In this step of the tutorial, you can find out how to use the files panel in Dreamweaver to organize and set up your site on the local hard drive in your computer – while it is still being worked on before it can be published to a web server later.
http://adobe.ly/xkgWUfThis third lesson needs to be updated. The "ALIGN" buttons in Properties are now missing in CS6 because it's obsolete in HTML now...
-
Take a quick tour of the Dreamweaver workspace including various panels and the Code/Design views. Begin building your page by starting with a blank HTML page, and then bring in your content from a text document. Go on to brush up the page by changing some of its basic properties.
http://adobe.ly/wMVCOnhere is the link
http://downloads.tv.adobe.com/2012-06-26/2cb49ae4-317a-790a-0585-b115cce63ded.zip -
I tried to perform the draw AP Div from the Insert Panel as described within the Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver" but that option isn't available/visible from my most recent update t Dreamweaver CC. The only thing noticeable is that the instructor is using a Mac version of the software. Help!
CS4 is 6+ years old. A lot has changed in web standards and Dreamweaver since then.
APDivs were never a good or sensible way to make primary layouts. Today, they are downright impossible in Responsive web designs because content in APDivs is removed from the normal document flow. See links below for further details on why APDivs should be avoided.
http://www.apptools.com/examples/pagelayout101.php
http://css-tricks.com/css-beginner-mistakes-1/
If you're going to work with DW CC, you need to find tutorials to match your product version. CS6 is wildly different from CC and CC 2014.
Creating your first web site in DW CC-
https://helpx.adobe.com/dreamweaver/learn/tutorials/how-to/first-website-part1.html
Nancy O. -
Re-organising site layouts and structures
Hi
I have a requirement where an organisation wants to re-organise their
existing site structure. They have a number of site collections (1 per department) each SC has a number of sub-sites (team sites).
All SC need to to have a new layout with new webparts on the landing pages. All subsites need to have layout changes and maybe navigation changes also. (I'm still looking at the requirements)
Originally, I was under the impression that I was to build all from scratch, this would have been easier. My idea was to create a feature that would build and configure everthing in new site collections. As existing site collections exist with sub-sites,
how can I achieve the requirements ? All changes need to be mirrored across all existing site collections.
Will this need to be a manual alteration or can it be automated with some sort of template?
ThanksHi, I will do my best to answer each question in order.
In terms of order is it best to build a custom page adding and testing jquery slideshow and then after debug somehow copy this to the VS project?
Yes, I suggest you create a working site collection with sample sub sites and demo pages. Create your custom branding (custom master pages, page layouts, content pages, etc) as well as build custom controls or components such as jQuery sliders. Debug and
get working, then package into VS. Many developers would complain as say always build in VS from the beginning but I find debugging takes significantly longer as you have to recompile/redeploy with every change.
Can VS create branded sub-sites upon activation?
Yes, you will want to use an event receiver or feature stapling. The actual technique you will us will depend on how automated you want the process. If you want everything wrapped up into a large site template, then you can add a root web, sub webs, all
with prefilled content and branding applied when a new site collection is added. This is an advanced VS solution though.
Once the VS project is ready the solution needs to be deployed and activated in other departments. To activate in other departments do I need to create a site collection and then activate the feature?
I suggest you package this all as a site template, thus when a site collection is added, you will select your custom site template. That will mean all sub sites and branding is auto applied for you depending on your custom site template configuration.
Using multiple SC’s can I use a single master page and page layout or will I need to have a master page and page layout for each SC?
Each Site Collection will need its own set of master pages and page layouts. You can have a central repository for css, images, js, etc, though. I good reason why to package branding into a feature so it is more easy to maintain. If you need to update master
pages / page layouts, simply update the feature, redeploy to the server, then deactivate/activate the feature on each site collection using powershell.
Are there any alternatives other than using VS to build this (I thought of simply exporting site as template- though this only exports current site not subsites)
Not that I know of, I recommend the power of a custom site template built in VS.
Eric Overfield - PixelMill -
blog.pixelmill.com/ericoverfield -
@EricOverfield -
Site layout and color looks different in each browser
I created a site. When I preview the site in firefox it is just the way I created it in dreamweaver cs5, but when I preview it in IE the background color is not the pinkish color I used, it is black and the subheading is crunched up to the left and not the right. Also, in google crome browser, it is perfect except there is a huge gap of space from the bottom of the page to the footer (It shouldn't have margins but the margin is very large). The site is for a client (escort-personal), I hope that someone will be able to help/lead in the right direction.
I see a black background in IE, no doubt caused by truncated #hex color codes in the markup. Remove the table cell BGColors from your html markup.
Add this to your CSS code:
td {background: #993300}
FYI, table-based layouts are very old school. You should be learning to work with CSS Layouts.
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Site loading and navigation is very slow
My site has been up for a few days now. Last night everything was working fine, but today the site loads very slowly and menu navigation is very slow as well. There isn't a lot of data on any of the web pages, max of one or two photos per page. Nothing was changed since last night. My other website is working fine though.
www.windycitycowboys.com
ThanksFor me, as of 8:30pm, your website loaded fine and fast enough. If it still loads slow for you now, it's possible that your internet pipeline is super busy between your computer and to some point between you and Apple's host systems. If it is still slow, time to contact your internet provider to ask them to check your speed.
Try:
http://www.testmy.net
to see how fast your connection is. -
Very new - basic site design help
I have created a basic site layout in Photoshop, was
wondering if someone could point me in the right direction for
adding functionality.
http://www.heroesmemorabilia.net/Final-Layout.jpg
This is how I would like the site to look, on the left hand
side are buttons to control the content that will be loaded into
the grey shaded section in the middle. Ideally when scrolling down
the left bar and top bar remain stationary.
Also I would like the images to change when rolled over, i.e.
the text becomes highlighted or something.
I am assuming all this is possible in DReamweaver but is it
the best program to use for this type of work? If not any
suggestions, if so any decvent tutorials you know of to help me?
Additionally the main content would be a catalgoue of
products with pictures and text, would like this to be easily
updatedable in a kind of database. Possible? Apologies for being
such a noob, any help would be appreciated!On Sun, 23 Sep 2007 13:09:44 +0000 (UTC), "SuperFlyChris"
<[email protected]> wrote:
>I have created a basic site layout in Photoshop, was
wondering if someone could
>point me in the right direction for adding functionality.
>
>
http://www.heroesmemorabilia.net/Final-Layout.jpg
>
> This is how I would like the site to look, on the left
hand side are buttons
>to control the content that will be loaded into the grey
shaded section in the
>middle. Ideally when scrolling down the left bar and top
bar remain stationary.
>
> Also I would like the images to change when rolled over,
i.e. the text becomes
>highlighted or something.
>
> I am assuming all this is possible in DReamweaver but is
it the best program
>to use for this type of work? If not any suggestions, if
so any decvent
>tutorials you know of to help me?
>
> Additionally the main content would be a catalgoue of
products with pictures
>and text, would like this to be easily updatedable in a
kind of database.
>Possible? Apologies for being such a noob, any help would
be appreciated!
Hello, that looks nice. By your asking if DW is the best
program to
use, I would say that it is hands down. But since you
apparently have
zero knowledge about how web pages are built, I would not
recommend
your buying a $400 to see how it works.
On the other hand, I think Fireworks is worth its weight in
gold and I
urge you to download the trial.
NVU at
http://nvudev.com/ is free and would
be a good program to play
with.
It's way to early for you to be thinking about databases and
such.
Besides, you gave no reason why that would be needed.
Hope this helps. -
Web layout in Illustrator CS4 and import to DreamWeaver
I'm much more comfortable working in Illustrator CS4 than in DreamWeaver CS4. I'd like to lay out my web pages in Illustrator and then transfer those layouts to DreamWeaver. Does anyone know of tutorial on how to do this, or have any suggestions on a good workflow?
(cross-posted in Illustrator forum)This is not the workflow you should be using. Use Graphics apps for images only. DO NOT use graphics apps to EXPORT html to DW. The code is crappy and ill suited for real web pages.
Taking a Fireworks comp to a CSS Layout in DW. Same methods apply no matter which graphics app you use.
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Hi Experts,
I have a requirement where I will be getting site group code,using which I need to find the list of site numbers that are currently part of the requested Site Group and send it back. In which table I can find the list of site numbers related to the site group code or Is there any function module to find the same.
Thanks & Regards
Sridevi SHi,
Use the function module "CLAF_OBJECTS_OF_CLASS". Pass following paramters
CLASS : <Site Group>
CLASSTEXT : 'X'
CLASSTYPE : 030
Output internal table structure T_OBJECTS will have the list of Sites assigned to this site group.
Regards
Vinod -
Web-building my site. FIREFOX and NAVIGATOR is great but not SAFARI. Why?
Hi,
I am building my web site http://www.philthesecurityguard.com/ everything works great on FIREFOX and NAVIGATOR but not SAFARI. Example: on my web site, I click on REAL LETTERS in SAFARI and HALF of orange squares appears outside of my letters. FIREFOX and NAVIGATOR have FULL orange squares on the outside of my letters. Another example: The vertical thin partitions on my web is red on FIREFOX and NAVIGATOR, but there is no red line on SAFARI. How come SAFARI is "short circuiting?" (I have Adobe GoLive web builder.) [email protected]> Tim G" <[email protected]> wrote
in message
> news:gha37j$7lg$[email protected]..
> "jus2sho" <[email protected]> wrote in
message
> news:gha2rf$74r$[email protected]..
>> Thierry,
>> Can you elaborate a little on what you said. I'm a
complete noob that
>> knows a
>> little about how to use DW. Will adding the .html
extension fix my
>> problem? I
>> have yet to change it because I don't have access to
Firefox to try out
>> right
>> now. I will in the morning.
>
>
> You absolutely need to have an HTML-compatible
extension. Whether that is
> your only problem... well, fix that, and then see.
Configuring the server would allow the OP to use file names
with no
extension [1], which imho would be a better approach [2].
Cool URIs don't change...
[1]
http://www.w3.org/Provider/Style/URI
[2]
http://www.w3.org/Provider/Style/URI#remove
Thierry | Adobe Community Expert | Articles and Tutorials ::
http://www.TJKDesign.com/go/?0
Spry Widgets |
http://labs.adobe.com/technologies/spry/samples/
[click on
"Widgets"]
Spry Menu Bar samples |
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html -
In Initial View, can you set defaults for Navigation tab, Page layout, and Magnification?
Adobe Acrobat 9 Pro V9.4.0
Win7 Pro x64
Problem: In Initial View, can you set defaults for Navigation tab, Page layout, and Magnification?
Every time Acrobat scans a document, I have to go to Initial View to set Navigation tab, Page layout, and Magnification. It does not remember the settings I last used.
Thanks in advance.See my response to this post
Maybe you are looking for
-
Can someone please tell me. When trying to sign into icloud. i get the message.. Cannot sign in . The maximum number of free accounts have been activated on this ipad. What do I do ? Hope someone can help.
-
I can right click the FF icon in the task bar and click Open New Window, and a new blank window appears, but none of the existing tabs will open.
-
Hello, I have model as shown below SF3 joining M:1 on D1 and SF1, SF2 joining 1:M on D1, which in turn joins 1:M on F1 and F2. I have put aggregations on Measure1 and Measure2 for F1 and F2, so that when user pulls columns from all the dimensions the
-
We're building an extension to InDesign using the CS Extension Builder. The framework we're using is Flex 3.4 (eclipse/plugins/com.adobe.cside.flexsdk_2.0.0.62-32314/flexsdk/3.4.0). There are two problems here: The source code for almost the entire f
-
I'm using Logic X 10.0.7 and always upgrade when the update is available, but now I cannot set my I/O assignment to surround, the selection is not there anymore on the preference. Is there file missing or anything? pls help..