Bayside Beat Tutorial--Paragraph Has No p Tags

While in the third session of the Bayside Beat tutorial for Dreamweaver CC titled Adding images and links, in the third paragraph of the imported article titled Riding the Cable Cars, the <p> tags are missing. Therefore, at the step of adding the Figure tag, there is no space between the caption text and the beginning of the third paragraph. Why would the <p> tags be missing?
It appears that Dreamweaver didn't convert the text properly to HTML.

The most likely reason is that you didn't select the closing paragraph symbol when copying from the rtf file. Paste Special's ability to generate the correct HTML tags depends entirely on how the text was formatted in the original document, and on what is actually selected.
When copying and pasting from an rtf document, Dreamweaver wraps everything in paragraph tags, as long as there is a blank line between each paragraph in the original document. If you don't copy the closing paragraph symbol, the last line is not formatted by Dreamweaver.
When copying and pasting from a Word document, Dreamweaver preserves the Word formatting, but only if the Word document has been styled correctly. A lot of Word documents are incorrectly styled (simply changing font size, instead of using heading styles), so it's always a good idea to check the HTML after pasting into Dreamweaver.
With both Word and rtf documents, there needs to be a blank line between paragraphs. If there isn't, Dreamweaver wraps everything in a single pair of <p> tags, and the line breaks are represented by <br> tags. Cleaning this up can be a major pain if a lot of text has been formatted this way.
That's why it's so important to check the HTML generated after copying and pasting from an external file.

Similar Messages

Bayside Beat tutorial

How do you clear or delete files in the "Local Files" section? In step 1, when I selected the "Browse for Folder" button, all the files from my desktop were copied to "Local Files". When I edit and delete a file, it is also deleted from my desktop. I would like to start the Bayside Beat tutorial over from the beginning.

The best way to work with this (or any other) tutorial is to make a copy of the files, and make the folder that contains the copy the Local Site Folder.
If you want to edit the current site definition, go to Site > Manage Sites. In the dialog box that opens, select the name of the site you want to edit, and click the Edit button (it looks like a pencil):

Bayside Beat tutorial not saving properly? [subject edited by moderator]

I'm only on the first step of the trial, and have saved 'Bayside Beat' to the Sites folder, but it's empty - there are no images, nor anything in the js folder - what's happened??

The tutorial says -
Copy the bayside_beat folder into the Sites folder.The bayside_beat folder is the folder you will use as the root folder (main folder) for your Dreamweaver site. The content folder contains two rich text format (.rtf) files with text content for the web pages you'll build in this tutorial. The bayside_beat_comp.jpg image shows the design for the main page of the website (see Figure 2).
Did you add this bayside_beat folder as the root folder of the site in your site definition?

Trying to create and save a new site for the Bayside Beat tutorial but am having trouble

trying to create a new site as explained by David Powers in this tutorial but I am already getting hung up.
It tells me to go to site and then to New Site. I do that and type in Bayside Beat on the first line. (as soon as I do that you notice a red X on the right side of Bayside Beat.)
I'm told to Browse for my folder which is on my desktop and click ok. When I press SAVE another window pops up.
This time it tells me another site is named Getting Started and I'm asked to enter a different name.
Question, where is this other site that is named Getting Started? What name do I call it now!?
So I rename the site name San Francisco and press SAVE and another window pops up.
This time it tells me I may have further problems still...What am I suppose to do?

Do you mean, are the contents still in the original folder or was it transferred to a new folder?
Does it make a difference if it’s in the original folder?
Ralph Fujiwara
Graphic Designer
5 Revere Drive, Suite 206 | Northbrook, IL 60062
Direct: 847.849.2968 | EFax: 847.897.0768
[email protected]

Bayside Beat tutorial stuck at the same point over and over

I'm getting stuck again and again at the point where it asks to insert the Word text in the 3 placeholders. First one OK, and then it's like: "figure the rest out for yourself". What exactly goes in container 2 and in container 3? For instance I think the part with the 'links' should not be inserted. And the last paragraph does not appear in the example in the first part of the tutorial. If the creator of the tutorial feels it necessary to tell us that it's no problem if you've never built a website before, then he should keep it step by step and keep the learning curve for a first timer in mind! I HAVE built a few websites before, but this one keeps me puzzled over and again, because the result is not what is shown in the tutorial, and the images do not correspond fully to what I get to see in the Dreamweaver CC panels. One does not learn from just "do this and do that", but only if the reasons why are given as well.

