Unit 13 – Two websites worksheet.

Slides:



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

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Newsletter Plugin The newsletter plugin allows you to create and send newsletters to a managed list or multiple lists of users. Your users can subscribe.
Museum Box A professional development By: Korrin Nash.
Introducing new web content management tools for Priority...
© English Language Testing Ltd Taking the Password Knowledge with Reading and Writing Test.
Static VS Dynamic websites. 1-What are the advantages and disadvantages? 2- Which one should you choose and why?
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Safe online shopping Suitable for: Improver.
Web Content Management Systems. Lecture Contents Web Content Management Systems Non-technical users manage content Workflow management system Different.
Visual Design The good kind of VD © Colin Stewart, 2009.
Scottish Legal Aid Board Content Management using OpenCms Martin Spinks CTO Navyblue Tuesday, March 16, 2010.
Advanced Web 2012 Lecture 4 Sean Costain PHP Sean Costain 2012 What is PHP? PHP is a widely-used general-purpose scripting language that is especially.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.
Basics of Web Databases With the advent of Web database technology, Web pages are no longer static, but dynamic with connection to a back-end database.
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
BBC is a British Broadcasting Corporation. A public service broadcaster in the United Kingdom. The website main responsibility is to provide public.
Create Your Own Webpage. Fun with images Today we’ll cover –Working with images Including an image on your page Making the image a link Editing images.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
How to use the internet The internet is a wide ranging network that thousands of people use everyday. It is a useful tool in modern society that once one.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
OCR Nationals ICT – Unit 2 Task 5 Task Overview In this task you will test a number of areas of your website using a test table. This will enable the website.
How to Use Facebook This guide will help you navigate around the social networking site, Facebook.
Principles of effective web design NOTES Flo Morris-Duffin.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Graphics Navigation Usability Typography Content Clarity & Consistency.
OCR Nationals ICT – Unit 4 Task 2 Task Overview You will be creating a design for your product including all relevant details regarding what it will contain.
Unit 13 – Website Development FEATURES OF WEBSITES.
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
Task 1 Understand the uses and features of websites Sophie O’Rourke.
My Stuff & More! How to personalize your OSLIS 2.0 “dashboard” and add files to your personal space.
Pros and Cons of Static or Dynamic Websites. As a website user, you may not bother if a site you visit is static or dynamic as it is a sheer backend functionality.
Section 10.1 Define scripting
Accessible materials.
Web-based structures, links and testing
Page Design in Canvas.
WWW and HTTP King Fahd University of Petroleum & Minerals
D.Y.O. Web The new and easy way to create and maintain your own professional dynamic website.
Unit 17 - Multimedia Products
USING DREAMWEAVER Contents: Assigning a Root Folder
Egyptian Language School
Designing Information Systems Notes
Year 7 E-Me Web design.
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 12 – Publish and Test Mr C Johnston.
The Difference Between STATIC & DYNAMIC Websites
Section 10.1 YOU WILL LEARN TO… Define scripting
How to Use Members Area of The Ninety-Nines Website
PROJECT ON WEB DESIGNING BY – POOJA SINGH CSE. WEB DESIGNING Web design Web design is a similar process of creation, with the intention of presenting.
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
Objective % Explain concepts used to create websites.
MVC Framework, in general.
Dynamic Web Pages JavaScript Jill Thomas Oct 14, 2003.
Web Programming– UFCFB Lecture-4
Smart Shopper iPhone App
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Different font styles used for every word
Introduction to Web Design
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
Teaching slides Chapter 6.
Task 1 investigating website by Hannah Sanders
IntroductionToPHP Static vs. Dynamic websites
What: The heading and banner are at the top
Web Standards and Accessible Design.
Web content management
Objective Explain concepts used to create websites.
Wordpress.
ASSETS, SNIPPETS & COMPONENTS
Presentation transcript:

Unit 13 – Two websites worksheet. Task 1 By Bartosz Cichy

You have been asked to explain the uses and features of two websites:   Amazon.co.uk Bbc.co.uk Table 1: Website Part of website Use Feature Amazon The search bar Used for searching purposes on the website Allows you to easily find items you’d like to buy Basket Used to place your orders in one place Allows you to put chosen items in one place A slide show Usually used to advertise latest products Displays products at the first point BBC The weather It allows you to check the weather in your local area It will automatically show up with your local weather and will update itself automatically also Sign in/Register   Allows you to choose what you’d like to view on the website Shop by Department Used to search between specific sections It makes shopping and searching for items much easier and faster as everything is located in different areas The ‘white space’ Allows you to see the information more clearly and easily find what you’re looking for Makes the text easier to read which helps your eyes as they don’t get tired very quickly

Table 2: Website Feature Improvement Description Amazon.co.uk Shop by Department Presentation This makes the website much easier to navigate and makes it faster to use as it looks tidy and clear to everyone. It makes the website looks nice. The search bar Usability The search bar will make shopping much easier as you don’t have to go through every single item to find what you were looking for. Accessibility This will help you to access different section of items easier and faster as it will let you to go to one specific department A slide show Performance It takes around 2 seconds for the website to load (even though there are many big images) which mean you don’t have to wait long if you want to use it. Bbc.co.uk The ‘white space’ This makes the website much easier to navigate as eyes don’t get tired quickly and everything is clear to view. Sign in/Register This will let you use different features that you previously saved. These could be the things that you don’t wish to see on the screen and the ones you want to see. This lets you create an account or log into your account. You’ll get access to things such as your previously saved news that you’d like to view.   This loads almost immediately. It takes less than 1 second to load the page which means you can do whatever you want straight after you enter the page.

The difference between dynamic and static websites: There are two main types of websites –static and dynamic. Static sites are written by the programmer from the beginning, each page separately with all the information and images on it. It is usually written in plain HTML and the things that are displayed on the screen are the ones written in the code. Dynamic sites are more complex as there can be thousands of information and even pages. It would take ages to write such a website as a static one that’s why dynamic sites are written using a server-side scripting language such as JSP, PHP, ASP, or Coldfusion. In sites like that the scripting language is calling in the content from other files and/or from a database, all depending on the site and the action taken by the user.     Examples of static and dynamic websites:   Static: I could not find any static sites, but I am building one at the moment for this unit. Dynamic: https://www.amazon.co.uk/Happy-Beds-Vancouver-Finished-Wooden/dp/B00KL9HYUY/ref=sr_1_1?s=kitchen&ie=UTF8&qid=1492709000&sr=1-1-spons&keywords=bunk+beds&psc=1

Examples of websites that are built in a wrong way:   1). http://www.chestercivilwartours.com/ Chester Civil War website is built in a way where it is hard for the user to view the content of it. Black background and small font coloured grey is difficult to read not just to people with sight difficulties but with most of people. Some of the images on the website don’t load, just like they don’t exist. Some of the red coloured text doesn’t look nice as well. The red colour make it harder to read. 2). https://yvettesbridalformal.p1r8.net/   This website is built in a terrible style, it is so messy and difficult to read. There are too many colours and the text goes under the images. The background is made of other images which makes the text even more difficult to read.