This document provides an introduction to using Dreamweaver to edit web pages. It discusses Dreamweaver's interface including the document window, toolbar, insert panel, properties panel, and history panel. It also covers how to create and open files, set up a Dreamweaver site, format text and pages, add content from Word, work with images, and find help resources. The overall goal is for participants to gain a beginning understanding of the Dreamweaver environment and learn how to perform basic tasks like creating files and sites, adding content, and formatting text and images.
The document provides an overview of creating a basic web page using Adobe Dreamweaver. It discusses HTML and XHTML basics and the Dreamweaver workspace. It then demonstrates how to set up a Dreamweaver site, insert tables and images, and edit content and properties to design a sample web page.
Using Stylesheets To Design A Web Site In Dreamweaver Mx 2004brighteyes
The document provides instructions on using stylesheets to design a website in Dreamweaver MX 2004, covering topics such as linking to an external stylesheet, creating a stylesheet, using a provided stylesheet, and using tables for layout. It includes steps to download files, attach and delete stylesheets, define styles, and insert a layout table. The goal is to teach the reader how to format web pages and use both tables and CSS for layout.
This document provides an introduction to using Dreamweaver to create websites. It covers setting up a website using Dreamweaver's site management tools, creating pages with text, images, links and tables, and basic HTML editing. The document reviews Dreamweaver's interface including the insert bar, property inspector, and site panel. It also discusses organizing files into folders to structure a website and publishing pages by saving them to the public_html folder.
The document provides an overview of Dreamweaver, an HTML editor and WYSIWYG editor owned by Adobe. It describes Dreamweaver's launch screen options for creating new documents, opening recent documents, and viewing top features videos. It also outlines the basic layout of Dreamweaver's standard menu bar, insert bar, tool bars, and panels for adding elements visually or through code view. Dreamweaver allows previewing web pages in browsers and has FTP capabilities for site management.
This document provides an introduction to using Adobe Dreamweaver CS6 for web design. It outlines the objectives of getting started which include defining web design software, starting Dreamweaver, viewing the workspace and panels, opening and viewing web pages, getting help, viewing pages in a browser, and closing pages and exiting the program. The document provides step-by-step instructions for completing these tasks and utilizing Dreamweaver's interface and features to create and manage websites.
This document provides an overview of key Dreamweaver 8 features for creating websites using templates:
1) It describes how to define a site, create templates, and insert editable regions within templates. Templates allow consistency across pages and regions allow custom content.
2) Instructions are given for creating HTML pages based on templates and saving files. The work space layout options of Designer and Coder views are also outlined.
3) Basic features like tables, text formatting, images, and links are mentioned as tools for building out template-based pages, along with previews and navigation bars for site structure.
Steve Jobs said that innovation is what distinguishes a leader from others. Innovation is what allows individuals and companies to stay ahead of the competition. Dreamweaver is a powerful and flexible HTML editor that allows both designers and developers to work efficiently. It provides features for visual editing in Design view as well as powerful code editing capabilities in Code view.
This document provides an overview of getting started with Adobe Dreamweaver CS6. It defines web design software and its uses. It outlines how to start Dreamweaver, view the workspace, work with different views and panels, open and view web page elements, view pages in a browser, close pages and exit the program, and get help. The goals are to familiarize users with the Dreamweaver interface and basic functions for creating and managing websites.
The document provides an overview of creating a basic web page using Adobe Dreamweaver. It discusses HTML and XHTML basics and the Dreamweaver workspace. It then demonstrates how to set up a Dreamweaver site, insert tables and images, and edit content and properties to design a sample web page.
Using Stylesheets To Design A Web Site In Dreamweaver Mx 2004brighteyes
The document provides instructions on using stylesheets to design a website in Dreamweaver MX 2004, covering topics such as linking to an external stylesheet, creating a stylesheet, using a provided stylesheet, and using tables for layout. It includes steps to download files, attach and delete stylesheets, define styles, and insert a layout table. The goal is to teach the reader how to format web pages and use both tables and CSS for layout.
This document provides an introduction to using Dreamweaver to create websites. It covers setting up a website using Dreamweaver's site management tools, creating pages with text, images, links and tables, and basic HTML editing. The document reviews Dreamweaver's interface including the insert bar, property inspector, and site panel. It also discusses organizing files into folders to structure a website and publishing pages by saving them to the public_html folder.
The document provides an overview of Dreamweaver, an HTML editor and WYSIWYG editor owned by Adobe. It describes Dreamweaver's launch screen options for creating new documents, opening recent documents, and viewing top features videos. It also outlines the basic layout of Dreamweaver's standard menu bar, insert bar, tool bars, and panels for adding elements visually or through code view. Dreamweaver allows previewing web pages in browsers and has FTP capabilities for site management.
This document provides an introduction to using Adobe Dreamweaver CS6 for web design. It outlines the objectives of getting started which include defining web design software, starting Dreamweaver, viewing the workspace and panels, opening and viewing web pages, getting help, viewing pages in a browser, and closing pages and exiting the program. The document provides step-by-step instructions for completing these tasks and utilizing Dreamweaver's interface and features to create and manage websites.
This document provides an overview of key Dreamweaver 8 features for creating websites using templates:
1) It describes how to define a site, create templates, and insert editable regions within templates. Templates allow consistency across pages and regions allow custom content.
2) Instructions are given for creating HTML pages based on templates and saving files. The work space layout options of Designer and Coder views are also outlined.
3) Basic features like tables, text formatting, images, and links are mentioned as tools for building out template-based pages, along with previews and navigation bars for site structure.
Steve Jobs said that innovation is what distinguishes a leader from others. Innovation is what allows individuals and companies to stay ahead of the competition. Dreamweaver is a powerful and flexible HTML editor that allows both designers and developers to work efficiently. It provides features for visual editing in Design view as well as powerful code editing capabilities in Code view.
This document provides an overview of getting started with Adobe Dreamweaver CS6. It defines web design software and its uses. It outlines how to start Dreamweaver, view the workspace, work with different views and panels, open and view web page elements, view pages in a browser, close pages and exit the program, and get help. The goals are to familiarize users with the Dreamweaver interface and basic functions for creating and managing websites.
Dreamweaver - Introduction AND WALKTHROUGHSahil Bansal
AN Introduction to Dreamweaver basic features. And how menu bar and its windows look like with some shortcuts in a representable manner perfect for students
The document discusses various techniques for working with images in Adobe Dreamweaver, including inserting, aligning, and enhancing images; setting alternate text and accessibility preferences; using the Assets panel; inserting background images; deleting image files; creating and finding images; and examining copyright rules. The step-by-step instructions demonstrate how to perform tasks like floating images left and right, adding borders and spacing, and viewing the assets used on a website.
This document provides a tutorial on using Adobe Dreamweaver CS3 to create websites. It discusses getting started by creating a local root folder to store website files. It then covers inserting tables to layout webpages, including properties of tables and cells. Steps are provided to create a basic webpage layout with a title, images, and text within a three row, three column table structure that spans the full page width. The document aims to teach the basic functions of Dreamweaver needed to design and build a website.
This document provides instructions for creating a basic web forms page in Visual Studio, including:
1. Creating a file system web site project.
2. Adding a new ASP.NET web forms page and adding HTML text.
3. Familiarizing yourself with the Visual Studio development environment.
4. Running the page using the built-in Visual Studio development server.
The document discusses steps for developing a web page in Dreamweaver, including planning page layout, adding head content, setting properties, formatting text, adding links, using the History panel, viewing HTML code, and testing pages. It provides detailed instructions for tasks like creating page structure, inserting dates, and previewing pages in a browser.
This document provides instructions for creating a basic webpage using Microsoft FrontPage 2003 in 3 steps:
1. Open FrontPage 2003 and click "New" to create a new page, then select a frame template like "Banner and Contents".
2. Add content like text, pictures, or WordArt to the new page. Save the page by right clicking the tab and selecting "Save".
3. Create hyperlinks between pages by inserting interactive buttons, selecting a button style, typing the button title, browsing to the page to link to, and copying buttons to other pages.
This document provides instructions on using CSS and tables to position content in web pages using Adobe Dreamweaver. It covers understanding CSS layouts, creating pages with CSS layouts, adding and editing content in CSS layout blocks, understanding table modes, inserting and formatting tables, and other tips for using visual aids and browser compatibility checks when working with CSS and tables. The overall goal is to teach how to create and style web pages that incorporate both CSS layouts and HTML tables.
This document discusses adding media and interactivity to webpages using Dreamweaver. It provides instructions on how to add Flash objects, behaviors, rollover images, video, sound, and update files. It also discusses incorporating Web 2.0 technologies like RSS feeds, social networking, wikis and blogs. The overall objectives are to understand different media objects and how to effectively incorporate them along with interactivity into webpages.
This document provides an overview of using Dreamweaver MX/8 for webpage editing and design. It discusses basic concepts like what Dreamweaver is, what HTML is, and common HTML tags. It then covers topics like setting up a local website, creating content like text and images, adding hyperlinks within and between pages, and other features in Dreamweaver.
This document provides instructions for using the web editor Kompozer to create websites. It discusses downloading and installing Kompozer, using its interface and tools to add images, tables, forms, and links. It also addresses frequently asked questions about features like setting colors, inserting special characters, and accessing plugins. The goal is to teach readers how to efficiently design web pages and sites using this WYSIWYG editor.
This document provides an overview and summary of the Dreamweaver web design program. It discusses that Dreamweaver is a popular web design program developed by Adobe that offers both a visual WYSIWYG editor and code editor. It allows users to write HTML, CSS, and other languages, and features like integrated previews, templates, and behaviors panels. Dreamweaver also supports extensions, version control through Subversion, and is integrated into the Adobe Creative Cloud.
Computer Course Digital Classroom Tools Notes Unit 1, 2, & 3/Dr.C.ThanavathiThanavathi C
This document provides an overview of the features and tools available in Microsoft Word 2007. It discusses the new ribbon interface and how to access common commands like save, print, and open. It also summarizes the various tabs in the ribbon including Home, Insert, Page Layout, References, Mailings, Review, and View. Each section of the ribbon is described in 1-2 sentences. The document is intended to help users familiar with earlier versions of Word learn the updated user interface in Word 2007.
The document discusses various controls available in Windows Presentation Foundation (WPF) for building user interfaces. It describes standard controls like grids, labels, buttons, editors, lists, menus and toolbars. It also covers other controls like tooltips, borders, popups, frames and ranges. Specific controls like grid, label, buttons, editors, lists, menus and toolbars are discussed in more detail. The document also discusses dialog boxes, third-party controls and some other controls like calendar, date picker, image and popup.
This document provides an introduction and overview of Microsoft PowerPoint 2003. It discusses the basic concepts of PowerPoint including what presentations and slides are. It covers how to perform common tasks in PowerPoint like opening, creating, and saving presentations. It also discusses the various windows and views within PowerPoint like the title bar, menu bar, slide pane, and outlines tab. Finally, it provides information on working with presentations by inserting text, slides, images and more.
This document discusses Firefox extensions and customizations that can enhance the browsing experience. It provides over 20 extension recommendations in different categories like productivity, translation, bookmarks, and more. Instructions are given on how to find, install, and manage extensions in Firefox to customize the browser. Themes are also mentioned as a way to change the visual appearance of Firefox.
The document describes an assignment to create an HTML/JavaScript program that parses an XML file containing Olympic sports results, and displays the data in an interactive accordion widget. The program must:
1. Parse the XML file using the DOM parser and display sport event names as menu items.
2. When an item is clicked, display a table under it with details on the event winner from the XML, including name, country, results, a picture, and embedded YouTube video.
3. Support expanding and collapsing multiple event details simultaneously without page refresh.
4. Gracefully handle errors if the XML file is invalid.
Hints on using the DOM parser, jQuery, and embedding YouTube videos are
This document provides a quick start guide to using the Joomla! content management system. It explains the basic principles of organizing content into sections, categories, and items. It then provides step-by-step instructions for creating sections and categories, adding content items, and using the administrator interface. The guide assumes the reader has Joomla! already installed and covers the essential functions to get started managing website content.
This document provides instructions for using Dreamweaver and Fireworks to develop websites. It describes how to:
1) Create a site map and storyboard to plan your site's organization and layout.
2) Define a site in Dreamweaver and set up the local root folder to manage files.
3) Design and optimize graphics in Fireworks, then export and import them into Dreamweaver pages.
4) Build web pages in Dreamweaver using tables, text, and imported graphics, and add navigation links between pages.
This document provides instructions for using Dreamweaver to create a basic website. It describes setting up the site structure, creating a home page, designing pages in Layout View by drawing cells and tables, and adding images and text. Key steps include saving documents in the designated site folder, defining the page title, laying out the page design in cells and tables similarly to a sample layout, and inserting content like images and text into the layout.
What is Dreamweaver?
Adobe’s Dreamweaver (previously Macromedia’s Dreamweaver) is a WYSIWYG web design tool for users of all skill levels. Dreamweaver is an all in one web design tool capable of creating websites and uploading them via FTP . Dreamweaver does not assist in the creation of graphics. However, since Adobe purchased Macromedia all the new versions such as those found in the CS3 suite integrate with Photoshop. This makes it easier to manage images while working in Dreamweaver, Fireworks, and illustrator.
Dreamweaver - Introduction AND WALKTHROUGHSahil Bansal
AN Introduction to Dreamweaver basic features. And how menu bar and its windows look like with some shortcuts in a representable manner perfect for students
The document discusses various techniques for working with images in Adobe Dreamweaver, including inserting, aligning, and enhancing images; setting alternate text and accessibility preferences; using the Assets panel; inserting background images; deleting image files; creating and finding images; and examining copyright rules. The step-by-step instructions demonstrate how to perform tasks like floating images left and right, adding borders and spacing, and viewing the assets used on a website.
This document provides a tutorial on using Adobe Dreamweaver CS3 to create websites. It discusses getting started by creating a local root folder to store website files. It then covers inserting tables to layout webpages, including properties of tables and cells. Steps are provided to create a basic webpage layout with a title, images, and text within a three row, three column table structure that spans the full page width. The document aims to teach the basic functions of Dreamweaver needed to design and build a website.
This document provides instructions for creating a basic web forms page in Visual Studio, including:
1. Creating a file system web site project.
2. Adding a new ASP.NET web forms page and adding HTML text.
3. Familiarizing yourself with the Visual Studio development environment.
4. Running the page using the built-in Visual Studio development server.
The document discusses steps for developing a web page in Dreamweaver, including planning page layout, adding head content, setting properties, formatting text, adding links, using the History panel, viewing HTML code, and testing pages. It provides detailed instructions for tasks like creating page structure, inserting dates, and previewing pages in a browser.
This document provides instructions for creating a basic webpage using Microsoft FrontPage 2003 in 3 steps:
1. Open FrontPage 2003 and click "New" to create a new page, then select a frame template like "Banner and Contents".
2. Add content like text, pictures, or WordArt to the new page. Save the page by right clicking the tab and selecting "Save".
3. Create hyperlinks between pages by inserting interactive buttons, selecting a button style, typing the button title, browsing to the page to link to, and copying buttons to other pages.
This document provides instructions on using CSS and tables to position content in web pages using Adobe Dreamweaver. It covers understanding CSS layouts, creating pages with CSS layouts, adding and editing content in CSS layout blocks, understanding table modes, inserting and formatting tables, and other tips for using visual aids and browser compatibility checks when working with CSS and tables. The overall goal is to teach how to create and style web pages that incorporate both CSS layouts and HTML tables.
This document discusses adding media and interactivity to webpages using Dreamweaver. It provides instructions on how to add Flash objects, behaviors, rollover images, video, sound, and update files. It also discusses incorporating Web 2.0 technologies like RSS feeds, social networking, wikis and blogs. The overall objectives are to understand different media objects and how to effectively incorporate them along with interactivity into webpages.
This document provides an overview of using Dreamweaver MX/8 for webpage editing and design. It discusses basic concepts like what Dreamweaver is, what HTML is, and common HTML tags. It then covers topics like setting up a local website, creating content like text and images, adding hyperlinks within and between pages, and other features in Dreamweaver.
This document provides instructions for using the web editor Kompozer to create websites. It discusses downloading and installing Kompozer, using its interface and tools to add images, tables, forms, and links. It also addresses frequently asked questions about features like setting colors, inserting special characters, and accessing plugins. The goal is to teach readers how to efficiently design web pages and sites using this WYSIWYG editor.
This document provides an overview and summary of the Dreamweaver web design program. It discusses that Dreamweaver is a popular web design program developed by Adobe that offers both a visual WYSIWYG editor and code editor. It allows users to write HTML, CSS, and other languages, and features like integrated previews, templates, and behaviors panels. Dreamweaver also supports extensions, version control through Subversion, and is integrated into the Adobe Creative Cloud.
Computer Course Digital Classroom Tools Notes Unit 1, 2, & 3/Dr.C.ThanavathiThanavathi C
This document provides an overview of the features and tools available in Microsoft Word 2007. It discusses the new ribbon interface and how to access common commands like save, print, and open. It also summarizes the various tabs in the ribbon including Home, Insert, Page Layout, References, Mailings, Review, and View. Each section of the ribbon is described in 1-2 sentences. The document is intended to help users familiar with earlier versions of Word learn the updated user interface in Word 2007.
The document discusses various controls available in Windows Presentation Foundation (WPF) for building user interfaces. It describes standard controls like grids, labels, buttons, editors, lists, menus and toolbars. It also covers other controls like tooltips, borders, popups, frames and ranges. Specific controls like grid, label, buttons, editors, lists, menus and toolbars are discussed in more detail. The document also discusses dialog boxes, third-party controls and some other controls like calendar, date picker, image and popup.
This document provides an introduction and overview of Microsoft PowerPoint 2003. It discusses the basic concepts of PowerPoint including what presentations and slides are. It covers how to perform common tasks in PowerPoint like opening, creating, and saving presentations. It also discusses the various windows and views within PowerPoint like the title bar, menu bar, slide pane, and outlines tab. Finally, it provides information on working with presentations by inserting text, slides, images and more.
This document discusses Firefox extensions and customizations that can enhance the browsing experience. It provides over 20 extension recommendations in different categories like productivity, translation, bookmarks, and more. Instructions are given on how to find, install, and manage extensions in Firefox to customize the browser. Themes are also mentioned as a way to change the visual appearance of Firefox.
The document describes an assignment to create an HTML/JavaScript program that parses an XML file containing Olympic sports results, and displays the data in an interactive accordion widget. The program must:
1. Parse the XML file using the DOM parser and display sport event names as menu items.
2. When an item is clicked, display a table under it with details on the event winner from the XML, including name, country, results, a picture, and embedded YouTube video.
3. Support expanding and collapsing multiple event details simultaneously without page refresh.
4. Gracefully handle errors if the XML file is invalid.
Hints on using the DOM parser, jQuery, and embedding YouTube videos are
This document provides a quick start guide to using the Joomla! content management system. It explains the basic principles of organizing content into sections, categories, and items. It then provides step-by-step instructions for creating sections and categories, adding content items, and using the administrator interface. The guide assumes the reader has Joomla! already installed and covers the essential functions to get started managing website content.
This document provides instructions for using Dreamweaver and Fireworks to develop websites. It describes how to:
1) Create a site map and storyboard to plan your site's organization and layout.
2) Define a site in Dreamweaver and set up the local root folder to manage files.
3) Design and optimize graphics in Fireworks, then export and import them into Dreamweaver pages.
4) Build web pages in Dreamweaver using tables, text, and imported graphics, and add navigation links between pages.
This document provides instructions for using Dreamweaver to create a basic website. It describes setting up the site structure, creating a home page, designing pages in Layout View by drawing cells and tables, and adding images and text. Key steps include saving documents in the designated site folder, defining the page title, laying out the page design in cells and tables similarly to a sample layout, and inserting content like images and text into the layout.
What is Dreamweaver?
Adobe’s Dreamweaver (previously Macromedia’s Dreamweaver) is a WYSIWYG web design tool for users of all skill levels. Dreamweaver is an all in one web design tool capable of creating websites and uploading them via FTP . Dreamweaver does not assist in the creation of graphics. However, since Adobe purchased Macromedia all the new versions such as those found in the CS3 suite integrate with Photoshop. This makes it easier to manage images while working in Dreamweaver, Fireworks, and illustrator.
The document provides an overview of the Dreamweaver workspace and tools for creating web pages. It discusses the document window where pages are created, the application bar menu, document toolbar, panel groups for files and assets. It also covers setting up a new website, creating and opening pages, HTML and XHTML markup languages, adding keywords and rulers.
This document provides an introduction to using Dreamweaver to create websites. It covers setting up a website using Dreamweaver's site management tools, creating pages with text, images, links and tables, and basic HTML editing. The document is intended as a tutorial for someone just starting to use Dreamweaver and learn basic web design concepts. It guides the reader through setting up a sample website and provides explanations of Dreamweaver's interface and tools for laying out and structuring pages.
This document provides instructions for creating a simple website using Dreamweaver. It discusses planning the site by determining its purpose and intended audience. It then covers setting up the local and remote sites in Dreamweaver, creating page templates using tables, inserting and formatting images, adding text and links, and using CSS for design. The document is intended to teach basic web design concepts and steps for building a site in Dreamweaver.
This lesson taught the basics of using Macromedia Dreamweaver MX, including defining a new site, naming and saving documents, formatting text and colors, and inserting Flash text. Key aspects of the Dreamweaver interface like the document window, insert bar, property inspector, and panels were explained. The steps to specify background colors, preview browsers, and use the assets panel to apply colors were also outlined.
This document provides an overview of lessons for getting started with Dreamweaver. It discusses exploring the Dreamweaver workspace and tools, viewing web pages and using help, and planning and setting up a website. Key aspects of the Dreamweaver workspace are described, including the document window, panels, property inspector, and views. The document also outlines the phases of planning a website project, including developing a plan, creating basic structure and content, testing, modifying, and publishing the site.
Creating Accessible Web Pages Using Dreamweaver Mx 2004brighteyes
Dreamweaver can be configured to promote accessibility by checking attributes when inserting elements. The document explores Dreamweaver's interface, including the document toolbar, window and property inspector. It demonstrates how to create a new web site, add text and headings to a page and save the file, changing properties in the design and code views. The goal is to learn the basics of the Dreamweaver interface and start building an accessible webpage.
Wd & im session a3 _introduction to web page editors_april 08,2010Mahesh Panchal
This document provides an introduction to webpage editors, covering Adobe Dreamweaver, Microsoft FrontPage, and Microsoft Publisher. It discusses the features and uses of each program. Dreamweaver is introduced as a WYSIWYG editor that allows designing and previewing webpages. FrontPage is demonstrated as creating a basic website structure with folders for images, files, and a homepage. Publisher is described as a desktop publishing program for both print and web publications like newsletters, flyers, and websites. The document concludes with an assignment to create a personal webpage using the editors' functions.
Dreamweaver is a web design program used to create multimedia web pages and sites. It provides tools to insert features like animations and forms. The Dreamweaver workspace includes views, panels, and inspectors to work with web page elements like text, images, tables, layers and Flash buttons. Help is available within Dreamweaver and online to learn how to use the program and its features.
- The document discusses how to use templates and library items in Dreamweaver to create a consistent site structure and allow for rapid updating. It covers creating templates from new or existing documents, defining editable regions, creating and applying template-based pages, and updating templates and attached pages. It also discusses creating, inserting, and editing library items to store reusable elements and update them across a site. Finally, it defines cascading style sheets as external style sheets that can control the presentation of multiple documents to ensure consistent styling.
Dreamweaver is a program used to design and code web pages and sites. It has various views and panels to help with visual editing and coding. When defining a local site in Dreamweaver, you specify a local root folder on your computer that corresponds to files on a remote server. You can then edit and preview files locally before uploading changes. Dreamweaver provides tools for adding and formatting text, lists, headings, and special characters on web pages.
The document provides an overview of Dreamweaver and the process of planning and building a website using this software. It discusses Dreamweaver tools and interface, creating and organizing pages and files, testing and publishing the site. The key steps are planning the site goals and structure, setting up folders and pages, adding content, testing pages, and publishing the completed site to a web server.
Dreamweaver is a web authoring program that allows users to design and lay out web pages using a visual WYSIWYG interface while also providing access to the underlying HTML code. It supports features like templates to standardize a website's design, uploading finished pages to a web server, and previewing pages locally. The tutorial introduces basic Dreamweaver functions like creating a new page, adding and formatting text content using headings and fonts, inserting lists, and saving work.
Dreamweaver is a web authoring program that allows users to create and edit websites using a WYSIWYG interface. It generates HTML code behind the scenes as the user works. Dreamweaver supports features like CSS, JavaScript, templates, and publishing websites to servers. The document provides basic instructions for starting Dreamweaver, creating a new site, adding pages, entering and formatting content like text, lists, and images. Formatting options include fonts, sizes, colors, and alignments that can be applied with controls in the Properties inspector.
Dreamweaver is a web authoring program that allows users to design and lay out web pages using a visual WYSIWYG interface while also providing access to the underlying HTML code. It supports features like templates to standardize a website's design, uploading finished pages to a web server, and previewing pages locally. The tutorial introduces basic Dreamweaver functions like creating a new page, adding and formatting text content using headings and fonts, inserting lists, and aligning elements on the page.
This document provides an overview and instructions for using the Dreamweaver web design software. It discusses Dreamweaver's history and capabilities, how to get started, and its various palettes, panels, and tools for editing pages, including inserting tables, images, forms, and links. Advantages include not needing to know HTML, easy learning, and robust developer tools, while disadvantages include slower editing of HTML compared to text editors and it not being fully WYSIWYG.
• Create a new ADF Skin and check Skin values being used
• Change the page background and font family
• Update the look and feel for table headers and links
• Change the pane body and shape of tabs
• Implement dynamic skin change
The document provides instructions for students to create a presentation to present their graphics to a client. It outlines three methods for the presentation: printing screenshots in Microsoft Word, creating an example webpage in Macromedia Fireworks, or building a working webpage in Macromedia Dreamweaver. It then provides detailed steps for how to complete each presentation method.
Programming Foundation Models with DSPy - Meetup SlidesZilliz
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Speck&Tech
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Best 20 SEO Techniques To Improve Website Visibility In SERPPixlogix Infotech
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Things to Consider When Choosing a Website Developer for your Website | FODUUFODUU
Choosing the right website developer is crucial for your business. This article covers essential factors to consider, including experience, portfolio, technical skills, communication, pricing, reputation & reviews, cost and budget considerations and post-launch support. Make an informed decision to ensure your website meets your business goals.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slackshyamraj55
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
CAKE: Sharing Slices of Confidential Data on BlockchainClaudio Di Ciccio
Presented at the CAiSE 2024 Forum, Intelligent Information Systems, June 6th, Limassol, Cyprus.
Synopsis: Cooperative information systems typically involve various entities in a collaborative process within a distributed environment. Blockchain technology offers a mechanism for automating such processes, even when only partial trust exists among participants. The data stored on the blockchain is replicated across all nodes in the network, ensuring accessibility to all participants. While this aspect facilitates traceability, integrity, and persistence, it poses challenges for adopting public blockchains in enterprise settings due to confidentiality issues. In this paper, we present a software tool named Control Access via Key Encryption (CAKE), designed to ensure data confidentiality in scenarios involving public blockchains. After outlining its core components and functionalities, we showcase the application of CAKE in the context of a real-world cyber-security project within the logistics domain.
Paper: https://doi.org/10.1007/978-3-031-61000-4_16
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
3. WORKSHOP DESCRIPTION..............................................................1
Overview 1
Prerequisites 1
Objectives 1
INTRODUCTION TO DREAMWEAVER..............................................1
Document Window 3
Toolbar 3
Insert Panel 3
Properties Panel 4
History Panel 4
Where to find Help in Dreamweaver 6
Create a New File 7
Open an Existing File 7
Create a New File from an Existing File 7
SETTING UP A DREAMWEAVER SITE..............................................8
How to create a site 8
FORMATTING AND VIEWING A DOCUMENT ...................................9
Page Properties 9
Saving Your Document 10
Previewing in a Browser 10
EXERCISE 1 10
FORMATTING AND STYLING TEXT..................................................11
Creating Paragraphs 11
Creating Line Breaks 11
Creating Headings 11
Changing text format 11
EXERCISE 2 12
ADDING CONTENT FROM A MICROSOFT WORD DOCUMENT .....12
How to copy and paste content from a word processor 12
INDENTING PARAGRAPHS AND CREATING LISTS........................13
Indenting a Paragraph 13
Creating Lists 13
EXERCISE 3 15
WORKING WITH IMAGES..................................................................15
Using a Background Image 15
4. Inserting an Image 16
Adding a Horizontal Rule 16
EXERCISE 4 17
RESOURCES......................................................................................17
Faculty / Staff Resource Center Error! Bookmark not
defined.
Getting Help Error! Bookmark not
defined.
Campus Resources Error! Bookmark not
defined.
Books on Dreamweaver and HTML 17
5. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 1
WORKSHOP DESCRIPTION
Overview
Want to learn how to create your own Web pages or brush up on your Web editing skills?
Creating Web pages and managing your Web site with Dreamweaver is easier than you might
think. This workshop introduces you to the Dreamweaver environment and its basic Web
editing tools. Topics include: creating a new Web document, defining a site, adding new content
and importing existing text from Microsoft® Word, formatting text and inserting images.
Prerequisites
Completion of Introduction to Web Accessibility. Individuals taking this workshop should also have
basic computer skills, knowledge of the Web, basic Web browser skills, and the ability to
effectively work in the Windows or Macintosh OS environment.
Objectives
Participants attending this workshop will:
▪ Attain a beginning understanding of the Dreamweaver environment.
▪ Use Dreamweaver to:
▫ Create a new Web document.
▫ Define a Site.
▫ Add new content from a Microsoft Word document.
▫ Format and style text.
▫ Insert images.
INTRODUCTION TO DREAMWEAVER
Adobe Dreamweaver CS3 is a full-featured Web design suite that allows you to create and edit
HTML and XHTML documents (Web pages). With Dreamweaver, as with other HTML and
XHTML editors, knowledge of the XHTML mark-up language is not required to create
professional-grade websites.
Unlike many Web editors, Dreamweaver is a paletted environment. This means that the user
interface is a series of windows or palettes, called panels, which can be moved around the screen
by the user. If you have used Adobe Photoshop then you have already been introduced to a
paletted environment.
The remainder of this document will use screen samples from the Windows-based version of
Dreamweaver CS3.
6. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 2
Sample Dreamweaver Interface
Legend
1
Objects (Insert) Panel – Allows you to add images, tables, and multimedia to your Web
pages.
2
Toolbar – Shortcuts to many of the Document window commands, and a text field
where you can specify a page title.
3
Document Window – Provides a work area to insert and arrange text, images, and
other elements of your Web page.
4
Properties Panel – Allows you to view and modify properties of an object that is
selected in the Document window.
5
History Panel – Tracks commands you perform and allows you to return your page to a
previous state by backtracking through those commands.
6 Files Panel – lists the various folders and files associated with the site.
4
3
2
1
6
5
7. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 3
Document Window
The Document window contains the toolbar, document title, file name, Code View window to
view the HTML and XHTML code, and the WYSIWYG window to view your Web page
graphically (Design View).
Toolbar
The toolbar is actually part of the Document window and allows you to toggle between the
Code View and Design View windows (View Modes), set your page title, preview your page in a
browser, select different view options and check your document for browser-specific errors.
Insert Panel
The Insert panel contains various icons that allow you to easily insert different types of elements
into your Web documents. For example, insert a table, picture or horizontal rule.
or
Design View
Code View
View modes Preview in
browser
View
options
Browser
check
8. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 4
Properties Panel
Using this panel you can modify the properties of an element selected in the Document window.
Text Properties
Image Properties
HR Tag Properties
History Panel
This panel makes it easy to undo multiple actions at the same time. To undo a series of actions
place your cursor in the Design view document, then within the History panel click and drag the
undo slide to the desired position.
To activate the History panel: go to Window > History or press Shift+F10.
9. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 5
History
panel undo
slider
10. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 6
Where to find Help in Dreamweaver
There are a variety of ways to find help in Dreamweaver. Below are just a few of them.
1. Click the Help
menu and select
Using
Dreamweaver.
The Help window
appears, as
shown to the right.
2. From the Properties panel click the question mark button ( ). This will open the Help
window above and display information about each area of the Properties panel.
3. Click the Help menu and select Reference. The Results panel opens to the Reference tab.
Here you can select a Book and then get more detailed information from pages of that book.
This is a great way to learn more about HTML and XHTML from the O'Reilly HTML
Reference book.
11. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 7
Create a New File
Most Web pages you create will be simple HTML pages. The steps below show you how to
create a new HTML document.
step 1. Click the File menu and select New. The New document window appears.
step 2. From the New Document window select the Blank Page tab, then the HTML
selection from Page Type.
step 3. Optionally, you may select a specific layout for your new Web page other than the
default of none, which is an empty page.
step 4. Click the Create button to create and open your new document in the Document
window.
Open an Existing File
step 1. Click the File menu and select Open.
step 2. From the Open window select the file you want to open (click the file name) and
click the Open button. Dreamweaver will now open your document in the
Document window.
Create a New File from an Existing File
step 1. Open your existing file using the steps above.
step 2. Click the File menu and choose Save As. Give your file a new name. Be sure the
file ends with either “.htm” or “.html” (do not include the quotes).
12. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 8
SETTING UP A DREAMWEAVER SITE
Before creating or editing your Web pages, you can have Dreamweaver help you manage your
HTML and XHTML files and image files by defining a site. A site is a collection of documents,
images and Web pages that you want to share with your visitors. Dreamweaver will point to the
files on your hard disk where these site files are located.
TIP : Keeping everything within a master folder enables you to easily transfer
files to a Web server without changing the organization of the files and sub-
folders. If you do not organize your site files on the Web server the same as they
are organized on your local computer, hyperlinks will not work and images will
not display properly.
How to create a site
step 1. To set up a local site, first select the New Site option from the Site menu.
step 2. When the Site Definition dialog box appears click the Advanced tab.
step 3. Enter a name for your site in the Site name field.
step 4. Click the folder icon at the end of Local root folder field to locate a local folder to
serve as the master folder for all of your files for this site.
step 5. Click the folder icon at the end of Default images folder field to locate a local
folder that contains all of your image files for this site.
step 6. Click OK to create your new site.
Once you have defined your Dreamweaver site it is visible in the Files panel. Here
you can simply double-click any file listed to open and edit it. You can also move
and/or rename a file without incurring any broken links. This is possible because
your site has been defined within Dreamweaver.
13. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 9
FORMATTING AND VIEWING A DOCUMENT
Page Properties
You can access the Page Properties dialog box from the Modify menu or from the Properties
panel (as long as you have not selected an image). The Page Properties dialog box allows you
to define a background color and image, link colors and page title, among other items.
The list of categories in the Page Properties window depends upon whether or not you are
using Cascading Style Sheets (CSS). Below are a couple of sample Page Properties windows you
may see.
Sample window of categories with
CSS unchecked in Preferences
window.
Sample window of categories with
default use of CSS for formatting.
Additional categories may also
appear on this window when using
CSS.
14. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 10
Saving Your Document
To save your document, choose the Save or Save As option under the File menu.
After you save your document it will appear
in the Files panel as a file.
If your Files panel is not visible, you can
activate it from Window > Files, or by
pressing <F8>.
Previewing in a Browser
You can preview your pages in a Web
browser by either selecting File > Preview
in Browser or by clicking the preview
button on the Document Window
Toolbar. In addition, you can add to the
list any browser installed on your computer
– e.g. Firefox – by using the Edit Browser
List option.
EXERCISE 1 Modifying Page Properties
1. If you have not already done so, create a site that points to the dw-intro folder.
2. From the dw-intro site, open the file sacstate.htm in Dreamweaver.
3. Add a page title and background color to your document.
4. Save your changes to the sacstate.htm file.
15. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 11
5. Preview your updated document in Microsoft Internet Explorer or Firefox.
FORMATTING AND STYLING TEXT
Virtually all of the text formatting and styling you wish to apply to your document can be done
within the Design view in conjunction with the fields and buttons on the Properties panel.
Creating Paragraphs
To create a new paragraph in Dreamweaver, place your cursor in the Design view document
and press the Enter key (PC) or Return key (Macintosh). This will create a new pair of
paragraph tags with a blank space, represented as <p> </p>. Since there is no easy
way to indent the first line of a paragraph on a Web page, individual paragraphs are separated by
a double space.
Creating Line Breaks
Line breaks <br /> are created by holding down the SHIFT key and pressing Enter or
Return.
Creating Headings
To create a heading, click and drag the mouse pointer to select the text, and then use the
Format drop-down menu on the Properties panel to select the desired heading value. Any text
selected to be used as a heading must reside within its own paragraph.
Changing text format
Selecting a font face, size, color and paragraph alignment for your text can be done using the
Properties panel.
Font face Font size Font color alignment
16. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 12
EXERCISE 2 Formatting Text
1. Open your updated file, sacstate.htm, if it is not already opened in
Dreamweaver.
2. Format the text to make it appear similar to the Web page sacstate_ex2.htm,
including:
a. Inserting new paragraphs after the section titles ‘Faculty Resources’ and
‘Library Instruction.’
b. Adding headings to ‘Faculty Resources’ and ‘Library Instruction.’
c. Changing font face, size, color and bold or italics of some of the text.
3. Center the university address at the bottom of the page, change its color and
insert line breaks between each section of the address (see sacstate_ex2.htm).
4. Save your changes.
5. Preview your updated document in a Web browser.
ADDING CONTENT FROM A MICROSOFT WORD DOCUMENT
You can easily copy and paste content from a Microsoft Word document (or other word
processor) directly into your Dreamweaver document. This can save you valuable time,
especially if you have a lengthy document. Unfortunately, you may lose some of your
formatting during this process.
How to copy and paste content from a word processor
step 1. Open your document using your word processor, such as Microsoft Word.
step 2. Select your text using the cursor and/or mouse.
step 3. Copy your text: In Windows press CTRL+C and press Command+C on the
Macintosh.
17. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 13
step 4. Open your HTML or XHTML document in Dreamweaver then place the cursor in
the document where you want to paste your content.
step 5. Paste your content into your Dreamweaver document using either Edit > Paste or
Edit > Paste Special.
step 6. Format the text in your Dreamweaver document as you would like it to appear on
your Web page. Some of the formatting from the word processor may have been
lost.
INDENTING PARAGRAPHS AND CREATING LISTS
Indenting a Paragraph
You can use the increase/decrease indent buttons on the Properties panel to insert or remove
blockquote tags. The blockquote tag, <blockquote>, will indent a given paragraph from
both the left and right margins, thereby creating a visual separation similar to those used in
research papers when more than two lines from a source are being cited.
Creating Lists
You can add a new list by choosing Insert > HTML > Text Objects and then selecting the
desired option, Unordered List, Ordered List or List Item. You can also change existing text
using the Properties panel to create unordered <ul> and ordered <ol> lists.
Unordered and ordered list buttons
Blockquote buttons
18. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 14
You can modify an existing list by clicking within any item in the list, then clicking the List Item
button on the Properties panel. In the List Properties window you can customize
the appearance of your bullets or the numbering of each list item.
19. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 15
EXERCISE 3 More Text Formatting
1. Open your updated file, sacstate.htm, in Dreamweaver.
2. Format the text to make it appear similar to the Web page sacstate_ex3.htm:
a. Indenting the Faculty Resources paragraph.
b. Creating a multi-level list from the Library Instruction content.
3. Copy and paste the text from the Microsoft Word document ctl.doc (in the
docs folder) into sacstate.htm just before the university address.
4. Format the text for The Center for Teaching and Learning, including a
bulleted list of the topics (see sacstate_ex3.htm).
5. Save your changes.
6. Preview your updated document in a Web browser.
WORKING WITH IMAGES
It is important that you prepare your images before inserting them into your Web pages. Use a
graphics editor, like Adobe Photoshop Elements to optimize and resize your images for use
on the Web. Save your files as either GIF or JPG files in the images folder within the site folder.
Using a Background Image
You can select a background image for your Web document by accessing the Page Properties
option from the Modify menu or from the Properties panel.
20. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 16
Inserting an Image
You can insert an image by clicking the insert image button ( ) on the Common tab of the
Objects (Insert) panel. A menu appears where you can select the Image option to insert your
image.
After inserting an image you can set the image alignment, spacing and hyperlink attributes from
within the Properties panel.
Adding a Horizontal Rule
You can add a horizontal rule from the Insert menu by selecting HTML > Horizontal Rule.
To modify the <hr /> properties, click the horizontal rule in the Design view. You can then
modify the attributes from within the Properties panel.
Width and height in pixels Alternate text
Image alignmentVertical and horizontal space around the image
21. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 17
EXERCISE 4 Images and Horizontal Rules
1. Open your updated file, sacstate.htm, if it is not already opened in
Dreamweaver.
2. Insert the image library_poppies.jpg after the Library Instruction heading.
Be sure to align the image to the right.
3. Insert the image libraryquad_new.jpg at the beginning of the paragraph for
The Center for Teaching and Learning section. Resize the image to make it
smaller than the original.
4. Add a horizontal rule just before each major heading in your document.
5. Save your work and preview your changes in a Web browser.
6. Compare your Web page with the file sacstate_final.htm
RESOURCES
Faculty / Staff Resource Center
Located in ARC 3012. Assistance available on walk-in basis.
FSRC Website - http://www.csus.edu/irt/acr/fsrc/
Training & Tools eNewsletter
To receive email notification regarding online seminars, new technology/tools, and other online
teaching, technology and learning events, fill out and submit the Training & Tools eNewsletter
request form - http://www.csus.edu/atcs/tools/newsletter/request-form-ait-news.stm.
Getting Help
University Help Desk
(916) 278-7337 or helpdesk@csus.edu
Academic Technology Consultants
http://www.csus.edu/atcs/contact.htm
1on1 Help @ ATCS on Thursdays 1-4 pm in ARC 3005 (no appointment necessary)
Help Desk - Problem Reports & Contact Information
http://www.csus.edu/irt/helpdesk/contact.stm
Training Requests
training@csus.edu
22. Academic Technology and Creative Services : Fall 2009 Dreamweaver: Introduction 18
Campus Resources
Training
http://www.csus.edu/training
Training Handouts
http://www.csus.edu/training/handouts
Online Tutorials
http://www.csus.edu/atcs/tools/training/tutorials.stm
Educational Tools
http://www.csus.edu/atcs/tools
Accessibility at Sacramento State
http://www.csus.edu/accessibility
Books on Dreamweaver and HTML
Dreamweaver CS3 Bible by Joseph W. Lowery
Adobe Dreamweaver CS3 Hands-On Training by Garrick Chow
Dreamweaver CS3 for Dummies by Janine C. Warner
Teach Yourself VISUALLY Dreamweaver CS3 by Janine C. Warner
HTML, XHTML, and CSS: 6th Edition by Elizabeth Castro
http://www.cookwood.com/html/extras/cssref.html