1 / 8

Internet Basics, Web Design & Dreamweaver CS5

Internet Basics, Web Design & Dreamweaver CS5. Internet & The Web Basics. What is the Internet? A vast array of networks that belong to universities, businesses, organizations, governments, and individuals all over the world! What is the World Wide Web (www)?

katen
Télécharger la présentation

Internet Basics, Web Design & Dreamweaver CS5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Internet Basics, Web Design &Dreamweaver CS5

  2. Internet & The Web Basics • What is the Internet? • A vast array of networks that belong to universities, businesses, organizations, governments, and individuals all over the world! • What is the World Wide Web (www)? • One of many services of the Internet • Other Internet services: email, File Transfer Protocol (FTP), and instant messaging • What is needed to view web pages? • Web browsers (Internet Explorer, Sarfari, Chrome, Firefox) • Web content usually includes text, images, and multimedia files • Each page has a unique address known as a Uniform Resource Locater (URL) • What is a Web Site? • A collection of linked web pages • First thing you see ~ usually called the “home page” • Provides hyperlinks to navigate to other pages within the site or to external sites • What is a hyperlink? Text or an image that when clicked takes the user to another page, another location on the same page, another web site OR to a specific file

  3. What Makes a Web Page? HTML Hypertext Markup Language XHTML Extensible Hypertext Markup Language A more efficient and strict version of HTML. Doesn’t allow tags or attributes that isn’t supported across all browsers. Dreamweaver CS5 builds web pages with XHMTL code by default Do you need to know XHTML to create web pages? Not if using Dreamweaver CS5! WYSIWYG! • A language that enables you to structure and present your web site’s content

  4. Adobe Dreamweaver CS5 workspace Application Toolbar Insert Toolbar Tag Selector Status Bar Property Inspector

  5. The Property Inspector • The Property Inspector (located at the bottom of your Dreamweaver window) allows you to view and change a variety of properties for the currently selected object or text. You can also… • Link to items • Change page properties and more!

  6. Dreamweaver Guidelines • Create folders for each new project • Create subfolders for Images • For the first time ~ MANAGE YOUR SITE • Change your document title (default is “Untitled Document) • Be sure to save in your project folder • Preview your web site often

  7. Terms to Know • HTML/XHTML • CSS • Site root • Hyperlink • URL • Web Site • Web Pages • Internet • WYSIWYG

  8. Resources • http://helpx.adobe.com/dreamweaver/using/dreamweaver-workflow-workspace.html • http://web.calstatela.edu/its/training/pdf/dreamweavercs55cc.pdf

More Related