1 / 24

Unit 21

Unit 21. P1 Components in Web Design. Unit 21 Learning Outcomes. 1. P1. M1. Domain Name. Discuss What is a domain name and give examples Why is a domain name needed What is an IP address and how does it relate to a domain name What is website hosting. Domain Name.

ninas
Download Presentation

Unit 21

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Unit 21 P1 Components in Web Design

  2. Unit 21 Learning Outcomes 1

  3. P1 M1

  4. Domain Name Discuss What is a domain name and give examples Why is a domain name needed What is an IP address and how does it relate to a domain name What is website hosting

  5. Domain Name • Every website address has a URL with and equivalent IP address. • A web address contains: • HTTP(s) • The domain name • Area within the website • Web page name. https://www.bbc.com/education/guides/zp9jpv4/revision/7

  6. Hosting – Domain Names & URLs Let’s look at the different components of this URL... http://www.toys.co.uk/prices/list.pdf

  7. Hosting – Domain Names & URLs Let’s look at the different components of this URL... http://www.toys.co.uk/prices/list.pdf Protocol Hypertext transfer protocol controls the request/response process

  8. Hosting – Domain Names & URLs Let’s look at the different components of this URL... http://www.toys.co.uk/prices/list.pdf Domain You buy a domain & then it’s registered for you, or for your business

  9. Hosting – Domain Names & URLs Let’s look at the different components of this URL... http://www.toys.co.uk/prices/list.pdf Top Level Domain There are lots of TLDs, such as .com or .org.uk or .ac.uk or .mil

  10. Hosting – Domain Names & URLs Let’s look at the different components of this URL... http://www.toys.co.uk/prices/list.pdf Pathname This is like the address of an individual page or file on the website

  11. Hosting A web host, or web hosting service provider, is a business that provides the technologies and services needed for the website or webpage to be viewed in the Internet. Websites are hosted, or stored, on special computers called servers. If you do not have a domain, the hosting companies will help you purchase one.

  12. Sitemap Explain the purpose of a sitemaps • Diagram: design structure • XML file: structure listings https://www.lucidchart.com/blog/how-to-make-a-sitemap-using-lucidchart https://www.xml-sitemaps.com/

  13. Hyperlinks • Explain what a hyperlink is • Give examples of use: • Local • External • Bookmark

  14. Navigation Bar • Explain purpose of a navbar • Give examples of position of navbar • Give examples of looks e.g. look of button, look of hover, use of drop down, hamburger button etc.

  15. Page Structure https://webstyleguide.com/wsg3/6-page-structure/3-site-design.html • Explain what common design features: • Header • Navbar • Content • Footer • etc.

  16. Designing for Different Devices • Explain what responsive web design is and how it works • Explain how it could be done/coded using media queries

  17. Designing for Different Browsers • Give examples of different browsers • Explain why your website should be cross-browser compatible • Explain what website rendering is • What to consider when designing/building page https://crossbrowsertesting.com/blog/development/cross-platform-website-development/

  18. World Wide Web Consortium Explain what W3C is Why it is needed Open and closed standards in web development

  19. World Wide Web Consortium Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C's mission is to lead the Web to its full potential. The World Wide Web Consortium (W3C) is an international community that develops open standards to ensure the long-term growth of the Web.

  20. W3C – Open Web Platform To enable developers to build rich interactive experiences, powered by vast data stores, that are available on any device. The boundaries of the platform continue to evolve, and HTML5 will be the cornerstone for this platform. Technologies that W3C and its partners are creating: CSS, SVG, WOFF, the Semantic Web stack, XML, and a variety of APIs. W3C develops these technical specifications and guidelines through a process designed to maximize consensus about the content of a technical report, to ensure high technical and editorial quality, and to earn endorsement by W3C and the broader community.

  21. http://webfoundation.org/about/vision/history-of-the-web/

  22. Closed http://www.bbc.co.uk/education/guides/zdn3d2p/revision/3 http://www.seomining.com/e-business-architecture/module2/open-versus-closed-standards.php

  23. Storage of Data • Database driven web design: • The frontend pages of a website are connected to a database and web page content is based in part on information extracted from that database. • A database is used to store information, such as user data, blog postings or product details.  • Static vs. Dynamic web page

  24. Method of User Interaction • Describe why a site need interactive features • Explain some examples: • Video • Sound • Embedded maps • Embedded social media feed • Calendars • Site search engines • Galleries / Sliders • Image overlays • Etc.

More Related