Digital Foundations: CSS and Web Design with Adobe Dreamweaver and WordPress

Digital Foundations: CSS and Web Design with Adobe Dreamweaver and WordPress is the third book in the Digital Foundations series. The collection of Digital Foundations books aims to rewrite media arts curriculum by fusing experiments from the Bauhaus Basic Course, formal design principles, movements in art history, and software training into one cohesive set of books. CSS and Web Design with Adobe Dreamweaver and WordPress teaches new students to web design how to approach code using Dreamweaver and through interfaces available online, such as WordPress. Each chapter is informed by significant works of art on the web from artists such as Cary Peppermint and the Yes Men to commercial successes such as Dave Shea's CSS Zen Garden. Whether a student is part of a formal classroom setting or learns informally from a book, all students of web design and production must learn the basic principles of design and how to implement them using current software. Far too often design is left out of books that teach software for the trade and academic markets. The visual examples presented in most software books are unrelated to design principles or contemporary practices. Consequently, the software training exercise is a lost opportunity where, instead, visual principles could be taught by practice. Digital Foundations: CSS and Web Design with Adobe Dreamweaver and WordPress reinvigorates the software demo by integrating formal exercises common to the web design classroom and contemporary art examples into exercises that focus on core code and software methodologies.

Following are the few topics covered in this web design with adobe dreamweaver and wordpress book.

• Introduction to the Web
• Metaphors for a Page
• Hello Dreamweaver
• Hello Wordpress
• Fair Use, Appropriation & Advertising Online
• Adding Action With Scripting Languages
• Images and the Web
• CSS 1
• CSS 2
• Layout
• Frameworks for making things easier
• Installing WordPress
• Basic Theming in WordPress
• Web 2.0, APIs and Platforms

Read More/Download

Dreamweaver MX - Tutorial Part 1

Welcome to the Dreamweaver MX Tutorial Part 1. This tutorial is designed to help you become a proficient user of the Dreamweaver MX software. Dreamweaver is a web development tool that allows users to quickly and easily create effective and often interactive web sites.

Understanding the Dreamweaver MX Screen
We will begin this tutorial by looking at the toolbars and menus available to you in Dreamweaver MX. These tools will make your web development experience faster and easier. Below is an overview of the screen. In order to introduce you to the Dreamweaver MX screen, small labels will appear as you roll over each section of the screen image below with your mouse cursor. Try to move your mouse around the different areas to familiarize yourself with the screen before we continue a more detailed description of each section.

Define Your Site Properties

Before you can begin creating your site, you need to make sure you indicate the site properties within Dreamweaver MX. This allows you to keep your site synchronized and consistent from within Dreamweaver.

As you saw in the previous section, on the right side of the Dreamweaver MX screen, is a window titled "Files" with two tabs - Site and Assets. Assets is the name given to components of a page, but you do not need to use assets for the purposes of this tutorial. You should, however, be concerned with the Site tab.

The Site tab section shows tools that allow you to easily access a visual representation of your files and transfer those files to a web server. Before beginning a site, you should always define the local folder on your computer and the remote location where the site will be stored.

First, you will need to define the location of your site on your computer. To do this, you will need to click Site from the top text menu and select "New Site." The opening screen for site definition is shown below. I have answered the inquiry, "What would you like to name your site? with the name "Dreamweaver MX test". Try naming your site using your first name...........

Click to read more