In this tutorial, you are going to be exploring the structure and layout of websites. Activity: With a partner, discuss the websites you visit regularly.

Slides:

Advertisements

Similar presentations

This tutorial will explain the use of some of the features of the case study website. These include: - Structure of the web pagesStructure of the web pages.

Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.

Windows Basics: The Mouse. The Mouse Before you can explore the Desktop and Taskbar, you must know how to use your mouse. Your mouse is a pointing device.

M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.

1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

Website Design - Review Layout using tables. Table exmaple James 11/08.

Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.

Creating your Webpage with tables. This is a 2 column by 1 row table!

HTML II. Factors to consider in designing a website. Organizing your files. HTML Tables. Unordered Lists. Ordered Lists. HTML Forms. Learning Objectives.

Web-designWeb-design. Web design What is it? Web-design features Before…

State Term Contract & State Purchasing Agreement Website Innovative Ideas towards Improving Your Buying Experience DMS State Purchasing IT Team.

Click Create. Select Presentation The next slides will investigate the Menu Bar.

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

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.

Google Drive Slides.

Photo Gallery A photo gallery is a web page that contains a collection of graphics arranged in a specific layout. Microsoft FrontPage provides four different.

Lesson 1: Exploring Access Learning Objectives After studying this lesson, you will be able to: Start Access and identify elements of the application.

The Teacher Computing HTML (2) HyperText Markup Language.

Sports Website Creation. In this project you will design and produce your own website.

USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.

Learning How to Make a PowerPoint Presentation A tutorial for novice users.

CHAPTER 5 Working with Data Tables and Inline Frames.

We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.

Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.

Valeria Shanks Presenter Multimedia Workshop Tutorial BB You will add extra pages to your basic web page.

USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.

Is Your Site Accessible? Validating Your Web Site.

The World Wide Web. What is the worldwide web? The content of the worldwide web is held on individual pages which are gathered together to form websites.

In this tutorial, you have been exploring website design and thinking about what works and what doesn’t. Activity: Think about your favourite websites.

MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.

Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.

Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.

Diagramming Assistance. If you are having difficulty… First, refer to your class notes. Every part of speech we have diagrammed thus far has been demonstrated.

UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.

What makes a Good Website?. Examples of Bad Websites For more really.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

MGT 230 Complete Class To purchase this material click on below link 230/MGT-230-Complete-Class. For more classes visit.

MGT 307 Complete Class To purchase this material click on below link 307/MGT-307-Complete-Class. For more classes visit.

MGT 311 Complete Class To purchase this material click on below link 311/MGT-311-Complete-Class. For more classes visit.

MGT 311 Week 3 DQ 3 What is the difference between a group and a team? Would your strategy be different for putting together a group than creating a team?

MGT 330 Complete Class To purchase this material click on below link 330/MGT-330-Complete-Class. For more classes visit.

PHL 323 Week 2 Individual Ethical Systems Table Complete the Ethical Systems Table located on the student Web site. To purchase this material click below.

PHL 323 Week 2 Summary Complete the Ethical Systems Table located on the student Web site. To purchase this material click below link

PSY 103 Week 1 Individual Origins of Psychology and Research Methods Worksheet Complete the Origins of Psychology and Research Methods Worksheet located.

PSY 103 Week 3 Individual Remembering, Feeling, and Thinking Worksheet Complete the Remembering, Feeling, and Thinking worksheet located on your student.

WEB 237 Week 1 DQ 1 Why is it important to test your web pages in various Web browsers? Explain how XML has impacted HTML. Check this A+ tutorial guideline.

QNT 351 Week 2 DQ 4 Why it is important to find the shape of data distribution before computing descriptive statistics? Do all variables follow normal.

PSY 400 Complete Class To purchase this material click on below link 400/PSY-400-Complete-Class. For more classes visit.

PSY 405 Complete Class To purchase this material click on below link 405/PSY-405-Complete-Class. For more classes visit.

PSY 410 Complete Class To purchase this material click on below link 410/PSY-410-Complete-Class. For more classes visit.

PSY 425 Complete Class To purchase this material click on below link 425/PSY-425-Complete-Class. For more classes visit.

PSY 428 Complete Class To purchase this material click on below link 428/PSY-428-Complete-Class. For more classes visit.

AET 545 Week 2 Individual Needs Analysis Select your workplace setting or a setting with which you are familiar for this project. Collect data about the.

Introducing the World Wide Web

Getting Started with Dreamweaver

Web Intelligence – Working with Tables

Web Intelligence - Selecting, Sorting, Grouping and Summarizing Data

WEB 240 Competitive Success-- snaptutorial.com

CIT 277 Education on your terms/tutorialrank.com.

WEB 240 Education for Service-- snaptutorial.com

WEB 240 Teaching Effectively-- snaptutorial.com

A02 Creating my website NAME ______________.

© Carroll diagrams ©

Presentation transcript:

In this tutorial, you are going to be exploring the structure and layout of websites. Activity: With a partner, discuss the websites you visit regularly. Talk about how they are structured and what the layout is like. Try to pick two or three aspects which you think are particularly effective. Can you explain why these aspects are effective? Now scroll to move on to the next slide. Now see how many aspects of website layout and structure you already recognise by completing the activity on the next slide.

Now scroll to move on to the next slide. Activity: Match the aspects of website structure and layout below to their descriptions by clicking and dragging them down. A computer programming language that is used to create web pages. A type of link on a web page that changes in some way when the mouse passes over it. A diagram that shows the structure of a website and how all the pages link together. A collection of linked web pages. The term for moving around within a website. The first page a visitor usually comes to when visiting a website. A set of data arranged in rows and columns, used to make website layout clear and user-friendly. NavigationRolloverHTMLSitemapWebsiteHomepageTable

A computer programming language that is used to create web pages. A type of link on a web page that changes in some way when the mouse passes over it. A diagram that shows the structure of a website and how all the pages link together. A collection of linked web pages. The term for moving around within a website. The first page a visitor usually comes to when visiting a website. A set of data arranged in rows and columns, used to make website layout clear and user-friendly. HTML Navigation Homepage Website Sitemap Rollover Table How did you do? Now, working with a partner, try to name as many features of website structure and design that you can. How many can you think of?