Part 02 - Creating Your First Webpage | Classroom: Basic Site Layout and Navigation in Dreamweaver | Adobe TV
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/wMVCOn
here is the link
http://downloads.tv.adobe.com/2012-06-26/2cb49ae4-317a-790a-0585-b115cce63ded.zip
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...
-
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/AxN9kHyou 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...
-
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. -
Adobe dreamweaver cs5 creating your first website part 2
I'm trying to do the study creating your first website 2 but I have a problem. Maybe I'm stupid but all the time they are talking about figures but I don't see any picture. In part 1 they where there but in part 2 I see or find no pictures or figures at all. Can anyone help me, maybe even after that has stopped laughing about my ......hahaha Thanks!
I'm at this moment in Portugal and I work with Mozilla, I tried with Explorer but the same result. I got an answer from Hans G who suffers the same problem and he said we had to be patient.....because the tutorial would come later. But you have it already? well patience can be a good thing on the right moment offcourse, thanks anyway it seems that I have to......
Date: Sun, 20 Feb 2011 15:55:20 -0700
From: [email protected]
To: [email protected]
Subject: Adobe dreamweaver cs5 creating your first website part 2
I see only the letters figure 1,2....8 etc. but no picture.and if I click on them nothings appears!
In which part of the world are you located?
Have you tried using a different browser?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
> -
Creating your first application
Hello,
I've downloaded manual "Creating Your First LiveCycle® ES
Application". I was following all the instructions there,
but when I try to start process in workspace I get an error:
An error occurred creating the form (task 109, form 0). (ALC-WKS-007-040)
Does anyone else have similar problems or this app. works fine?
any experience?I think I found the solution for this error.
In a Workbench ES we can create forms, and those are 2 kind of forms:
1) Adobe XML Form File (XDP)
2) Adobe XML Form File (PDF)
When I create a process and for initForm variable I chose an XDP form then I can not view the form in Workspace, and I get this error ALC-WKS-007-040. If in initForm variable I chose an PDF form then I
can see the form in workspace!!!!! :-)
But now I get to another problem ;-( Which type for the initForm variable should I use? I think I can not use for the type xfaForm.
I mean I've tried, but then even a simplest process (for example to submit the form to another user) is not working. I mean I can not submit the form.
I'll try to describe the process I've created:
I've deployed 2 components, first one is SetValue (Start Activity), and another is User component. I've created variable initForm, selected REQ., IN, OUT, as a type selected xfaForm, for the Template URL selected the PDF form.
At the user component, I've selected a user from Def.Domain (apink), and at the FormDataMappings tab I've selected the initForm as Input form variable, and Output form data. Also I've tried with different values at these fields but still it is not working!
Do you have any ideas? -
Can i export a list of all the webpages in my site, enabled and disabled?
Hey Guys,
Can i export a list of all the webpages in my site, enabled and disabled?
I saw you could view all pages in the advanced view - but i am not sure if you can then export that as an excel file.hey Liam -
but ftp doesnt show you what is enabled and disabled.
also I don't think you can export an excel file from this?
Pretty much i want this list - in an excel format! -
Or I am unable to see the website when I activated Dream Weaver that I have worked on so far. I am confused. Can someone help?
Not sure what you mean about being unable to see the website when you activated Dreamweaver, but the simple way to start the tutorial from scratch is to delete the files. Then replace them with a fresh set from the download zip file.
You can delete the files in the Dreamweaver Files panel. Alternatively, use the Windows File Explorer or the Mac Finder.
If you want to delete the site definition in Dreamweaver, select Site > Manage Sites. Select the site in the list that appears, and click the minus button at the bottom left to delete the site from Dreamweaver. Note, however, that deleting the site definition does NOT delete the files or folder that you created. It simply removes the site definition from Dreamweaver. -
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 -
text using split view and typing in a Return in Mac OSX right after the end of the text you want to make a header out of does not create an end paragraph in the code view for me. It does create a CR LF in the code view but not an end paragraph tag (</p>).
I had to go into the design text to create an end paragraph in the code view.
Also putting the cursor on the heading "Inside Tesla Mortors" and clicking on heading 2 from the properties format list creates a <h2> </h2> line right below the text and in Design view there is at least two extra lines created. None of this is going like your tutorial said.
Any ideas?
Dave V.I seem to be able to work in Design view just fine but the tutorial shows that I'm suppose to be in code or split view.
You're supposed to be in Spilt View.
Split View (Split Vertically) - working in Design View on the RHS and observing - learning - what DW does in Code View on the LHS.
Here is the screen print of some of the text in his tutorial that shows code view not Design view. I'm confused.
Yes, I've seen the article
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt3.html
The screenshot shows Split View - not Code View.
Work in Design View on the RHS of Split View. -
What's wrong with this html and css code? ref: Create your first website tut.
In reply to David Powers re: design view doesn't translate to browser. I hope this is the approved way to send copies of code and images.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cable cars</title>
<link href="main.css" rel="stylesheet" type="text/css">
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/source-sans-pro:n6:default.js" type="text/javascript"></script>
</head>
<body>
<div id="#wrapper">
<header id="top">
<h1>Bayside Beat</h1>
<nav id="mainnav">
<ul>
<li><a href="index.html" class="thispage">Home</a></li>
<li><a href="sightseeing.html">Sightseeing</a></li>
<li><a href="eating_out.html">Eating Out</a></li>
<li><a href="whats_on.html">Whats On</a></li>
<li><a href="where_to_stay.html">Where to Stay</a></li>
</ul>
</nav>
</header>
<div id="hero">
<article>
<h2>Be Where It’s At</h2>
<p> </p>
<p>San Francisco is one of the most exciting and vibrant cities on the planet. Bayside Beat is here to keep you informed of the best places to see, where to eat, what to do, and where to lay down your weary head after an action-packed day—or night—on the town.</p>
</article>
<img src="golden_gate.jpg" width="1214" height="547" alt=""/> </div>
<article id="main">
<h2>Riding the Cable Cars</h2>
<p> </p>
<p>No visit to San Francisco is complete without a ride on the iconic cable cars that climb up the vertiginous hills of the city. Of the twenty-three lines established between 1873 and 1890, three remain: two routes from downtown near Union Square to <a href="http://www.fishermanswharf.org/">Fisherman's Wharf</a>, and a third route along California Street.</p>
<p> </p>
<p>The cable cars rely on cables running constantly beneath the road’s surface. The driver—or gripman—uses a lever to grip the cable to pull the car and its passengers up the hill. The gripman requires not only great strength, but also great skill. He needs to know where to release the cable to coast over crossing cables and points. The conductor works in close cooperation with the gripman, operating the brake at the rear of the car to prevent it from running out of control on the downward slopes.</p>
<img src="cable_car1.jpg" width="400" height="266" alt=""/>
<figure>
<p>The cable car terminus near Union Square</p>
</figure>
<p> </p>
<p>Although the cable cars are now mainly a tourist attraction, they’re still used by local commuters to get to and from work. The California Street line is particularly popular among commuters on weekdays.</p>
</article>
<article id="sidebar">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<!-- @page { margin: 2cm } A:link { so-language: zxx } -->
<BODY DIR="LTR">
<h2>Cable Car Tips</h2>
<p> </p>
<p>A single ride on a cable car costs $6. If you plan to travel around the city, it’s often cheaper to buy a Muni Passport, which gives you unlimited rides on San Francisco’s extensive public transport system, including the cable cars (but not the <a href="http://www.bart.gov/">BART</a> subway system). Even a single-day passport ($14) will save you money if you make a return trip, and stop off to visit Chinatown one way.</p>
<p> </p>
<p>There are often long lines at the cable car terminus, particularly on the Powell-Mason and Powell-Hyde routes. If you don’t want to wait, try walking a few stops along the route. The conductor usually leaves a small number of places to pick up passengers on the way. The California Street route is generally less crowded (but not as spectacular).</p>
</article>
<div id="footer">© Copyright Bayside Beat 2013</div>
</div>
</body>
</html>Some very strange code that doesn't belong.
<article id="sidebar">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<!-- @page { margin: 2cm } A:link { so-language: zxx } -->
<BODY DIR="LTR">
Not sure how that got in there but it is definitely not valid. Looks like a bad copy & paste from some other document.
Have you reviewed the fundamentals of HTML5 docs yet? Knowing the basic structure will help you more than anything else you can learn at this point.
Each page has:
one DOCTYPE,
one set of <html> tags,
one set of <head> tags,
one set of <body> tags.
http://www.w3schools.com/html/html5_intro.asp
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>
Nancy O. -
Creating your first AIR application for Android with the Flex SDK
This question was posted in response to the following article: http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac25d3d8c712b2d86751e-8000.html
The name of the self-signed cert that is generated in the "Create the APK package file" step is sampleCert.pfx, but the name of the file in the next step is sampleCert.p12. This should be fixed.
Maybe you are looking for
-
I entered someone in my contacts but they do not show up in my list.
They do show up when they call and text me. I cannot access the contact from my list even when I search for them and have turned on the function to show contacts from all sources. When I type in the number manually their name shows up. Since I cannot
-
Add unique title and description to other Blog pages
Hi, There's a few pages that I cannot work out how to add a unique title and description tag within the Blog. These are: The page numbers - in the footer of the Blog if you click page 2, 3, 4, etc eg: http://www.cardiotech.com.au/_blog/Latest_Fitness
-
Switching iPhone from Windows based computer to Apple
Could one switch an iPhone from a Windows XP computer to an Apple seamlessly, or are you stuck with whichever system you initially sync up with? I will be getting my iPhone 3GS on the 19th, and shortly thereafter (not sure of the timeframe) I will be
-
Trying to restore the software locks up the iphone and renders it unusable
Trying to restore the software locks up the iphone and renders it unusable
-
How to see the group membership for a user in oidadmin
how to see the group membership for a user in oidadmin? I see the memberships in oiddas, but I would like to know if its possible to see them in oidadmin? Thanks.