BUILDING YOUR WEBSITE. MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm.

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

Building the e-Zine. The e-Zine is in the form of a Website and must contain the following: Several pages, which must be linked, including an Information.
Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.
Ten Inspirational Artists Your Name, Ms. Daniels, Period Date.
 Helps you create individual pages according to your thumbnail plan  Helps you organize your web pages and links according to your organizational chart.
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.
IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Mimio Training Presented by Amy Ball. Mimio Use with:  Mimio Software Mimio Software  Control any Power Point at your whiteboard  Interactive Websites.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
How are tables used in web design?. A table (FIVE THINGS TO KNOW) 1. Is made up of columns and rows 2. Has cells where columns and rows intersect.
Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.
Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.
Unit 10 – Web Authoring Web Authoring – Qatar Tourism Lesson 5 & 6.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
Start Dreamweaver program From file menu click new Blank page appears.
Artist Statement QR 1.Open iMovie and create a new 2.Create a movie 3.No Theme 4.Name your movie: mod#_DMA_LastName or Mod#_advDMA_LastName.
Epson Interactive Projector Part 2 Whiteboard mode With whiteboard.
Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.
Designing a Simple but Modern Website in this easy Photoshop tutorial By Joel Jurado.
Open up both Refworks and Google Scholar at the same time HOW TO INPUT YOUR REFERENCE: Import from Google Scholar HOW TO INPUT YOUR REFERENCE: Import from.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Art for New Media 1 - Photoshop and Animation … Intro sample files in shared folder background images, transparent background Save for web and.
Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,
Please open a file manager window and Dreamweaver.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Putting it all together: A web designers workflow.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
© Ms. Masihi.  All files related to a web site ( all web pages, images, etc. ) need to be saved in a Site Root Folder (sometimes called Local Root.
+ Let’s Rip DVDs Only for back-up purposes, of course.
Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
Announcements Academic Writing Workshops For International Students in Information Technology Wednesdays (starting April 25) 12:30 - 3:30 PM Werner University.
Agenda 2/15/05 Art for New Media Quick Write/Sketch Reminder: Sketchbook Due tomorrow! Dreamweaver Lesson #3 –Review what we’ve done so far – links.
Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing.
Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.
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.
Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?
Dreamweaver – Setting up a Site and Page Layouts
2017 Spanish 1 End-of-Course Exam Speaking Recordings
SI-U: Decompiling SWF Files May, 03, 2011 Jeremy Loughnot
Loading a File to the UST Web Server
Rollover Buttons UNIT 2.
Lesson Objectives Lesson Outcomes
PeopleLink Development 1 Page Guide
Starting to develop a website
Websites lesson 5.
Web pages Lesson 4.
Training Presentation for McCormick’s Proficiency Sample Program Website Lesson 9 - How to print your laboratory's microbiology reports [Instructor Notes,
Version: Macromedia Dreamweaver CS3 Updated: April 2008
How to PostPower Point Presentations
How to Post a Picture on Knitting Paradise
HTML Text editors and adding graphics
Go to the Audacity website. (You can search for Audacity in Google).
Making a website.
In today's lesson you will…
Step-by-Step Banner Creation Guide
Chapter 6 pp
Advanced Web Web Quest.
Uppingham Community College
Wheelers clubs Your site will consist of 3 pages:
What do you think is different between these two images?
Windows Vocabulary Beth Felton McKelvey.
Training Presentation for McCormick’s Proficiency Sample Program Website Lesson 9 - How to print your laboratory's chemistry reports [Instructor Notes,
Let's create your English Folder!.
Presentation transcript:

BUILDING YOUR WEBSITE

MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm

CREATE A FOLDER TO HOLD YOUR WEBSITE FILE You MUST have created a folder on your desktop by 2:40pm

EXPORT YOUR SCREENS AS.PNG You MUST have exported your TWO screens as.png imaged by 2:50pm

START UP DREAMWEAVER You MUST started Dreamweaver by 2:52pm

INSERT YOUR FIRST SCREEN INTO DREAMWEAVER You MUST have loaded your first screen into Dreamweaver by 2:55pm

SAVE YOUR FIRST WEB PAGE You MUST have saved your first web (as one.html) page by 2:57pm

SAVE YOUR SECOND WEB PAGE You MUST have saved your SECOND web (as two.html) page by 3:02pm

MAKE LINKS BETWEEN PAGES You MUST have made a link between two pages by 3:07pm

TEST THE PAGES IN GOOGLE CHROME You MUST show me the TWO pages workign in Google Chrome by 3:10pm

END OF THE LESSON End of the lesson… …please get ready to go…