Looking for:
- Adobe dreamweaver cc classroom in a book (2015 release) pdf free |
GAINAKO – Guardianship and Independence.Free delivery worldwide on all books from Book Depository
If you need to review these techniques, see the printed or online documentation included with your Windows or Mac operating system. We have used several conventions in the following lessons and exercises to make working with the code in this book easier to follow and understand. Strikethrough In several exercises, you will be instructed to delete markup that already exists within the webpage or style sheet.
Element references Within the body of descriptions and exercise instructions, elements may be referenced by name or by class or id attributes. When referenced by its class attribute, the name will appear with a leading period. References to elements by their id attribute will appear with a leading hash and in a code font, like this: top. Windows vs. Minor differences exist between the two versions, mostly due to platform-specific issues out of the control of the program.
Most of these are simply differences in keyboard shortcuts, how dialogs are displayed, and how buttons are named. In most cases, screen shots were made in the OS X version of Dreamweaver and may appear differently from your own screen. Where specific commands differ, they are noted within the text.
As lessons proceed, instructions may be truncated or shortened to save space, with the assumption that you picked up the essential concepts earlier in the lesson. These should be considered identical instructions. If you find you have difficulties in any particular task, review earlier steps or exercises in that lesson. In some cases if an exercise is based on concepts covered earlier, you will be referred back to the specific lesson.
If you do not have Dreamweaver, you will first have to install it from Creative Cloud. Adobe Dreamweaver must be purchased separately; it is not included with the lesson files that accompany this book. Go to www. Dreamweaver may be purchased with the entire Creative Cloud family or as a standalone app. Adobe also allows you to try Creative Cloud and the individual applications for 30 days for free.
Check out www. Updating Dreamweaver to the latest version Although Dreamweaver is downloaded and installed on your computer hard drive, periodic updates are provided via Creative Cloud.
Some updates provide bug fixes and security patches, while others supply amazing new features and capabilities. The lessons in this book are based on Dreamweaver CC A window will display the version number of the application and other pertinent information.
If you have an earlier version of the program installed, you will have to update Dreamweaver to the latest version. You can check the status of your installation by opening the Creative Cloud manager and logging in to your account. The files and folders for each lesson cannot be used interchangeably. In order to work through the projects in this book, you will need to download the lesson files from your Account page at peachpit.
If you purchased an eBook from peachpit. If you purchased an eBook from a different vendor or a print book, use the unique code in this book to gain access to the lesson files. You will be taken to your Account page. You need to enter the code only once. You can download the files for individual lessons, or download them all at once in one large file. The files are compressed into ZIP archives to speed up download time and to protect the contents from damage during transfer. Unzip the individual lesson files to this folder.
That way, all the lesson files will be stored in one location. Do not share or copy files between lessons. Recommended lesson order The training in this book is designed to take you from A to Z in basic to intermediate website design, development, and production. Each new lesson builds on previous exercises, using supplied files and assets to create an entire website. We recommend that you download all lesson files at once and then perform each lesson in sequential order to achieve a successful result and the most complete understanding of all aspects of web design.
The ideal training scenario will start in Lesson 1 and proceed through the entire book to Lesson Each lesson builds the skills and understanding necessary to complete subsequent tasks. We recommend that you do not skip any lessons, or even individual exercises.
Although ideal, this method may not be a practicable scenario for every user. So, each lesson folder contains all the files needed to complete every exercise within it using partially completed or staged assets, allowing you to complete individual lessons out of order, if desired. It may seem that these folders contain duplicative materials. Doing so will probably cause you to fail to achieve the goal of the exercise.
For that reason, you should treat each folder as a standalone website. Copy the lesson folder to your hard drive, and create a new site for that lesson using the Site Setup dialog. Do not define sites using subfolders of existing sites. Keep your sites and assets in their original folders to avoid conflicts. One suggestion is to organize the lesson folders in a single web or sites master folder near the root of your hard drive. Web Edition This book comes with a free Web Edition that provides many benefits and can be accessed from any device with a connection to the Internet.
Your Web Edition contains the complete text of the book, plus hours of instructional video keyed to the text and interactive quizzes. In addition, the Web Edition will be updated when Adobe adds significant feature updates between major Creative Cloud releases.
Accessing the free Web Edition You must register your book purchase on peachpit. Defining a Dreamweaver site In the course of completing the following lessons, you will create webpages from scratch and use existing files and resources that are stored on your hard drive.
Note: Web Editions cannot be viewed on an eReader. To view this book on an eReader, please purchase an eBook. This series offers what no other book or training program does—an official training series from Adobe Systems Incorporated, developed with the support of Adobe product experts.
Adobe Dreamweaver CC Classroom in a Book release contains 14 lessons that cover the basics and beyond, providing countless tips and techniques to help you become more productive with the program. You can follow the book from start to finish or choose only those lessons that interest you. Creative professionals who seek the fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CC release choose this Classroom in a Book R from the best-selling series of hands-on software training workbooks.
This series offers what no other book or training program does-an official training series from Adobe Systems Incorporated, developed with the support of Adobe product experts. Adobe Dreamweaver CC Classroom in a Book release contains 14 lessons that cover the basics and beyond, providing countless tips and techniques to help you become more productive with the program.
You can follow the book from start to finish or choose only those lessons that interest you. Salary surveys worldwide regularly place software architect in the top 10 best jobs, yet no real …. Skip to main content. Start your free trial. Show and hide more. Table of contents Product information. For the latest on Adobe Press books, go to www. To report errors, please send a note to errata peachpit.
For information on getting permission for reprints and excerpts, contact permissions peachpit. Writer: James J. Please note that these iles are available to eBook readers via high-speed download. Please click here to go to the last page in this eBook for the download location and instructions. White lood: Yes tered trademar k or a trademar k of M a regi s ther icro i s ei sof ow s po Cor ind. Macintosh i s inside the Lessons folder.
Made in the USA. Learn product page where you can by Video is one of the most critically access updates and bonus acclaimed training products on Adobe material.
Macintosh instructions. CSS formatting. Whether you create websites for a living or plan to create one for your own business, Dreamweaver ofers all the tools you need to get professional-quality results. You can follow the book from start to inish, or complete only those lessons that correspond to your interests and needs.
Unfortunately, the TinyURLs sometimes expire over time and no longer function. Be sure you know how to use the mouse, standard menus and commands, and also how to open, save, and close iles. If you need to review these techniques, see the printed or online documentation that was included with your Microsoft Windows or Apple Macintosh operating system.
Adobe Dreamweaver CS6 software must be purchased separately; it is not included with the lesson iles that accompany this book. For system requirements, go to www. Make sure your serial number is accessible before installing the application. Each lesson has its own folder; you must copy the folders to your hard drive to complete the lessons. It is recom- mended that you copy all lesson folders to your hard drive at once, but to conserve space on your hard disk, you can install individual folders for each lesson as you need them.
It is vitally important that you store all lesson folders within a single folder on your hard drive. Otherwise, skip to step 5. Do not copy one lesson folder into any other lesson folder. For speciic instructions, see the following section. Each new lesson builds on previous exercises, using the iles and assets you create to develop an entire website. It is rec- ommended that you perform each lesson in sequential order to achieve a successful result and the most complete understanding of all aspects of web design.
While ideal, this method may not be a practicable scenario for every user. So, if desired, individual lessons can be accomplished using the jumpstart method described in the next section. Once you start using the jumpstart method, you will have to use this method for all subsequent lessons. For example, if you want to jumpstart Lesson 6, you will have to jumpstart Lesson 7, too.
In many instances, essential iles needed for subsequent exercises were built in earlier lessons and exercises and may not be present in a jumpstart environment. Each folder contains inished iles, staged iles, and customized Template and Library iles, but not always a complete set of iles that may have been used or completed in other lessons. You may think these folders contain seemingly duplicative materials. But these duplicate iles and assets, in most cases, cannot be used interchangeably in other lessons and exercises.
Doing so will probably cause you to fail to achieve the goal of the exercise. To jumpstart a lesson, copy the lesson folder to your hard drive and create a new site for that lesson using the Site Setup dialog box. Do not deine sites using subfolders of existing sites. Keep your jumpstart sites and assets in their original folders to avoid conlicts.
One suggestion is to organize the lesson folders, as well as your own site folders, in a single web or sites master folder near the root of your hard drive. But avoid using the Dreamweaver application folder or any folders that contain a web server, like Apache, ColdFusion, or Internet Information Services IIS which are described more fully in Lessons 13 and Feel free to use the jumpstart method for all lessons, if you prefer.
Select the Local Info category. For a more complete description of how to set up a site in Dreamweaver, see Lesson 4. Remember, if you use the jumpstart method for all lessons, you may not end up with a complete set of site iles in any individual folder when you are inished. For this book the Designer workspace is recommended. If it is not displayed, use the pop-up menu in the Application bar to choose it. Most of the igures in this book show the Designer workspace. When you inish the lessons in this book, experiment with various workspaces to ind the one that you prefer.
Minor diferences exist between the two versions, mostly due to platform-speciic issues out of the control of the program. Most of these are simply diferences in keyboard shortcuts, how dialog boxes are displayed, and how buttons are named. Screen shots may alternate between platforms throughout the book. Where speciic commands difer, they are noted within the text. For additional information resources, such as tips, techniques, and the latest prod- uct information, visit www.
Checking for updates Adobe periodically provides software updates. You can obtain these updates using Adobe Updater if you have an active Internet connection. Only the commands and options used in the lessons are explained in this book. For comprehensive information about program features and tutorials, please refer to these resources: Adobe Community Help: Community Help brings together active Adobe product users, Adobe product team members, authors, and experts to give you the most useful, relevant, and up-to-date information about Adobe products.
Adobe content is updated based on community feedback and contributions. You can add comments to content and forums including links to web content , publish your own content using Community Publishing, or contribute Cookbook recipes. Find out how to contribute at www. See community. Adobe Forums: forums. Adobe TV: tv.
Adobe Design Center: www. Adobe Developer Connection: www. Resources for educators: www. Find solutions for education at all levels, including free curricula that use an integrated approach to teaching Adobe software and can be used to prepare for the Adobe Certiied Associate exams.
Adobe Dreamweaver CS6 product home page: www. You can use Adobe certiication as a catalyst for getting a raise, inding a job, or promoting your expertise.
If you are an ACE-level instructor, the Adobe Certiied Instructor program takes your skills to the next level and gives you access to a wide range of Adobe resources. Adobe Authorized Training Centers ofer instructor-led courses and training on Adobe products, employing only Adobe Certiied Instructors.
A directory of AATCs is available at partners. For information on the Adobe Certiied programs, visit www. Dreamweaver ofers something for everyone. Take a moment to familiarize yourself with the names of these components.
Dreamweaver provides much of its power via dockable panels and toolbars you can display or hide and arrange in innumerable combinations to create your ideal workspace.
In the lesson01 folder, choose start-here. Click Open. Design view Design view focuses the Dreamweaver workspace on its WYSIWYG editor, which provides a close, but not perfect, depiction of the webpage as it would appear in a browser.
To activate Design view, click the Design view button in the Document toolbar. Design view Code view Code view focuses the Dreamweaver workspace exclusively on the HTML code and a variety of code-editing productivity tools.
To access Code view, click the Code view button in the Document toolbar. Changes made in either window update in the other instantly. To access Split view, click the Split view button in the Document toolbar.
To take advantage of the expanded width of the new lat-panel displays, Dreamweaver splits the workspace vertically, by default. Split view You can also split the screen horizontally by disabling the vertical split in the view menu.
You can display, hide, arrange, and dock panels at will around the screen. You can even move them to a second or third video display if you desire. Standard panel grouping he Window menu lists all the available panels. If you do not see a speciic panel on the screen, choose it from the Window menu. A check mark appears in the menu to indicate that the panel is open.
Occasionally, one panel may lie behind another on the screen and be diicult to locate. In such situations, simply choose the desired panel in the Window menu and it will rise to the top of the stack. To minimize a panel, double- click the tab containing the panel name. To expand the panel, double-click the tab again. Minimizing one panel in a stack using its tab To recover more screen real estate, you can minimize panel groups or stacks down to icons by double-clicking the title bar.
You can also minimize the panels to icons by clicking the double arrow icon in the panel title bar. When panels are minimized to icons, you access any of the individual panels by clicking its icon or button.
Minimizing sequence to icons Floating A panel grouped with other panels can be loated separately. To loat a panel, drag it from the group by its tab. Dragging a tab to change its position To reposition panels, groups, and stacks in the workspace, simply drag them by the title bar.
Dragging a whole panel group or stack to a new position Grouping, stacking, and docking You can create custom groups by dragging one panel into another. Release the mouse button to create the new group. To stack panels, drag the desired tab to the top or bottom of another panel. When you see the blue drop zone appear, release the mouse button. Creating panel stacks Floating panels can be docked to the right, left, or bottom of the Dreamweaver workspace.
To dock a panel, group, or stack, drag its title bar to the edge on which you wish to dock. Dreamweaver CS6 includes 11 prebuilt workspaces. To access these workspaces, choose them from the Workspace menu located in the Application bar.
Coder workspace he Designer workspace provides the optimum environment for visual designers. You will explore the capabilities of these toolbars in later exercises.
You can store these conigura- tions in a custom workspace of your own naming. To save a custom workspace, create your desired coniguration, choose New Workspace from the Workspace menu in the Application bar, and then give it a custom name.
Keyboard shortcuts are loaded and preserved independent of custom workspaces. Create it yourself. Click OK. Note that the Save All command does not have an existing shortcut, although you will use this command frequently in Dreamweaver. Note the error message indicating that the keyboard combination you chose is already assigned to a command. You have created your own keyboard shortcut—one you will use in upcoming lessons.
When the HTML button is selected, you can apply heading or paragraph tags, as well as bold, italics, bullets, numbers, and indenting, among other formatting and attributes. CSS Property inspector Image properties Select an image in a webpage to access the image-based attributes and formatting control of the Property inspector. Image Property inspector table properties To access table properties, insert your cursor in a table and then click the table tag selector at the bottom of the document window.
It is the structure and substance of the Internet, although it is usually unseen except by the web designer. Without it, the web would not exist. Dreamweaver has many features that help you access, create, and edit HTML code quickly and efectively. Most people confuse the program with the technology. Print designers are used to working with iles ending with.
Designers have learned over time that opening these ile formats in a diferent program may produce unacceptable results or even damage the ile.
On the other hand, the goal of the web designer is to create a webpage for display in a browser. In fact, it is a nonproprietary, plain-text language that can be edited in any text editor, in any operating system, and on any computer. Dreamweaver is an HTML editor at its core, although it is much more than this. Where did htmL begin? He intended the technology as a means for sharing technical papers and information via the ledgling Internet that existed at the time.
He shared his HTML and browser inventions openly as an attempt to get the scien- tiic community and others to adopt it and engage in the development themselves. At the time of this writing, HTML is at version 4. It consists of around 90 tags, such as html, head, body, h1, p, and so on. When two matching tags appear this way, they are referred to as an element. Some elements are used to create page structures, others to format text, and yet others to enable interactivity and programmability.
Even though Dreamweaver obviates the need for writing most of the code manually, the ability to read and interpret HTML code is still a recommended skill for any burgeoning web designer. And sometimes, writing the code by hand is the only way to ind an error in your webpage. Tags are enclosed within angle brackets. Empty tags, like the horizontal rule, can be written in an abbreviated fashion, as shown above.
Like an iceberg, most of the content of the actual webpage remains out of sight. Navigate to the desktop, select irstpage. Congratulations, you just created your irst webpage. Finish by typing and easy! In fact, you could add hundreds of paragraph returns between the lines and dozens of spaces between each word, and the browser display would be no diferent.
By inserting a tag here and there, you can easily create the desired text display. Entities are entered into the code using the standard diferently than tags. For example, the method for inserting a nonbreaking key keyboard. Switch to the browser and reload or refresh the page display. Because the tags and entities were added, the browser can display the desired paragraph structure and spacing.
Besides creating paragraph structures and creating white space as demonstrated earlier, they can impart basic text formatting, as well as identify the relative importance of the page content. Heading tags are automatically formatted in bold and often at a larger relative size. In this exercise, you will add a heading tag to the irst line: 1 Switch back to the text editor. Note how the text changed. It is now larger and formatted in boldface. Web designers use heading tags to identify the importance of speciic content and to help improve their site rankings on Google, Yahoo, and other search engines.
A typical use of inline code would be to apply bold or italic styling to a word or to a portion of a paragraph. In this exercise, you will apply inline formatting: 1 Switch back to the text editor. Notice how 3 Save the ile.
A webpage can exist without this section, but adding any advanced functionality to this page without one would be diicult. Did you notice what changed? It may not be obvious at irst. Look at the title bar of the browser window. A well-titled page could be ranked higher than one with a bad title or one with none at all. Keep your titles short but meaningful. Click Create. A new document window opens in Dreamweaver. Dreamweaver makes it a simple matter to format the irst line as a heading 1.
Note how Dreamweaver automatically opens a drop-down list of compatible code elements. Tired of hand-coding yet? Dreamweaver ofers multiple ways to format your content.
When you reached for the B and I buttons in step 14, were they missing? When you make changes in Code view, the Property inspector occasionally needs to be refreshed before you can access the formatting commands featured there.
Simply click the Refresh button, and the formatting commands will reappear. Only two more tasks remain before your new page is complete. You could select the text within the code window and enter a new title, or you could change it using another built-in feature. Note that the new title text appears in the code, replacing the original content. Navigate to the desktop. Name the ile secondpage, and click Save. Dreamweaver adds the proper extension. You have just completed two webpages—one by hand and the other using Dreamweaver.
In both cases, you can see how HTML played a central role in the whole process. To learn more about this technology, go to www. Tags can create structures, apply formatting, identify logical content, or generate interactivity. Tags that create stand-alone structures are called block elements; the ones that perform their work within the body of another tag are called inline elements.
To get the most out of Dreamweaver and your webpages, it helps to understand the nature of these elements and how they are used. Remember, some tags can serve multiple purposes.
Table 2. Creates a hyperlink. Used extensively to simulate columnar layouts. Adds semantic emphasis. Creates bold headings. Defines a numbered list. Creates a stand-alone paragraph. Displays as bold by default. Designates a table cell.
No comments:
Post a Comment