Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to HTML Chapter Four All About Hyperlinks.
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.
Tutorial 1: Developing a Basic Web site
External Site Links by Awnya Boam. Links are found… …almost everywhere on the internet. They allow users to travel from one site to another.
Individual Web Site Part I – Flowchart Ruba Jeshi UOP July, 26, 2009.
Who is Giana Thomas? Intended Audience Friends and family.
Gary Jonassen Web Page Design The URL to My Site index is – My Intended Audience.
Lecture Navigation. What is Navigation? Hypertext – creates links Process of linking from a page to: –Another page in the same website –Another page on.
Zymic Web Hosting Edward Rios. What is Zymic? Zymic is a free sub-domain web hosting service that is school appropriate Zymic is a unique FTP powered.
OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Banner Home Page Text Image Picture Image JavaScript Hyperlink text Animated image Navigation link To a different webpage Date and time.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
HISTORY AND ICT Website Tasks The Holocaust. You have been studying the Holocaust in your History lessons recently… …we are now going to use our ICT lessons.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Review: How do you change the border color of an image?
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Edit a Page Detailed Front End To edit any information on your web page, you will have to login to the admin tool to change it.
MAKING A WEBSITE WRA AGENDA Go over some website basics and reminders Issues or problems? Continue to SCRUM Work.
Content Too Much Content and/or Happy Talk.
HTML (Hypertext Markup Language ). Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to.
Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.
Images in HTML PowerPoint How images are used in HTML.
OCR Nationals ICT – Unit 2 Task 3 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Using a web-editor To set up a web site.
Wiki Tahquitz High School
Add an Image. index.html about.html contact. html contact. html.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Website plan - By Scott.R. Website Structure diagram news Home Survival guide My website.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Hyperlink Basics Relative vs. Absolute Linking. Absolute Linking This type of linking always includes the prefix If you link to someone else’s.
Will Earnshaw Chicken Inn website storyboard.. Will Earnshaw Chicken Inn – Hotel and Restaurant Logo of cartoon chicken Links Home Book a room Reserve.
Basic Webpage Design Vocabulary Principles of IT Copyright © Texas Education Agency, All rights reserved.
OCR Nationals ICT – Unit 2 Task 4 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.
Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.
Session: 4. © Aptech Ltd. 2Creating Hyperlinks and Anchors / Session 4  Describe hyperlinks  Explain absolute and relative paths  Explain how to hyperlink.
Slide 1 Today you will: use diagrams to design the structure of part of a website take account of the needs and interests of different users of the site.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
LISTS AND LINKS Explained By: Sarbjit Kaur. Lecturer, Department of Computer Application, PGG.C.G., Sector: 42, Chandigarh.
WEB DESIGN Presentated By Amit Kapri Contact No
Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.
Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.
Unit 15 – Web Authoring Website Proposal Purpose of Website: Target Audience: House Style: (colours to be used) Text Styles: Example: Font-Family – Arial,
Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.
HTML Links CS 1150 Spring 2017.
Principles of IT Basic Webpage Design Vocabulary.
Web Basics: HTML/CSS/JavaScript What are they?
Unit 3 – Web design Final Project
~ How to create a basic website Part II ~
Lesson Objectives Lesson Outcomes
A01 DESIGN To be completed Your proposal  Your House style 
Websites lesson 5.
Lesson 4: Hyperlinks.
Part 8 Q36 to Q40 of National 5 Prelim
Adding information to provider pages
Basic Webpage Design Vocabulary
IENE Intercultural Education of Nurses and medical staff in Europe
Chapter 6 pp
Wiki Tutorial.
Wheelers clubs Your site will consist of 3 pages:
What do you think is different between these two images?
HTML Links CS 1150 Fall 2016.
Presentation transcript:

Planning and Designing a Website

Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself, and describe your website. Use images and hyperlinks, and explain to the user what the will find on your website. Use images and hyperlinks, and explain to the user what the will find on your website. K.I.S. K.I.S.

Structure of a Website Index.html (homepage) Personal page Interest page Class work page Contact info Summery of site Internal links Music Images

Pages Index.html (homepage) Personal page Interest page Class work page Class Files Internal Images etc Contact info Summery of site Internal links Music Images

Pages Index.html (homepage) Personal page Interest page Class work page Class Files Internal Images etc Images Music External Links Contact info Summery of site Internal links Music Images Design elements Descriptive text

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.