This forum does not support email attachments. If you want to show a screenshot of your problem(s), you need to log into the web-based forum, and use the camera icon at the top of the message field to insert an image into your post.
Images embedded in posts are usually scaled down, but they can be viewed full size by clicking the image.
I'm sorry you're still having difficulty with my video tutorial. When Adobe asked me to create it, the brief was to provide a series of short videos showing how to use Dreamweaver to create a simple web page. Web design is a complex subject, so attempting to cover absolutely everything in half an hour of videos is impossible, but the target audience is subscribers to Creative Cloud, who might already be familiar with other Adobe programs, but are new to Dreamweaver. It's intended to provide a brief sampler of what Dreamweaver is capable of. The written tutorial is aimed at beginners who need more detailed help.
As I mentioned earlier, the videos were recorded using the original version of Dreamweaver CC. The colour picker was updated in Dreamweaver 13.1, which explains why you don't see the colour swatches shown in the video. However, the updated colour picker brings Dreamweaver in line with other Adobe programs, so it was felt that the change would be sufficiently familiar to designers. I'm sorry if it confused you.
Although you say you have built websites before, I wonder if you have a good knowledge of HTML and CSS? Understanding both technologies is essential to success with Dreamweaver. If you feel uncomfortable with code or don't want to learn it, you might be better off using Adobe Muse, which is also part of the Creative Suite. It's designed to build websites without a need for working with the code.
On the other hand, if you would like to persevere with Dreamweaver, I suggest that you take a look at Approaches to learning web design. It's a short video (less than 3 minutes) created by James Williamson, and is one of the free videos in Dreamweaver CC: Essential Training in the lynda.com Online Training Library. As James explains, his course doesn't cover the fundamentals of HTML and CSS. Yet his "essential training" course runs for more than eight hours. My own Dreamweaver CC: Learn by Video course (published by Peachpit/Adobe Press) runs for approximately 12 hours, and it still doesn't cover every aspect of web design or Dreamweaver functionality. It's a massive subject, but one that can be fascinating. Your age should be no impediment. Many of the most active people providing help in the main Dreamweaver support forum are in their sixties and seventies (including me).

Bayside Beat tutorial missing a java script in the files

So I opened the file and I unzipped it. Figure 4. http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/dreamweaver/articles/ first_website_pt1/first_website_cc_pt1_fig04.jpg
shows a JS and it is not in the file...I'll work around it, but want to know if is a problem.

The HTML5 shiv is hosted on Google Code's CDN. You can safely link to the external file to save having to download & host it yourself.

Nancy O.

Bayside Beat Tutorial - Part 4 - Absolute positioning

I am stuck on the Absolute positioning section. My image is supposed to be spread out across the screen and the text is supposed to be at 36% as a layer on top of the image. Here are the instructions:
To keep related styles together, select #wrapper in the Selectors pane, and click the plus button to create a new selector called #hero after it.
In the Layout category, set the position property to relative.
With #hero still selected in the Selectors pane, create a new selector called #hero article to style the <article>element nested inside the hero <div>.
In the Layout category, set the width property to 36%, and left and right padding to 10px.
Set the position property to absolute.
The moment I set steps 4 & 5, I get the following layout:
It should look like this:

Looking at your screenshot, it looks as though you have wrapped the <article> around the hero <div> in the underlying HTML. The problem isn't with your CSS, but the HTML structure.
Compare your HTML file with the version in the completed folder.

Assets for Bayside Beat video.

I do not see where to find the assets referred to at the beginning of the Bayside Beat video.

The most likely reason is that you didn't select the closing paragraph symbol when copying from the rtf file. Paste Special's ability to generate the correct HTML tags depends entirely on how the text was formatted in the original document, and on what is actually selected.
When copying and pasting from an rtf document, Dreamweaver wraps everything in paragraph tags, as long as there is a blank line between each paragraph in the original document. If you don't copy the closing paragraph symbol, the last line is not formatted by Dreamweaver.
When copying and pasting from a Word document, Dreamweaver preserves the Word formatting, but only if the Word document has been styled correctly. A lot of Word documents are incorrectly styled (simply changing font size, instead of using heading styles), so it's always a good idea to check the HTML after pasting into Dreamweaver.
With both Word and rtf documents, there needs to be a blank line between paragraphs. If there isn't, Dreamweaver wraps everything in a single pair of <p> tags, and the line breaks are represented by <br> tags. Cleaning this up can be a major pain if a lot of text has been formatted this way.
That's why it's so important to check the HTML generated after copying and pasting from an external file.

