The document provides an overview of creating web pages using HTML. It defines HTML and its purpose, discusses basic HTML tags like <html>, <head>, <title>, <body>, <p>, <h1>-<h6>, <ul>, <ol>, <li>, and <a> and how to structure a simple web page using these tags. It also covers adding color to web pages using attributes like bgcolor in <body> and color in <font> tags. The document includes exercises for learners to create simple web pages about a library using HTML tags and formatting.
This document provides an introduction to creating web pages using HTML. It defines HTML and its purpose, outlines the basic tools needed like a text editor and web browser. It describes the main HTML tags like <html>, <head>, <title>, <body> and how to structure a basic web page with headings, paragraphs, lists, and other text formatting. It also gives examples of coding basic HTML elements and provides exercises for readers to practice building simple web pages.
The document discusses creating web pages using HTML. It begins with an introduction to HTML, defining it as the standard markup language used to define the structure and layout of web pages. The document then outlines the basic tools needed to create HTML pages, including a text editor, web browser, and HTML reference. It provides examples of common HTML tags like <html>, <head>, <body>, <p>, <h1>-<h6>, and <ul>/<ol>/<li> and how they are used to structure content and format text on web pages. The document concludes with exercises for learners to create simple HTML pages about a library using the tags covered.
The document provides an overview of Lesson 1 of a Front-End Web Development course. It includes learning objectives such as establishing community, recognizing roles in web development, and applying HTML tags. The schedule covers an introduction to front-end development, navigating computers and servers, HTML tags and using Sublime text, and includes a lab and homework assignment. The document also lists course tools, an overview of HTML and CSS, and examples of using different HTML tags for headings, text, lists, and links.
This document provides an overview of an introductory front-end web development course. It outlines the course structure including lessons on HTML basics, CSS basics, and JavaScript. It introduces key concepts like the difference between front-end and back-end development. The document details the first lesson which establishes a safe learning environment and covers basic HTML tags and using tools like Sublime Text. It also includes the schedule, instructor and teaching assistant information, and introductory content on navigating computers and HTML history.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It also covers using tools like Sublime Text and file structure. The schedule outlines topics on intro to front-end development, navigating computers, HTML tags and using Sublime. It lists the instructor, teaching assistant and students. Homework involves creating a personal website and watching an internet basics video.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It outlines lessons on navigating files on computers, HTML history and syntax. The schedule details times for introductions, navigating computers, practicing HTML tags and using development tools like Sublime Text. It lists course staff and students and provides a sample press release and cookie recipe. Homework involves building personal website pages and watching an internet overview video.
The presentation discusses using Moodle as a platform for developing and delivering open courseware (OCW). It outlines how the Open University already uses Moodle successfully for OCW and has developed transformation tools. The presentation proposes developing courseware directly in Moodle and providing conversion tools between learning management systems to improve reuse and remixing of OCW for sustainability. Moodle 2.0 updates that could further enhance OCW are also reviewed.
Introduction to basic HTML [Librarian edition]Kosie Eloff
HTML is the main markup language used to create web pages and display information in web browsers. It uses tags (<tag>text</tag>) to structure documents and describe their nature. Key points about HTML include:
- It stands for Hypertext Markup Language and is used to structure documents with hyperlinks to other texts.
- HTML pages are written as plain text files that use tags to describe text formatting and structure. The files end with .html.
- Web browsers are used to open and display HTML files, interpreting the tags and displaying the structured content.
This document provides an introduction to creating web pages using HTML. It defines HTML and its purpose, outlines the basic tools needed like a text editor and web browser. It describes the main HTML tags like <html>, <head>, <title>, <body> and how to structure a basic web page with headings, paragraphs, lists, and other text formatting. It also gives examples of coding basic HTML elements and provides exercises for readers to practice building simple web pages.
The document discusses creating web pages using HTML. It begins with an introduction to HTML, defining it as the standard markup language used to define the structure and layout of web pages. The document then outlines the basic tools needed to create HTML pages, including a text editor, web browser, and HTML reference. It provides examples of common HTML tags like <html>, <head>, <body>, <p>, <h1>-<h6>, and <ul>/<ol>/<li> and how they are used to structure content and format text on web pages. The document concludes with exercises for learners to create simple HTML pages about a library using the tags covered.
The document provides an overview of Lesson 1 of a Front-End Web Development course. It includes learning objectives such as establishing community, recognizing roles in web development, and applying HTML tags. The schedule covers an introduction to front-end development, navigating computers and servers, HTML tags and using Sublime text, and includes a lab and homework assignment. The document also lists course tools, an overview of HTML and CSS, and examples of using different HTML tags for headings, text, lists, and links.
This document provides an overview of an introductory front-end web development course. It outlines the course structure including lessons on HTML basics, CSS basics, and JavaScript. It introduces key concepts like the difference between front-end and back-end development. The document details the first lesson which establishes a safe learning environment and covers basic HTML tags and using tools like Sublime Text. It also includes the schedule, instructor and teaching assistant information, and introductory content on navigating computers and HTML history.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It also covers using tools like Sublime Text and file structure. The schedule outlines topics on intro to front-end development, navigating computers, HTML tags and using Sublime. It lists the instructor, teaching assistant and students. Homework involves creating a personal website and watching an internet basics video.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It outlines lessons on navigating files on computers, HTML history and syntax. The schedule details times for introductions, navigating computers, practicing HTML tags and using development tools like Sublime Text. It lists course staff and students and provides a sample press release and cookie recipe. Homework involves building personal website pages and watching an internet overview video.
The presentation discusses using Moodle as a platform for developing and delivering open courseware (OCW). It outlines how the Open University already uses Moodle successfully for OCW and has developed transformation tools. The presentation proposes developing courseware directly in Moodle and providing conversion tools between learning management systems to improve reuse and remixing of OCW for sustainability. Moodle 2.0 updates that could further enhance OCW are also reviewed.
Introduction to basic HTML [Librarian edition]Kosie Eloff
HTML is the main markup language used to create web pages and display information in web browsers. It uses tags (<tag>text</tag>) to structure documents and describe their nature. Key points about HTML include:
- It stands for Hypertext Markup Language and is used to structure documents with hyperlinks to other texts.
- HTML pages are written as plain text files that use tags to describe text formatting and structure. The files end with .html.
- Web browsers are used to open and display HTML files, interpreting the tags and displaying the structured content.
The document discusses integrating library resources into the Moodle e-learning environment. It describes installing Moodle, configuring courses, and creating library blocks within courses to provide links to resources like the library catalog, databases, guides, and more. HTML codes are used to embed these resources. Plugins like BigBlueButton are also discussed to enable video conferencing. Collaboration between librarians, IT, and course administrators is emphasized to maximize use of library resources through the LMS.
The document discusses how to create web pages using HTML. It begins with an introduction to HTML, describing it as the standard markup language used to define the structure of web pages. It then covers the basic HTML tags needed to build a basic page structure, including tags for headings, paragraphs, lists, and links. It also discusses how to format text and add color to web pages using HTML tags. The document provides examples and exercises for learners to create their own basic HTML pages.
Integration of technology_into_the_curriculumYezenia C
This document discusses strategies for integrating technology into the K-12 curriculum. It defines educational technology and outlines the National Educational Technology Standards. A variety of tools are presented, including SMART Boards, blogs, Glogster, Google Docs, videos, wikis, and webquests. These tools can be used to engage students, promote collaboration and creativity, and reinforce skills. The document also provides tips for creating a personal learning network and avoiding distractions while teaching with technology.
Integration of technology_into_the_curriculumYezenia C
This document discusses strategies for integrating technology into the K-12 curriculum. It defines educational technology and outlines the National Educational Technology Standards. A variety of tools are presented, including SMART Boards, blogs, Glogster, Google Docs, videos, wikis, and webquests. These tools can be used to engage students, promote collaboration and creativity, and reinforce skills. The document also provides tips for creating a personal learning network and avoiding distractions while teaching with technology.
Introduction to Web Technology and Web Page DevelopmentBhargaviDalal4
This document provides an introduction to HTML and the web. It discusses key topics like the difference between the Internet and the World Wide Web, how web servers and clients communicate, URLs, and common HTML tags. It provides examples of basic HTML elements like paragraphs, headings, lists, links and images. It also introduces CSS for styling HTML documents and explains why CSS is used to define styles for web pages. Finally, it outlines a task for a lab on designing an HTML form using interactive CSS and images/tables.
. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5
Skills: 1. Describe the Web. 2. Recognize the job of HTML. 3. Understand the rules that describe HTML tags. 4. Install a text editor (Atom or VS Code). 5. Create a new HTML Code and save it. 6. Use HTML to write web pages (Syntax - Nested). 7. Format a paragraph using HTML. 8. Display a web page in the browser. 9- Differentiate between the block and inline elements in HTML. 10- Create a nested list in HTML (Ordered - Unordered). 11- Add a link (URL) in a web site. 12- Add an image and relative URL in a web site and Multimedia (sound, music, videos, movies, and animations) and add Forms. 13- Make validation.
How to Embed A Librarian, Library Resources & Service Components in Moodle!Dr. Indira Koneru
The document discusses how to embed a librarian and library resources in the Moodle learning management system (LMS). It defines embedded librarianship and its benefits. Research shows students struggle with coursework research and need guidance. The document recommends collaborating with Moodle administrators and instructors to add librarian roles and embed library widgets, forums, tutorials and other resources directly in Moodle courses to provide point-of-need research help for students. It provides step-by-step instructions for common embedding methods.
1. The document discusses the development of a Google search block for the Moodle e-learning platform.
2. The author researched how to develop blocks for Moodle and created a block that allows users to search Google and displays the results.
3. Through this project, the author gained experience developing for Moodle and learned how to integrate help functions, configurations, and comments to document the code for future developers.
The DELILA project aims to promote open sharing of information literacy and digital literacy teaching materials between higher education institutions. The project partners, LSE and University of Birmingham, conducted an audit of existing materials and mapped them to relevant frameworks. Materials were then converted to open educational resources and deposited in institutional repositories customized to improve accessibility and reuse of the resources. The project helped model best practices for sharing materials and addressed challenges around intellectual property and maintaining updated resources.
This document provides an introduction to HTML5 and discusses transitioning from older standards like HTML 4.01 and XHTML to HTML5. It begins with recapping key aspects of HTML 4.01 like document structure and valid doctype declarations. It then explains what XHTML is and how it differs slightly from HTML 4.01 in terms of proper nesting and closing of elements. The document introduces HTML5 and lists some of its new semantic elements for organizing page content. It notes that HTML5 is an ongoing evolution of standards rather than a complete replacement. The document encourages testing pages in multiple browsers and on different devices to ensure compatibility. It concludes with exercises, like updating a sample page to HTML5 standards and validating the code.
This document provides an overview of HTML and web page design. It defines HTML and tags, and explains how they are used to structure and format text on web pages. The document also lists common HTML tags and their functions, such as tags for headings, links, images, and the basic page structure. Instructions are provided on how to open HTML files in Notepad and display them in a web browser.
WD 2 Less Gooooooooooofwfweujb iefieniwenfwefuhwkefije9797
HTML is a markup language that provides the structure and layout of webpages. It uses tags to define headings, paragraphs, links and other content. Some key points:
- HTML stands for Hypertext Markup Language and was invented by Tim Berners-Lee in 1990.
- The main elements of an HTML document are the <html>, <head>, and <body> sections. The <head> contains metadata and <body> contains visible page content.
- Common tags include <h1> - <h6> for headings, <p> for paragraphs, <a> for links, and <img> to add images.
- HTML is essential for building websites and applications, and
The DELILA project aimed to promote open sharing of information literacy and digital literacy teaching materials between UK universities. Key achievements included releasing resources as open educational resources (OERs) and customizing repositories to provide access to these resources. Challenges included addressing intellectual property rights and ensuring resources remained up to date and reusable by other institutions. The project demonstrated that while information and digital literacy resources can be shared between institutions, full reuse may be limited due to institutional specific nature of some materials.
Create electronic documents (called web pages) that are displayed on the World Wide Web.
Key Concepts: 1. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5
https://www.slideshare.net/osamaggeris/html-week7-2019-2020-by-engosama-ghandour
https://www.youtube.com/watch?v=mQz7ORGzV3I&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=3
https://www.youtube.com/watch?v=_It4HG3j53U&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=4
https://www.youtube.com/watch?v=fDM9WkIJUh4&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=5
Building an ePortfolio using Web 2.0 Technologies (2009)Matthew Mobbs
This document discusses building ePortfolios using web 2.0 technologies. It describes a project at the University of Leicester where 180 biology students created ePortfolios using tools like blogs, wikis, RSS feeds, and social bookmarking services. The project taught students how to collect and organize their work and reflections. Exemplar student ePortfolios were created using PebblePad, WordPress, and Wetpaint. The document explains how to use services like Delicious and Twitter to tag and share content. It also discusses using Netvibes to create a personal learning environment to manage web accounts and pull in content using RSS.
This document provides information about using Moodle, a course management system, for language learning. It discusses various activities that can be used, including quizzes, a class glossary, vocabulary activities like matching and cloze exercises, speaking activities like recordings and podcasts, and grammar activities like polls and dictations. Recommendations are provided for books on using Moodle for second language acquisition. Various features of Moodle are also summarized, such as forums, chats, assignments, and groups.
This module provides an introduction to web systems and technologies for students. It covers fundamental concepts like HTML, CSS, HTTP, and web servers. Students will learn about markup languages, formatting web content, and creating basic HTML and CSS files. The module objectives are for students to understand web communication protocols and be able to describe the functions of HTML, CSS, and hosting services. Assessments include activities, exercises, and midterm and final exams to evaluate students' skills and knowledge.
The document discusses replacing an outdated virtual learning environment (VLE) at Anglia Ruskin University with a new system built on Microsoft SharePoint. It reviewed several existing VLEs before deciding on a bespoke SharePoint-based solution. A closed pilot of the new SharePoint VLE was launched, which included basic features like modules, content, documents, and communication tools. The document outlines next steps to expand the VLE's functionality and enhance its support for learning and teaching.
The document discusses integrating library resources into the Moodle e-learning environment. It describes installing Moodle, configuring courses, and creating library blocks within courses to provide links to resources like the library catalog, databases, guides, and more. HTML codes are used to embed these resources. Plugins like BigBlueButton are also discussed to enable video conferencing. Collaboration between librarians, IT, and course administrators is emphasized to maximize use of library resources through the LMS.
The document discusses how to create web pages using HTML. It begins with an introduction to HTML, describing it as the standard markup language used to define the structure of web pages. It then covers the basic HTML tags needed to build a basic page structure, including tags for headings, paragraphs, lists, and links. It also discusses how to format text and add color to web pages using HTML tags. The document provides examples and exercises for learners to create their own basic HTML pages.
Integration of technology_into_the_curriculumYezenia C
This document discusses strategies for integrating technology into the K-12 curriculum. It defines educational technology and outlines the National Educational Technology Standards. A variety of tools are presented, including SMART Boards, blogs, Glogster, Google Docs, videos, wikis, and webquests. These tools can be used to engage students, promote collaboration and creativity, and reinforce skills. The document also provides tips for creating a personal learning network and avoiding distractions while teaching with technology.
Integration of technology_into_the_curriculumYezenia C
This document discusses strategies for integrating technology into the K-12 curriculum. It defines educational technology and outlines the National Educational Technology Standards. A variety of tools are presented, including SMART Boards, blogs, Glogster, Google Docs, videos, wikis, and webquests. These tools can be used to engage students, promote collaboration and creativity, and reinforce skills. The document also provides tips for creating a personal learning network and avoiding distractions while teaching with technology.
Introduction to Web Technology and Web Page DevelopmentBhargaviDalal4
This document provides an introduction to HTML and the web. It discusses key topics like the difference between the Internet and the World Wide Web, how web servers and clients communicate, URLs, and common HTML tags. It provides examples of basic HTML elements like paragraphs, headings, lists, links and images. It also introduces CSS for styling HTML documents and explains why CSS is used to define styles for web pages. Finally, it outlines a task for a lab on designing an HTML form using interactive CSS and images/tables.
. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5
Skills: 1. Describe the Web. 2. Recognize the job of HTML. 3. Understand the rules that describe HTML tags. 4. Install a text editor (Atom or VS Code). 5. Create a new HTML Code and save it. 6. Use HTML to write web pages (Syntax - Nested). 7. Format a paragraph using HTML. 8. Display a web page in the browser. 9- Differentiate between the block and inline elements in HTML. 10- Create a nested list in HTML (Ordered - Unordered). 11- Add a link (URL) in a web site. 12- Add an image and relative URL in a web site and Multimedia (sound, music, videos, movies, and animations) and add Forms. 13- Make validation.
How to Embed A Librarian, Library Resources & Service Components in Moodle!Dr. Indira Koneru
The document discusses how to embed a librarian and library resources in the Moodle learning management system (LMS). It defines embedded librarianship and its benefits. Research shows students struggle with coursework research and need guidance. The document recommends collaborating with Moodle administrators and instructors to add librarian roles and embed library widgets, forums, tutorials and other resources directly in Moodle courses to provide point-of-need research help for students. It provides step-by-step instructions for common embedding methods.
1. The document discusses the development of a Google search block for the Moodle e-learning platform.
2. The author researched how to develop blocks for Moodle and created a block that allows users to search Google and displays the results.
3. Through this project, the author gained experience developing for Moodle and learned how to integrate help functions, configurations, and comments to document the code for future developers.
The DELILA project aims to promote open sharing of information literacy and digital literacy teaching materials between higher education institutions. The project partners, LSE and University of Birmingham, conducted an audit of existing materials and mapped them to relevant frameworks. Materials were then converted to open educational resources and deposited in institutional repositories customized to improve accessibility and reuse of the resources. The project helped model best practices for sharing materials and addressed challenges around intellectual property and maintaining updated resources.
This document provides an introduction to HTML5 and discusses transitioning from older standards like HTML 4.01 and XHTML to HTML5. It begins with recapping key aspects of HTML 4.01 like document structure and valid doctype declarations. It then explains what XHTML is and how it differs slightly from HTML 4.01 in terms of proper nesting and closing of elements. The document introduces HTML5 and lists some of its new semantic elements for organizing page content. It notes that HTML5 is an ongoing evolution of standards rather than a complete replacement. The document encourages testing pages in multiple browsers and on different devices to ensure compatibility. It concludes with exercises, like updating a sample page to HTML5 standards and validating the code.
This document provides an overview of HTML and web page design. It defines HTML and tags, and explains how they are used to structure and format text on web pages. The document also lists common HTML tags and their functions, such as tags for headings, links, images, and the basic page structure. Instructions are provided on how to open HTML files in Notepad and display them in a web browser.
WD 2 Less Gooooooooooofwfweujb iefieniwenfwefuhwkefije9797
HTML is a markup language that provides the structure and layout of webpages. It uses tags to define headings, paragraphs, links and other content. Some key points:
- HTML stands for Hypertext Markup Language and was invented by Tim Berners-Lee in 1990.
- The main elements of an HTML document are the <html>, <head>, and <body> sections. The <head> contains metadata and <body> contains visible page content.
- Common tags include <h1> - <h6> for headings, <p> for paragraphs, <a> for links, and <img> to add images.
- HTML is essential for building websites and applications, and
The DELILA project aimed to promote open sharing of information literacy and digital literacy teaching materials between UK universities. Key achievements included releasing resources as open educational resources (OERs) and customizing repositories to provide access to these resources. Challenges included addressing intellectual property rights and ensuring resources remained up to date and reusable by other institutions. The project demonstrated that while information and digital literacy resources can be shared between institutions, full reuse may be limited due to institutional specific nature of some materials.
Create electronic documents (called web pages) that are displayed on the World Wide Web.
Key Concepts: 1. HTML - Elements /Tags (Start – End). 2. HTML Documents. 3. HTML Headings. 4.HTML Links. 5. HTML Images. 6. HTML Lists. 7. Attributes. 8.The div element. 9. Web addresses. 10. HTML Form Elements. 11. HTML Multimedia (sound, music, videos, movies, and animations). 12. HTML5
https://www.slideshare.net/osamaggeris/html-week7-2019-2020-by-engosama-ghandour
https://www.youtube.com/watch?v=mQz7ORGzV3I&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=3
https://www.youtube.com/watch?v=_It4HG3j53U&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=4
https://www.youtube.com/watch?v=fDM9WkIJUh4&list=PLOB0DtE2PK79oPI-Na9H9UY4LSzUXgNB2&index=5
Building an ePortfolio using Web 2.0 Technologies (2009)Matthew Mobbs
This document discusses building ePortfolios using web 2.0 technologies. It describes a project at the University of Leicester where 180 biology students created ePortfolios using tools like blogs, wikis, RSS feeds, and social bookmarking services. The project taught students how to collect and organize their work and reflections. Exemplar student ePortfolios were created using PebblePad, WordPress, and Wetpaint. The document explains how to use services like Delicious and Twitter to tag and share content. It also discusses using Netvibes to create a personal learning environment to manage web accounts and pull in content using RSS.
This document provides information about using Moodle, a course management system, for language learning. It discusses various activities that can be used, including quizzes, a class glossary, vocabulary activities like matching and cloze exercises, speaking activities like recordings and podcasts, and grammar activities like polls and dictations. Recommendations are provided for books on using Moodle for second language acquisition. Various features of Moodle are also summarized, such as forums, chats, assignments, and groups.
This module provides an introduction to web systems and technologies for students. It covers fundamental concepts like HTML, CSS, HTTP, and web servers. Students will learn about markup languages, formatting web content, and creating basic HTML and CSS files. The module objectives are for students to understand web communication protocols and be able to describe the functions of HTML, CSS, and hosting services. Assessments include activities, exercises, and midterm and final exams to evaluate students' skills and knowledge.
The document discusses replacing an outdated virtual learning environment (VLE) at Anglia Ruskin University with a new system built on Microsoft SharePoint. It reviewed several existing VLEs before deciding on a bespoke SharePoint-based solution. A closed pilot of the new SharePoint VLE was launched, which included basic features like modules, content, documents, and communication tools. The document outlines next steps to expand the VLE's functionality and enhance its support for learning and teaching.
Understanding User Behavior with Google Analytics.pdfSEO Article Boost
Unlocking the full potential of Google Analytics is crucial for understanding and optimizing your website’s performance. This guide dives deep into the essential aspects of Google Analytics, from analyzing traffic sources to understanding user demographics and tracking user engagement.
Traffic Sources Analysis:
Discover where your website traffic originates. By examining the Acquisition section, you can identify whether visitors come from organic search, paid campaigns, direct visits, social media, or referral links. This knowledge helps in refining marketing strategies and optimizing resource allocation.
User Demographics Insights:
Gain a comprehensive view of your audience by exploring demographic data in the Audience section. Understand age, gender, and interests to tailor your marketing strategies effectively. Leverage this information to create personalized content and improve user engagement and conversion rates.
Tracking User Engagement:
Learn how to measure user interaction with your site through key metrics like bounce rate, average session duration, and pages per session. Enhance user experience by analyzing engagement metrics and implementing strategies to keep visitors engaged.
Conversion Rate Optimization:
Understand the importance of conversion rates and how to track them using Google Analytics. Set up Goals, analyze conversion funnels, segment your audience, and employ A/B testing to optimize your website for higher conversions. Utilize ecommerce tracking and multi-channel funnels for a detailed view of your sales performance and marketing channel contributions.
Custom Reports and Dashboards:
Create custom reports and dashboards to visualize and interpret data relevant to your business goals. Use advanced filters, segments, and visualization options to gain deeper insights. Incorporate custom dimensions and metrics for tailored data analysis. Integrate external data sources to enrich your analytics and make well-informed decisions.
This guide is designed to help you harness the power of Google Analytics for making data-driven decisions that enhance website performance and achieve your digital marketing objectives. Whether you are looking to improve SEO, refine your social media strategy, or boost conversion rates, understanding and utilizing Google Analytics is essential for your success.
Discover the benefits of outsourcing SEO to Indiadavidjhones387
"Discover the benefits of outsourcing SEO to India! From cost-effective services and expert professionals to round-the-clock work advantages, learn how your business can achieve digital success with Indian SEO solutions.
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfFlorence Consulting
Quattordicesimo Meetup di Milano, tenutosi a Milano il 23 Maggio 2024 dalle ore 17:00 alle ore 18:30 in presenza e da remoto.
Abbiamo parlato di come Axpo Italia S.p.A. ha ridotto il technical debt migrando le proprie APIs da Mule 3.9 a Mule 4.4 passando anche da on-premises a CloudHub 1.0.
1. UNESCO ICTLIP Module 6. Lesson 1 1
Web Page Concept
and Design :
Getting a Web Site Up and
Running
Lesson 3. Creating Web Pages Using HTML
2. UNESCO ICTLIP Module 6. Lesson 12
Scope
What is HTML?
What are the tools needed for
creating web pages using HTML?
What are the basic HTML tags?
How to create a web page using
HTML?
How to build a web site using
HTML?
3. UNESCO ICTLIP Module 6. Lesson 13
Learning outcomes
Define what is HTML
Determine the basic tools for
creating web pages using HTML
Use basic HTML coding and tags
Use HTML to create web pages
Build a web site using HTML
4. UNESCO ICTLIP Module 6. Lesson 14
What is HTML?
HyperText Markup Language (HTML)
the publishing language of the World
Wide Web; the standard used to create
web pages
markup language that defines the
structure of information by using a
variety of tags and attributes, which is
designed to display text and other
information on a screen and provide
hyperlinks to other Web documents
5. UNESCO ICTLIP Module 6. Lesson 15
What is HTML?
Web Standards
The W3C (World Wide Web Consortium)
develops specifications, (called
“Recommendations") guidelines, as well as
software and tools that enhance
interoperability between web browsers,
servers, and other web-enabling
technologies.
Their recommendations on Web
technologies and protocols like HTML,
CSS, XHTML, XML, and HTTP are
considered the Web standards
The HTML 4.01 specification from W3C is
the latest HTML standard supported by
new browsers
6. UNESCO ICTLIP Module 6. Lesson 16
What is HTML?
HTML Standards
HTML 4.01 specification defines the
HyperText Markup Language (HTML)
“In addition to the text, multimedia, and
hyperlink features of the previous versions
of HTML (HTML 3.2 [HTML32] and HTML 2.0
[RFC1866]), HTML 4 supports more
multimedia options, scripting languages,
style sheets, better printing facilities, and
documents that are more accessible to
users with disabilities.” (W3C)
7. UNESCO ICTLIP Module 6. Lesson 17
Activity 3.1
Read these introductions to
HTML
What is HTML? InterNIC 15
Minutes Series (mirrored by
Netskills)
– http://www.netskills.ac.uk/mirrors/1
5min/html/html/sld01.html
Introduction to HTML
– http://wdvl.internet.com/Authoring/
HTML/Intro/
8. UNESCO ICTLIP Module 6. Lesson 18
What are the basic tools?
Plain text editor like NotePad – to
write HTML documents
Web browser – to test and view the
created web page
HTML reference book – to serve as
guide for HTML tags
Information and other materials
about the library in electronic file
9. UNESCO ICTLIP Module 6. Lesson 19
What are the basic
HTML rules?
HTML tags are enclosed by brackets < >
for example <HTML>
Most tags require a closing tag <HTML>
… </HTML>
Tags must be nested correctly <B><I>My
Library Web Site</I></B> first tag on, last
tag off
HTML treats all white space as a single
blank space
10. UNESCO ICTLIP Module 6. Lesson 110
What are the basic
HTML rules?
Tags are not case sensitive but are usually
written in uppercase, with the attributes
and values in small letters enclosed by
quotation marks
Most tags have optional attributes with
several possible values that modify the
tag’s behavior
<BODY bgcolor="#FFFFFF" text="#000066"> … <BODY>
TAG attribute value closing tag
Look inside HTML element (Tag)
11. UNESCO ICTLIP Module 6. Lesson 111
<HTML> [identifies the document as HTML]
</HTML> [ closing tag ]
These tags generally define the basic
structure of a web page
<HEAD>
<TITLE>My Library</TITLE>
</HEAD>
Contains
information
about the
HTML
document<BODY>
<P>Content of My Library’s Web Page</P>
</BODY> Contains all information displayed on the
browser
What are the basic
HTML tags?
12. UNESCO ICTLIP Module 6. Lesson 112
The basic HTML tags above (written using
Notepad and saved with a file extension .htm)
create a simple web page shown beside it.
What are the basic
HTML tags?
13. UNESCO ICTLIP Module 6. Lesson 113
Header tags range from<H1> to <H6>,
<H1> the largest and <H6> is the
smallest.
The headings’ size shows the
hierarchy of importance on the page’s
layout.
<H1> My Library </H1> (page title)
<H2> Mission, Vision and Goals </H2> (main topic)
<H3> Objectives</H3> (subtopic)
What are the basic
HTML tags?
14. UNESCO ICTLIP Module 6. Lesson 114
<H1> My Library </H1>
<H2> Mission, Vision and Goals </H2>
<H3> Objectives</H3>
What are the basic
HTML tags?
15. UNESCO ICTLIP Module 6. Lesson 115
Use <CENTER> tag to center
elements on the page
<CENTER>
<H1> My Library </H1>
<H2> Mission, Vision and Goals </H2>
</CENTER>
<H3> Objectives</H3>
What are the basic
HTML tags?
16. UNESCO ICTLIP Module 6. Lesson 116
<CENTER>
<H1> My Library </H1>
<H2> Mission, Vision and Goals </H2>
</CENTER>
<H3> Objectives</H3>
What are the basic
HTML tags?
17. UNESCO ICTLIP Module 6. Lesson 117
The <P> tag breaks the textual
information on a page and inserts a
single line space, which is useful for
defining and separating paragraphs.
<H2> Mission, Vision and Goals </H2>
<P> MyLibrary aims to be the country's public
virtual library with state-of-the art resources and
associated services, accessible to anyone,
anytime, anywhere. </P>
What are the basic
HTML tags?
18. UNESCO ICTLIP Module 6. Lesson 118
<P> MyLibrary aims to be the country's
public virtual library with state-of-the art
resources and associated services,
available to anyone, anytime, anywhere.
</P>
What are the basic
HTML tags?
19. UNESCO ICTLIP Module 6. Lesson 119
Use the align attribute of the <P> tag to justify the
paragraph: center, right or left. (left is the default)
<P align=center> MyLibrary aims to be the
country's public virtual library with state-of-the art
resources and associated services, available to
anyone, anytime, anywhere. </P>
What are the basic
HTML tags?
20. UNESCO ICTLIP Module 6. Lesson 120
HTML basic tags
Format text with tags that make the
text bold <B> and/or italic <I> to put
emphasis on some points
<P> <B> MyLibrary </B> aims to be the country's
<I> public virtual library </I> with state-of-the art
resources and associated services, available to
anyone, anytime, anywhere. </P>
21. UNESCO ICTLIP Module 6. Lesson 121
HTML basic tags
Tags can be nested as long as the first
tag open is the last tag closed with
and end tag.
<P> <B> MyLibrary </B> aims to be the country's
<B> <I> public virtual library </I> </B> with state-
of-the art resources and associated services,
available to anyone, anytime, anywhere. </P>
22. UNESCO ICTLIP Module 6. Lesson 122
Break tag <BR> forces line breaks
without creating a vertical space, which
should be used only for reasons of
design or content
<H3> Library Hours </H3>
<P> Monday – Friday </BR>
8:00 a.m. – 5:00 p.m. <P>
<P> *Open on Holidays </P>
What are the basic
HTML tags?
23. UNESCO ICTLIP Module 6. Lesson 123
<H3> Library Hours </H3>
<P> Monday – Friday </BR>
8:00 a.m. – 5:00 p.m. <P>
<P> *Open on Holidays </P>
What are the basic
HTML tags?
24. UNESCO ICTLIP Module 6. Lesson 124
Horizontal rule <HR> tag separate major
sections of the page by inserting a bar
in between paragraphs or sections
Using one or more of its attributes could
vary its appearance
<HR width=50% size=3 align=center>
What are the basic
HTML tags?
25. UNESCO ICTLIP Module 6. Lesson 125
Exercise 1
Create a new folder in C: directory and name it
as mod6_html
Open NotePad or any text editor
Use the basic tags discussed to create a basic
web page about your library, mission, vision and
goals, history, collections, services, etc. (You
can copy and paste the information if they are
already in electronic form. Supply the necessary
tags in the appropriate place.)
Save the file as about.htm in the created
directory c:mod6_html
Test / View / Edit using your browser
26. UNESCO ICTLIP Module 6. Lesson 126
What are other HTML
formatting tags?
HTML also supports lists; unordered lists,
ordered lists and, definition list, which is
sometimes the best way to present
information
Unordered list is a bulleted list that uses
<UL> and <LI> tags
<H3> Objectives </H3>
<UL><LI> Acquire a comprehensive collection of
multimedia materials</LI>
<LI> Develop appropriate user education and
training packages</LI>
</UL>
27. UNESCO ICTLIP Module 6. Lesson 127
<H3> Objectives </H3>
<UL><LI> Acquire a comprehensive collection of
multimedia materials</LI>
<LI> Develop appropriate user education and
training packages</LI>
</UL>
What are other HTML
formatting tags?
28. UNESCO ICTLIP Module 6. Lesson 128
Ordered list is a numbered list that
uses <OL> and <LI> tags
<H3> Library Resources </H3>
<OL> <LI> Library Collections </LI>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI> </OL>
What are other HTML
formatting tags?
29. UNESCO ICTLIP Module 6. Lesson 129
<H3> Library Resources </H3>
<OL> <LI> Library Collections </LI>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI> </OL>
What are other HTML
formatting tags?
30. UNESCO ICTLIP Module 6. Lesson 130
Lists can be nested, one within another
<OL>
<LI> Library Collections </LI>
<UL> <LI> Books </LI>
<LI> Journals </LI>
</UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI>
<UL> <LI> CD-ROMs </LI>
<LI> Abstracts & Indexes </LI>
</UL>
</OL>
What are other HTML
formatting tags?
31. UNESCO ICTLIP Module 6. Lesson 131
<OL>
<LI> Library Collections </LI>
<UL> <LI> Books </LI>
<LI> Journals </LI>
</UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources
</LI>
<UL> <LI> CD-ROMs </LI>
<LI> Abstracts &
Indexes </LI>
</UL>
</OL>
What are other HTML
formatting tags?
32. UNESCO ICTLIP Module 6. Lesson 132
The list item type attribute can be used to
change the bullets in <UL> disc, square or
circle, and in <OL> from number 1 to
lowercase (a) or uppercase (A) letters, or
lowercase (i) or uppercase (I) roman
numerals
<OL type=I>
<LI> Library Collections </LI>
<UL type=square> <LI> Books </LI>
<LI> Journals </LI> </UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI>
<UL type=disc> <LI> CD-ROMs </LI>
<LI>Abstracts & Indexes</LI> </UL>
What are other HTML
formatting tags?
33. UNESCO ICTLIP Module 6. Lesson 133
<OL type=I>
<LI> Library Collections </LI>
<UL type=square> <LI> Books </LI>
<LI> Journals </LI> </UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI>
<UL type=disc> <LI> CD-ROMs </LI>
<LI>Abstracts & Indexes</LI> </UL>
</OL>
What are other HTML
formatting tags?
34. UNESCO ICTLIP Module 6. Lesson 134
Definition list allows listing of terms
and definitions. Uses <DL>, <DT> for
the term and <DD> for definition.
<DL>
<DT> Definition Term </DT>
<DD> Definition </DD>
<DT> Membership Card </DT>
<DD> Users of the library must present their membership
card to avail of the library services and privileges. </DD>
</DL>
What are other HTML
formatting tags?
35. UNESCO ICTLIP Module 6. Lesson 135
<DL>
<DT> Definition Term </DT>
<DD> Definition </DD>
<DT> Membership Card </DT>
<DD> Users of the library must present their membership
card to avail of the library services and privileges. </DD>
</DL>
What are other HTML
formatting tags?
36. UNESCO ICTLIP Module 6. Lesson 136
Exercise 2
Create two more web pages, about your
library collections and library services
(one web page for each) using the list
tags and other tags discussed earlier.
Save and name them accordingly,
collection.htm and services.htm, in the
created directory c:mod6_html
Test / View / Edit using your browser
Always save file after editing before
viewing the page
37. UNESCO ICTLIP Module 6. Lesson 137
The color of the background and text
elements of the web page can vary using
attributes of the <BODY> and <FONT> tag
To specify color, HTML uses the color
names (16 colors supported by most
browsers), or the numerical equivalent in
RGB hexadecimal codes that correspond to
over 14 million possible color, shades, hues
and tints
White #ffffff Black #000000 Blue #0000ff
Red #ff0000 Yellow #ffff00 Green #00800
How to add color
38. UNESCO ICTLIP Module 6. Lesson 138
bgcolor sets the background color of the
whole page
text defines the text color for the page
link - unvisited link color
vlink - visited link color
alink - activated link color
< BODY bgcolor=“#ffffff” text=“#000000”
link=“#0000cc” vlink=“#00ff00”
alink=“#ff0000” >
How to add color
39. UNESCO ICTLIP Module 6. Lesson 139
< BODY
bgcolor=“#8A2BE
2” text=“#ffffff”
link=“#0000ff”
vlink=“#00ff00”
alink=“#ff0000” >
How to add color
< BODY
bgcolor=“green”
text=“white”
link=“#ffffff”
vlink=“#00ff00”
alink=“#ff0000” >
40. UNESCO ICTLIP Module 6. Lesson 140
How to add color
Color attribute of <FONT> tag sets the color
of selected text within the page overriding
the text attribute on the <BODY> tag.
<CENTER>
<FONT color=“#000000"><H1> My Library </H1>
</FONT>
<H2> Mission, Vision and Goals </H2></CENTER>
<FONT color=“#ffff00”>
<P> <B> MyLibrary </B> aims to be the country's
<B> <I> public virtual library </I> </B> with state-of-
the art resources and associated services,
available to anyone, anytime, anywhere. </P>
</FONT>
41. UNESCO ICTLIP Module 6. Lesson 141
How to add color
<CENTER>
<FONT color=“#000000"><H1> My Library </H1> </FONT>
<H2> Mission, Vision and Goals </H2></CENTER>
<FONT color=“#ffff00”>
<P> <B> MyLibrary </B> aims to be the country's <B> <I>
public virtual library </I> </B> with state-of-the art
resources and associated services, available to anyone,
anytime, anywhere. </P>
</FONT>
42. UNESCO ICTLIP Module 6. Lesson 142
Exercise 3
Edit the web pages you have created,
you should have three by now:
about.htm, collections.htm and
services.htm
Add color to your page
Consult with an HTML reference book or
the Internet for the hexadecimal color
codes you can use to add color
Test / View / Edit / Save in the created
directory c:mod6_html
43. UNESCO ICTLIP Module 6. Lesson 143
How to add images
Image and other graphical elements
can be added on the web page
through the <IMG> tag using the src
(source) attribute that points to the
image / graphics
< IMG src=“mylogo.gif” >
44. UNESCO ICTLIP Module 6. Lesson 144
How to add images
<IMG src=“mylogo.gif”>
<CENTER>
<H1> My Library </H1>
<H2> Mission, Vision and
Goals </H2> </CENTER>
45. UNESCO ICTLIP Module 6. Lesson 145
How to add images
<CENTER>
<IMG src=“mylogo.gif”>
<H1> My Library </H1>
<H2> Mission, Vision and
Goals </H2>
</CENTER>
46. UNESCO ICTLIP Module 6. Lesson 146
How to add images
<IMG src=“mylogo.gif” align=left>
47. UNESCO ICTLIP Module 6. Lesson 147
How to add images
<IMG src=“mylogo.gif” width=100
height=100 align=left alt=logo>
48. UNESCO ICTLIP Module 6. Lesson 148
How to add images
<BODY bgcolor=“#000800”
background=marb.jpg >
49. UNESCO ICTLIP Module 6. Lesson 149
Exercise 4
Insert images on your web pages
Test / View / Edit using your browser and
Notepad
Always save them after editing
Respect copyright of materials, use
original or free graphical materials for
your web pages
50. UNESCO ICTLIP Module 6. Lesson 150
How to create hyperlinks
Hypertext links are created on web pages
using the <A> anchor tag with the HREF
(Hypertext Reference) attribute
Hyperlinks connect your web pages
together and point to other web documents
(build your web site)
<A HREF=“collection.htm”>Library Collection</A>
<A HREF=
“http://www.unesco.org/webworld/portal_bib/”>
UNESCO Libraries Portal </A>
51. UNESCO ICTLIP Module 6. Lesson 151
How to create hyperlinks
<A HREF=“collection.htm”>
Library Collection</A>
<A HREF=
“http://www.unesco.org/
webworld/portal_bib/”>
UNESCO Libraries Portal
</A>
52. UNESCO ICTLIP Module 6. Lesson 152
How to create hyperlinks
Hyperlinks are also used to connect to
graphic and other media
Icons and other graphic elements can be
used as the the “trigger’ (object) users
click on to jump to the referred document
<A HREF=“mylibrary.jpg”> MyLibrary </A>
<A HREF “mylibrary.jpg”> <IMG src
“mylibrary_sm.jpg”> </A>
<A HREF “mylibrary.jpg” border=0>
<IMG src “mylibrary_sm.jpg”> </A>
53. UNESCO ICTLIP Module 6. Lesson 153
How to create hyperlinks
<A HREF=“mylibrary.jpg”> MyLibrary </A>
<A HREF “mylibrary.jpg”>
<IMG src “mylibrary_sm.jpg”>
</A>
<A HREF=“mylibrary.jpg”>
<IMG
src=“mylibrary_sm.jpg”
border=0> </A>
54. UNESCO ICTLIP Module 6. Lesson 154
How to create hyperlinks
Link to e-mail address can be
created to automatically open
the e-mail program on the
system supplying the address
Contact <A HREF=“mailto:me@mylibrary”>
me@mylibrary.edu </A>
55. UNESCO ICTLIP Module 6. Lesson 155
Exercise 5
Create a new web page that will serve as
your library’s home page
Name it as index.htm
Create links to the other web pages you
have created
Create a link back to index.htm on the
other web pages
Place contact information at the bottom
of each page (e-mail, tel no#, etc)
Add more elements, pictures etc…
View / Test the links / Edit and save
56. UNESCO ICTLIP Module 6. Lesson 156
Activity 3.2
Read the following articles
Dave Raggett. Getting started with HTML
– http://www.w3.org/MarkUp/Guide/
Selena Sol. Introduction to Web Design
– http://www.wdvl.com/Authoring/HTML/Tut
orial/
NCSA: A Beginner's Guide to HTML
– http://archive.ncsa.uiuc.edu/General/Inter
net/WWW/HTMLPrimerAll.html
Writing for the Web: A Primer for Librarians
– http://bones.med.ohio-
state.edu/eric/papers/
primer/toc.html
57. UNESCO ICTLIP Module 6. Lesson 157
Activity 3.2
Submit electronic copies of the web
pages created using the lesson:
about.htm, collections.htm,
services.htm and index.htm. The
links on the web pages should be
working.
Editor's Notes
Emphasize that all information that should be displayed on the browser should be inserted in the start and closing of the &lt;BODY&gt; tag.
Emphasize that all information that should be displayed on the browser should be inserted in the start and closing of the &lt;BODY&gt; tag.
Emphasize that all information that should be displayed on the browser should be inserted in the start and closing of the &lt;BODY&gt; tag.