Web Design First Semester Project – Getting Started in Dreamweaver.

Slides:

Advertisements

Similar presentations

Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.

Advertisements

Art 128 Interface Programming 1 In-class Presentation Week 11B.

CSS Box Model An CSS Primer Tutorial. Project 04 Open Finder or Windows explorer and path the folder where you store your class project work. Make a copy.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.

Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Intro to Dreamweaver Webmaster 1 – Mrs. Sanchez. Agenda Daily Objective Starting the Program Setting up a site in Dreamweaver Adding a page Home page.

MAKING A WEBSITE WRA AGENDA Go over some website basics and reminders Issues or problems? Continue to SCRUM Work.

CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.

WEB DESIGN UNIT 2 Unit 2 Module 2-5. WHAT HAVE YOU LEARNED?  What is the title tag do? Where does it show?  What are the tags that need to be on every.

Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.

Dreamweaver CS4. Lynda.com First steps Get FTP permission from Jim (or your host admin) (user id & user password, IP address/url) Install DWCS4 Set up.

Reflection Web Design – Final Project. Reflection – Due Today! This is the last entry (Unit 7) in your index.html file. This will be the first grade for.

Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.

1 Midterm Review. 2 Midterm Exam  30% of your grade for the course  October14 at the regular class time  No makeup exam or alternate times  Closed.

Session 7: Workshop: Recap on course contents / Creating own pages within Dreamweaver or WordPress N C Diploma: Web Design: S7: Tutor: N R Hartland 1.

Linking to an External Style Sheet Web Design Section 4-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Title of The Article Time for Kids Date of the Article Your Name Today's Date Period.

How to upload files to Altervista Overview:

Planning your site/organization on the Web Please use speaker notes for additional information!

IMGD 2900 Digital Game Design I Class 12: Thursday

WEB DESIGN BASICS. Before You Begin Who are you talking to? – Defining your audience Where do you ultimately want to end up? – Design for the future How.

Session 2: Good Web Design concepts Using CSS N C Diploma: Web Design: S2: Tutor: N R Hartland 1.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,

INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.

© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.

Project 6: Kayaking HTML5 Site

Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.

Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working.

Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.

DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.

First Semester Final Project Web Design. Final Project Create a company, zoo, museum, etc. Your job is to create a web site for your business! Create.

Digital Portfolio Digital Photography 1. Creating a Digital Portfolio  You will be required to create a digital portfolio using Google Sites  You will.

Please open a file manager window and Dreamweaver.

How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.

External Style Sheets Exploring Computer Science – Lesson 3-6.

Interface Programming 1 Week 1. Interface Programming 1 CALENDAR.

Unit 3 – Web design Final Project

Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.

Creating WWW Pages. Big Picture 1. Make sure you have a place to put them 2. Plan Pages 3. Create Pages 4. Upload Pages (“Publish”) 5. Test Pages (Important!)

Adobe Dreamweaver CC: The Professional Portfolio Project 8: BLVD Fluid Grid Site Working with fluid grids Creating CSS3 transitions.

Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.

ASEN 5050 SPACEFLIGHT DYNAMICS Low-Energy Ballistic Lunar Transfers Prof. Jeffrey S. Parker University of Colorado – Boulder Lecture 34: BLTs 1.

Business Site Homepage Project Web Design. Business Site Homepage Project Your final project for this semester will be to create a web site for fictitious.

Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Unit 15 – Web Authoring Web Authoring Project.

From Template To Online Business Quick Build, Quick Delivery.

LESSONS 13, 14 & 15 Module 4: Working with Images Final Project.

Your GIMP Portfolio Final Site.

ITI 133 HTML5 Desktop and Mobile Level I

HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page

Web Page Development Tools

Kapi’olani Community College

Overview of Dreamweaver

ET-710 Web Technology: Building and Maintaining Web Sites

Starting to develop a website

Web Page Development Tools

Unit 4 Test CSS Test.

Making a website.

HTML and CSS Basics.

Interface Design 2 Week 11.

One Set of Styles Connected to As Many Pages as You Want!!!

Presentation transcript:

Web Design First Semester Project – Getting Started in Dreamweaver

Dreamweaver – Create a Site  Before you create your first web page… 1.Create a directory in your portfolio Name_final_project 2.In Dreamweaver created a new site: Site | New Site A.Give your site a name B.Select your directory

Dreamweaver – Creating the First Page  When you create your first page make sure you set up an external CSS file… Pick a background Add CSS code to make your pages consistent.

Project  Take some time and sketch out your web pages. Don’t just jump into Dreamweaver!  The project plus the journals totals 70 points. This will be 15% of your final grade for the semester! It’s a lot of work, but you have time to do it. Don’t procrastinate!