How to apply paragraph styles to xml tag?

Hi All,
How to apply paragraph style to xml tag?

Hi Learner,
Try the below js code.
var myDoc = app.activeDocument;
try{
    mySel=app.selection[0];
    myDoc.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySel});
    }catch(e){
        alert(e);
var myDocument = app.activeDocument;
app.findGrepPreferences.appliedParagraphStyle = "test";
app.findGrepPreferences.findWhat = ".+(?=\\r)"
var mySearch = myDocument.findGrep(false);
for (a=0; a<mySearch.length; a++){
    myDocument.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySearch[a]});
thx,
csm_phil

The audio file "club dance beat 001.caf" has a 0 bit format and can´t be us

The audio file "club dance beat 001.caf" has a 0 bit format and can´t be used. In Logic Express 7. What the f... means that. HELP

CAF is a new file format introduced for Logic 8. There's no support in Logic 7. I guess you've tried taking the file from LE8 and used it in LE7. Ain't going to work. Sorry!
Pete

Paragraph and line break tags not working in inserted html

I used some code found on this forum to insert a text box with a scoll bar. The scroll bar is exactly what I needed, and I figured out how to style the text (using the text option that popped up on the far right side of the options bar), but for some reason the text all runs together. The <p> </p> tag is not creating the extra lines, nor could I get extra lines with <br/>. How can I get my paragraph spacing to show up?
Here is the forum discussion: http://forums.adobe.com/message/4514956
Here is the code I used:
<style type="text/css">
     .scroll {
         padding: 10px;
         height: 280px;
         width: 450
0px;
         overflow-y: scroll;
overflow-x: hidden;;
</style>
<div class="scroll">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Aliquam venenatis elit et dui scelerisque id condimentum
       tellus mollis. Phasellus varius augue at lectus egestas
       sit amet dapibus sem interdum. Vivamus aliquet augue vitae
       magna porttitor eget sagittis quam convallis. Integer aliquam
       sodales odio vel aliquet. Suspendisse non orci ut quam
       ultricies iaculis vitae vel neque. Sed sit amet neque a dui
       adipiscing convallis. Nam consectetur commodo arcu, eget
       feugiat risus tempus non. Suspendisse dignissim porta risus,
       eu lobortis metus facilisis non. Mauris id lacus eu tellus
       porttitor sodales in sed enim. Mauris euismod libero sed mi
       ultricies ac vehicula tellus tristique. Donec lacus tellus,
       varius sit amet mattis at, feugiat sed ante. Duis auctor
       iaculis aliquet. Vivamus fringilla nisi non eros congue
       dapibus. Praesent quis molestie mauris. Donec adipiscing
       dui ut elit interdum eu scelerisque sem pellentesque.
    </p>
    <p>Nulla pharetra nisl adipiscing ipsum fringilla at auctor
       ipsum posuere. Etiam ac dolor turpis. Nam non ligula purus.
       In metus nisl, ullamcorper ac sodales quis, molestie id leo.
       Etiam faucibus dui at eros molestie interdum. Quisque quis
       eros vel urna fermentum iaculis. Quisque vestibulum erat in
       risus lobortis malesuada rhoncus purus vestibulum. Integer
       vehicula ultrices quam, ac faucibus dui tristique sed. Duis
       nec felis mauris. Morbi non neque turpis, at lobortis mauris.
       Fusce a turpis sit amet leo ullamcorper semper et dignissim
       sem. Phasellus lacinia sodales massa, eget egestas velit
       malesuada at. Quisque feugiat erat in dolor eleifend ut
       convallis ante vehicula. Aenean a turpis neque, vitae eleifend
       augue. Class aptent taciti sociosqu ad litora torquent per
       conubia nostra, per inceptos himenaeos. Nunc porta, massa
       at viverra tincidunt, quam sem pellentesque felis, sed
       mattis lectus arcu eu turpis.
    </p>
    <p>Sed rutrum iaculis vulputate. Duis sed lectus lacus. Etiam
       faucibus, libero id placerat congue, turpis leo varius magna,
       vitae dapibus neque libero eu elit. Vivamus quis urna sed
       nibh elementum sodales quis in dolor. Sed ut metus ut metus
       facilisis fringilla vel sit amet mi. Etiam placerat lectus
       sed nibh bibendum vulputate non rhoncus est. Quisque vulputate
       luctus tincidunt. Duis quis tortor massa, sed scelerisque elit.
       Nam id vulputate orci. Morbi a porta lorem. Nunc elementum
       viverra sem quis blandit. Cras vel eros erat. Aliquam erat
       volutpat. Sed id odio nec erat viverra ultricies vel ac mi.
     </p>
</div>

For anyone else struggling with this problem, I chatted with support and got an answer. According to the agent "
Muse is removing the default margin for various tags including the <p> tag to reset default styles to achieve consistency and control. All you need to do is specify the margin:1em for p tags in CSS to fix this." Another --simpler-- solution turned out to be another suggestion the agent made: "just place <p> </p> after every closing </p> tag." The &nbsp is what turned out to work for me. Now I have a way to only show a portion of the text yet still allow the reader to access more (through a scroll bar) without leaving the page.

Tutorial or manual for HTMLB tag

Hello,
have you e manual or tutorial that explain tags for htmlb language, for example htmlb:radiobutton mode.
Regards
Maria

Hi maria,
Yes i can tell you the steps where you can find the documentation of HTMLB ttags
using SE80 -> Tag Browser -> BSP Extensions -> Transportable -> htmlb
and also check the [link|http://www.sdn.sap.com/irj/sdn?contenttype=url&content=http%253a//forums.sdn.sap.com/thread.jspa%253fthreadid%253d35858]
This is defintely solve ur problem
Cheers,
bhavana
Edited by: Bhavana Amar on Sep 13, 2010 7:13 PM

Assign paragraph-styles to xml-tags correctly. How to?

Hi,
I want to assign xml-tags to existing paragraph styles in InDesign CS6 on a Mac 10.6.8. The xml itself is organized like this:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<katalog>
<artikel id="32434">
<img href="/bilder/32434.tiff" />
<artikeltextgruppe>
<artikelmarke>DieselGabana</artikelmarke>
<artikelheadline>Jeans ist super</artikelheadline>
<artikeltext>Superjeans knallt rein.</artikeltext><artikelnummer>70238</artikelnummer>
<artikelmaterial>100% Jeans</artikelmaterial>
<artikelgroesse>Uni</artikelgroesse>
<artikelfarbe>Uni</artikelfarbe>
</artikeltextgruppe>
</artikel>
</katalog>
By selecting the option "Assign formats per name to the tags" (translated from German) I wanted to generate the desired look. But if I start this all I get is the whole textblock of <artikeltextgruppe> assigned to 1 formatstyle. And besides that the whole content of <artikeltextgruppe> looks like one single paragraph without any structure (no linebreaks) The content though is correctly structured because I can highlight the value of e.g. <artikelmarke>separately by doubleclicking this tag in the structure-view.
a) What can I do to assign the formats correctly AND to have correct linebreaks?
b) If I drag my node <img href="/bilder/32434.tiff" /> iin the layout I get a message displayed to search again for the correct reference location. And that happens independently on using relative or absolute references (Although I need to use relative ones) What can I do here?
thanks so much

