Ideas for you website structure The beginnings of a proposal.

Slides:



Advertisements
Similar presentations
FORMATTING IN CONTEXT. FOLLOW UPS ANCHOR POINTS MUST BE UNIQUE  If you have more than one, how does it know where to go?  They can be repeated across.
Advertisements

Unit 20 - Client Side Customisation of Web Pages
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
ISP 121 Week 3 Access Forms and Reports. Displaying Data – The Form One way to start a form is to use the Form Wizard What table or query are you creating.
NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
Figure Figure 18-1 part 1 Figure 18-1 part 2.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
CPSC 203 Introduction to Computers Tutorial 03 & 29 Jie (Jeff) Gao September 15 & 16.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Presenting Bikes for Tykes’ Web Site Bikes for Tykes.
Software Engineering Group Project Prepared by Abd Elkarim AbuGhali Mahmoud Badawi Norhan Abo Hani Supervised By Dr: Mohammed Mikii.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
INFSCI  Last time we built a doggie web page in class following the instructions in the slide deck: Build Web Page with HTML – see week 3 The topics.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Week 8 – Part 3 More on Links, Layout, and Mobile Key Concepts 1.
WRT235: Writing in Electronic Environments CSS Classes, IDs, divs.
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
© 2010 Lawrenceville Press Slide 1 Chapter 4 Styles.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Activity 11.7 DATAMANIPULATION.  Produce reports to display all the required data and labels in full.  Set report titles, use headers and footers, align.
My completed website “Photography Fanatics” By Emma Shiels.
Designing Web Pages Layout and Composition. Defining Good Design Users are pleased by the design but drawn to the content Design should not be a hindrance.
Presented by: Student ID: Sang Geol LEE Subject: ITC105 Communication and information management Website Planning Report Assignment item2-Part.
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.
Layout with Styles Castro Chapter 11. Tables vs. CSS You can produce “liquid layouts” (layouts that stretch as the browser is resized) using tables or.
Creating Google Sites Laura Assem, Director of Technology.
Drupal Theming Chris Neglia and Lisa Forgan Copyright 2009, Page 1 Solutions.
10.11 Data Manipulation 3 Reports. You will need… Specimen 2007 Paper 2 Task C (a PDF) q 43 Read this question carefully before you start The database.
HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.
Enter title Enter speaker Enter department or college Wednesday 23 September 2015.
WILLY’S STRAWBERRY FACTORY Website Proposal. WEBSITE CONTENT Photo galleries of the factory Directions via Google Maps embedded on the website Pricing.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
Delicious And other useful websites. What is Delicious Delicious is a social networking website that helps educators organize and share useful websites.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
In your project you first said that the page name will be forums and when we installed vbulletin we made a folder name forum.That is soccermm.com/forum.
Web Site Development - Process of planning and creating a website.
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
Getting Started with Social Media. How our projects use social media.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
1 Company Confidential Skin a Complete DotNetNuke Website Using HTML5 and CSS3 in One Hour Amelia Marschall Partner & Creative Director.
Unit 15 – Web Authoring Website Proposal Purpose of Website: Target Audience: House Style: (colours to be used) Text Styles: Example: Font-Family – Arial,
BSA 411 Week 4 Individual Assignment Process Analysis and System Concept Development Process Analysis and System Concept Development Submit a 3- to 4-page.
MIT 511- Web Design & Usability
Create and edit web pages 4
Chapter 2 Developing a Web Page.
Select the cover you want or choose your own image
Proper Format for PM Task Add Request
Unit 2 – Webpage Creation
Principles of Web Design 5th Edition
Enter title Enter speaker Enter department or college
In Class Programming BIS1523 – Lecture 11.
A01 DESIGN To be completed Your proposal  Your House style 
Enter title Enter speaker Enter department or college
Information Gathering theory
Common Page Design Elements
One Theme - Ensemble CMS
CMP Creating Your Personal and Small Business Web Sites
Enter title Enter speaker Enter department or college
Enter title Enter speaker Enter department or college
NAHI Proposal Template – Guidelines for Use
Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.
Presentation transcript:

Ideas for you website structure The beginnings of a proposal

What do websites have? What is the objective of the site? Target users What elements/sections

Theme You don’t want each of your pages looking like a different website. – How do they style that theme laptops?c=us&cs=04&l=en&s=bsd&~ck=mn laptops?c=us&cs=04&l=en&s=bsd&~ck=mn Notice each page has the same header, footer Notice heading style the same across different pages Notice white box style the same

Take a look at some big names Check out the homepages Ferrari Mcdonalds FDA

How do you want to design? Look at other websites Think about yours-who is your target audience? Who will it be useful for? Make some drawings-draw boxes for your sections – Make some notes

Proposal description Couse post-it on myjcu Due next week – Hand in or scanned and

Css table CSS table design p.511, 514 – display: table; – display: table-row; – display: table-cell;