0% found this document useful (0 votes)
2K views35 pages

Task Number 4: Adding Content To Pages

This document provides instructions for adding different types of content to web pages in Dreamweaver, including: 1. Images can be inserted by replacing image placeholders, dragging images into the page, or inserting from the Assets panel. Flash files and videos can also be inserted. 2. Text can be added by typing directly in Dreamweaver or copying from other sources, and styles will later be added with CSS. 3. Pages should be previewed in a browser to see the final result, as browsers can display pages differently.
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2K views35 pages

Task Number 4: Adding Content To Pages

This document provides instructions for adding different types of content to web pages in Dreamweaver, including: 1. Images can be inserted by replacing image placeholders, dragging images into the page, or inserting from the Assets panel. Flash files and videos can also be inserted. 2. Text can be added by typing directly in Dreamweaver or copying from other sources, and styles will later be added with CSS. 3. Pages should be previewed in a browser to see the final result, as browsers can display pages differently.
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 35

Task Number 4

ADDING CONTENT TO PAGES

Insert images
Afteryoucreateyourpagelayout,youare readytoaddassetstothepage.Youllstartby addingimages.Youcanuseseveralmethods toaddimagestoawebpageinDreamweaver.

Replace the image placeholder


InDreamweaver,opentheindex.htmlfilethatwehavecreatedlastclass. Doubleclicktheimageplaceholder,banner_graphic,atthetopofthe page.

InsertanimagebyusingtheInsert menu

Insertanimagebydragging

InsertanimagefromtheAssetspanel

InsertandplayaFlashfile

Insert FlashVideo

Insert text
Now youll add some text to the page. You can type text directly in the Dreamweaver Document window, or you can copy and paste text from other sources (such as Microsoft Word or plain text files). Later, youll use Cascading Style Sheets (CSS) to format the text.

Insert body text

Inserttextforanavigationbar

Create links

Previewyourpageinabrowser
The Design view gives you a rough idea of what your page will look like on the web, but you must preview the page in a browser to see the definitive end result. Though browsers in general produce the same results, each browser version can display HTML pages somewhat differently. Dreamweaver attempts to produce HTML that will look as similar as possible from one browser to another; but sometimes differences cant be avoided. Thus, previewing your work in a browser is the only way for you to see what your site visitors will see after you publish your pages.

You might also like