Download - DW1-Intro.ppt
![Page 1: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/1.jpg)
Explore the Dreamweaver WorkspaceView a Web page and use HelpPlan and Define a Web siteAdd a Folder and Pages, and set the Home pageCreate and View a Site Map
Unit Lessons
![Page 2: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/2.jpg)
What is Dreamweaver?– Web design software for creating a
Web page or a complex Web site
What is a Web site?– A group of related Web pages that are
linked together and share a common interface and design
Getting Started with Dreamweaver
![Page 3: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/3.jpg)
What does Dreamweaver offer?– Design tools that don’t require coding– Organizational tools– Site management tools– Graphic site maps
Using Dreamweaver Tools
![Page 4: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/4.jpg)
Understanding Platform Interfaces
Use Photoshop in two interfaces:– Windows and Macintosh
Differences are slight; for example:– Use [Ctrl] and [Alt] keys in Windows– Use [command] and [option] keys in
Macintosh
![Page 5: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/5.jpg)
Explore the Dreamweaver workspace
Title bar
Menu bar
Insert bar
Document toolbar
Standard toolbar
Document window
Status bar
Tag selector
Property inspector
![Page 6: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/6.jpg)
Working with Dreamweaver Views
Design viewCode viewCode and Design view
![Page 7: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/7.jpg)
Start Dreamweaver (Windows)
Click the Start button on the taskbarPoint to Programs,then click Macromedia Dreamweaver MX
Start Button
![Page 8: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/8.jpg)
Start Dreamweaver (Macintosh)
Double-click the hard drive icon, then double-click the Macromedia Dreamweaver MX folderDouble-click the Macromedia Dreamweaver MX program icon Program
icon
![Page 9: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/9.jpg)
Change views….
Click the Show Code View buttonClick the Show Code and Design Views buttonClick the Show Design View button
![Page 10: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/10.jpg)
…and view panelsExpand the Code panelClick each panel tabCollapse the Code panelRepeat for Design, Application, Files and Answers panels
![Page 11: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/11.jpg)
Opening a Web page
Web siteWeb pageHome page
![Page 12: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/12.jpg)
Basic Web page elements TextHyperlinksGraphicsNavigation barsFlash objectsTablesForms
![Page 13: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/13.jpg)
Find the Web element
Page Title
Graphics
Navigation bar
![Page 14: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/14.jpg)
Getting Help ContentsIndexSearchFavorites
![Page 15: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/15.jpg)
Web Site Creation Process
![Page 16: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/16.jpg)
Planning a Web SiteAudience needs?Site goalsGathering contentBudgetScheduleTeamUpdates
![Page 17: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/17.jpg)
Storyboard
![Page 18: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/18.jpg)
Testing Web Pages Browsers and Browser versionsPlatformsScreen sizesSpeed on different connectionsLinksClient review
![Page 19: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/19.jpg)
Publish a Web SiteIP: Internet Protocol– IP address– Example: 207.456.123.2
ISP: Internet Service Provider– Hosts web site– Evaluate
FTP: File Transfer Protocol– User, password, path
![Page 20: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/20.jpg)
Create a root folder
![Page 21: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/21.jpg)
Define a Web site
Root folder
Default Image folder
Categories
![Page 22: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/22.jpg)
Set up Web server accessFTP
Server address
Path
Login
PasswordRemote
Info
![Page 23: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/23.jpg)
Assets folderAdd the folder in the Site panelDesignate as the “default image folder” in the Site Definition dialog boxStores all non-HTML (media) files:– Image files– Sound files– Video files…
![Page 24: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/24.jpg)
Home pageIndex.htm or Index.html (usually)Designate home page in Site Definition dialog boxStarting point for a site map
![Page 25: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/25.jpg)
Property inspectorDisplay/edit properties of selected objectSource: Path/filename of selected objectSelection handles
![Page 26: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/26.jpg)
Site MapGraphical representation of pagesPage link type/statusChecked out pagesSite Map commandorMap View command
![Page 27: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/27.jpg)
Page TitleSearch engine keywordsTitle in browser windowBookmark in browser
![Page 28: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/28.jpg)
Site Map usesIn a Web site for information (PNG or JPEG)
Print for report or meeting (BMP or PICT)
![Page 29: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/29.jpg)
Site Map optionsSite Definition dialog box
– Home page– Layout– Icon labels
Expand/Collapse
![Page 30: DW1-Intro.ppt](https://reader033.vdocument.in/reader033/viewer/2022051411/5406d9458d7f7288088b47fe/html5/thumbnails/30.jpg)
Unit TasksExamine the workspaceView a Web pageUse Help Plan and Define a Web siteAdd Folders and Pages to a siteDefine a Home pageCreate and View a Site Map