First, I would probably do a search and replace to remove the group element using a text editor (the <artikeltextgruppe> and </artikeltextgruppe> elements). They really are not needed.
Second, I usually create my styles with the same names as the elements themselves. Then, after the XML is imported, I use the "map tags to styles" command from the Structure pane.
I copied and pasted the single artikel element to create 4 records, added a varition of an image to each element record. Once the paragraph styles were mapped, your XML looked like this in a two column format (to get all 4 records on a page)...
By default, ID will create a single line to a single line in the XML. So if you desire elements to be on their own line, the XML needs to be formatted that way. If you need different styling within a paragraph, you need to create character styles and alter the elements within an XML group and or paragraph and add the code in the XML accordingly or post process once inside of ID.
I always need to take the XML I am given and reformat, move elements with the tree, change links to images, remove tabs and or spaces where I do not want them, tag for character styles, etc., to get close to how I want the initial format to be.
Mike

Every paragraph has a different gap size

Hi,
I prepared a paragraph style for my main text. But every paragraph of my text seems to have a different gap size.
Do I have a wrong setting in my paragraph style? Or is it the Font? I don't know. Any hints?
The space between the lines is set to 10 pt.
Thanks much.

Your are so right

Hi my question is the macbook 15" with retina display the one has a price tag of $2199 is it final price or is there any other expenses?

pls tell me

Call a local store and ask them. Or, use the online store and select the computer and options you want. Then go to check out. The total price will be shown to you. Either buy the computer and options at the price shown or don't.
I believe Toronto has sales tax and GST.

Bayside Beat Tutorial--Paragraph Has No p Tags

Similar Messages

Maybe you are looking for