This chapter discusses the basics of HTML and introduces HTML5. It covers creating web pages with HTML, the history and evolution of HTML, and new features in HTML5 like semantic elements and rich media capabilities. The chapter also discusses choosing an HTML editor and using best practices like validating code and following web standards.
Introduces CSS pagination features and their strengths and limitations. Suggests that CSS for pagination is much easier to use, maintain, and staff than using XSL-FO, especially using the PDF2 transform provided with the DITA Open Toolkit. Describes the currently-available CSS pagination implementations.
Learntek is global online training provider on Big Data Analytics, Hadoop, Machine Learning, Deep Learning, IOT, AI, Cloud Technology, DEVOPS, Digital Marketing and other IT and Management courses.
Once you’ve convinced an employer that you know how to write, can play well with others, and are curious about technology, you need to demonstrate your mastery of the authoring tools they require on the job. But which authoring tools should you master? Jeff Haas, past president of STC Atlanta, discusses the tools that are currently in demand and the ones that are likely to be in demand in the very near future.
Simply Accessible - Kevin Callahan - ebookcraft 2018BookNet Canada
Ebooks let us expand print’s audience, with richer, more accessible content and more robust usability. If you’re already using InDesign features to automate and smooth out production processes, all it takes is a shift in thinking and an adherence to best practices to include deep EPUB3 accessibility in your InDesign workflow. Demonstrating with a real-world project and including live demonstrations of features and their impact on the user, Kevin Callahan and Rachel Comerford will provide a roadmap for simply accessible ebooks.
Connecting Intelligent Content with Micropublishing and BeyondDon Day
This presentation will describe and demonstrate a grand unified vision for pulling together different kinds of single-page products for the Web, for print, and more. Lessons from this model can give you an edge in market-leading adoption of the next great thing after micropublishing, the current trend.
This presentation introduces the new WCM features of SharePoint 2013 that web developers/architects can consider when desgining and developing Publishing websites on SharePoint 2013
New from BookNet Canada: BNC BiblioShare - Tim Middleton - Tech Forum 2018BookNet Canada
Learn more about the Canadian book industry's bibliographic aggregation system and how it's supporting publishers, distributors, booksellers, and everyone in between.
Project Manager Tim Middleton will give an overview of what BiblioShare can do, the powerful data-disseminating services we've been working on recently, who's using all that data and why, and how you can take advantage of these tools to your benefit.
Presentatie die Saskia Dikmans en Reinout Wolfert gaven tijdens de eerste ROI Wednesday (12 september 2012). In de presentatie wordt ingegaan over de opbouw van de organisatie én de stappen die gemaakt worden richting personalisatie.
Introduces CSS pagination features and their strengths and limitations. Suggests that CSS for pagination is much easier to use, maintain, and staff than using XSL-FO, especially using the PDF2 transform provided with the DITA Open Toolkit. Describes the currently-available CSS pagination implementations.
Learntek is global online training provider on Big Data Analytics, Hadoop, Machine Learning, Deep Learning, IOT, AI, Cloud Technology, DEVOPS, Digital Marketing and other IT and Management courses.
Once you’ve convinced an employer that you know how to write, can play well with others, and are curious about technology, you need to demonstrate your mastery of the authoring tools they require on the job. But which authoring tools should you master? Jeff Haas, past president of STC Atlanta, discusses the tools that are currently in demand and the ones that are likely to be in demand in the very near future.
Simply Accessible - Kevin Callahan - ebookcraft 2018BookNet Canada
Ebooks let us expand print’s audience, with richer, more accessible content and more robust usability. If you’re already using InDesign features to automate and smooth out production processes, all it takes is a shift in thinking and an adherence to best practices to include deep EPUB3 accessibility in your InDesign workflow. Demonstrating with a real-world project and including live demonstrations of features and their impact on the user, Kevin Callahan and Rachel Comerford will provide a roadmap for simply accessible ebooks.
Connecting Intelligent Content with Micropublishing and BeyondDon Day
This presentation will describe and demonstrate a grand unified vision for pulling together different kinds of single-page products for the Web, for print, and more. Lessons from this model can give you an edge in market-leading adoption of the next great thing after micropublishing, the current trend.
This presentation introduces the new WCM features of SharePoint 2013 that web developers/architects can consider when desgining and developing Publishing websites on SharePoint 2013
New from BookNet Canada: BNC BiblioShare - Tim Middleton - Tech Forum 2018BookNet Canada
Learn more about the Canadian book industry's bibliographic aggregation system and how it's supporting publishers, distributors, booksellers, and everyone in between.
Project Manager Tim Middleton will give an overview of what BiblioShare can do, the powerful data-disseminating services we've been working on recently, who's using all that data and why, and how you can take advantage of these tools to your benefit.
Presentatie die Saskia Dikmans en Reinout Wolfert gaven tijdens de eerste ROI Wednesday (12 september 2012). In de presentatie wordt ingegaan over de opbouw van de organisatie én de stappen die gemaakt worden richting personalisatie.
Whatsapp Masivo.
Envío masivo de mensajes multimedia a usuarios de teléfonos celulares en cualquier parte del mundo.
Desarrollo de acciones para comunicación corporativa, interna, publicidad y promoción, difusión de contenidos, campañas de fidelización y gestión de comunidades.
Whatsapp masivo es una prestación brindada por Infometrika, con más de 10 años de experiencia y conocimientos de mobile marketing.
Contacto: info@infometrika.com.ar
These slides were prepared for the fulfillment of class presentation in Web Engineering (Masters of Science in Information System Engineering) at Gandaki College of Engineering and Science (GCES).
Hello Friends..Welcome again.
Today Igot for you amazing topic for the learning that is, HTML vs XHTML. People generally get confuse with these two Web Development Languages.
I hope this presentation will help you in understanding the difference between both the languages.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity
In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni.
📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath:
Autopilot per Studio Web
Autopilot per Studio
Autopilot per Apps
Clipboard AI
GenAI applicata alla Document Understanding
👨🏫👨💻 Speakers:
Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant
Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath
Andrei Tasca, RPA Solutions Team Lead @NTT Data
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
2. Objectives
In this chapter, you will learn about:
• Creating Web pages with HTML
• The history of HTML
• Working with HTML5
• Choosing an HTML editor
• Using good coding practices
2Web Design Principles 5th
Ed.
4. Creating Web Pages with HTML
• HTML is a markup language that lets you identify
common sections of a Web page
• Markup elements define each section
• This <h1> element defines text as a first-level
heading:
<h1>What is HTML?</h1>
4Web Design Principles 5th
Ed.
6. Structure of a Basic Web Page
• The HTML file contains content text and HTML
markup
• The HTML markup does not appear in the browser
• The browser interprets the code and displays the
results
6Web Design Principles 5th
Ed.
8. Structure of a Basic Web Page
• The document type, or doctype for short, specifies
the rules for the document language
• The <html> tag is the root element
• The two main sections are the <head> and <body>
elements
• The head section is the container for all of the
descriptive information about the document
• The <body> section includes the content that the
user sees in the browser window
8Web Design Principles 5th
Ed.
9. Structure of a Basic Web Page
• The body of the document can contain:
– Text
– Images
– Video content
– Audio content
– Forms for gathering information
– Interactive content
– Links to other Web resources
9Web Design Principles 5th
Ed.
10. HTML in the Browser
• The browser interprets the HTML markup elements
and displays the results, hiding the actual markup
from the user
• Each browser interprets HTML in its own way,
based on its rendering engine
• It is essential that you test your work in different
Web browsers
10Web Design Principles 5th
Ed.
12. Adding Style with CSS
• Web designers use Cascading Style Sheets (CSS)
to add presentation information to Web pages
• With CSS you can display information for different
devices
• With style sheets, the presentation properties are
separate from the content
• CSS lets you control the presentation
characteristics of an entire Web site with a single
style sheet
12Web Design Principles 5th
Ed.
14. Adding Style with CSS
• The next two figures show CSS style rules and the
result in the browser
• The style rules in Figure 1-5 specify that the body
text for the page will be Arial, the h1 will have a
bottom border, and the paragraph will have a 30-
pixel left margin.
• Figure 1-6 shows the results in Firefox
14Web Design Principles 5th
Ed.
17. Organizing Information with
Hypertext
• The World Wide Web links information on related
topics using hypertext
• You determine which terms to create as hypertext
links and where users end up when they click a link
• The different types of linked content and media
continually evolve
17Web Design Principles 5th
Ed.
19. The History of HTML
• As a Web designer, you will encounter all types of
HTML coding practices
• Understanding the evolution of HTML will help you
understand various Web design methods
• To be a successful Web designer, you need to
understand the past, present, and future directions
of HTML, coding standards, and common practices
19Web Design Principles 5th
Ed.
20. The History of HTML
• Tim Berners-Lee first proposed HTML at the
European Laboratory for Particle Physics (CERN)
in 1989
• Berners-Lee joined the ideas of the browser, a
markup language (HTML), and a communications
protocol that allowed hypertext linking
• Not only could people read documents, they could
easily create them using HTML
20Web Design Principles 5th
Ed.
21. The History of HTML
• HTML is an application of the Standard
Generalized Markup Language (SGML), a standard
system for specifying document structure
• Berners-Lee joined the ideas of the user interface
(browser), a markup language (HTML), and a
communications protocol (http:) that allowed
hypertext linking
21Web Design Principles 5th
Ed.
22. A Need for Standards
• The World Wide Web Consortium (W3C) was
founded in 1994 MIT
• The World Wide Web Consortium sets standards
for HTML and other markup languages
• Jointly developed standards, rather than ones
dictated by one vendor, benefit everyone
22Web Design Principles 5th
Ed.
23. A Need for Standards
23Web Design Principles 5th
Ed.
24. XML and XHTML – A New Direction
• In 1997, the W3C released XML, the Extensible
Markup Language
• XML is essential to creating applications for the
Web
• XML lets developers define their own markup
language
• XML has a stricter syntax than HTML
24Web Design Principles 5th
Ed.
25. XML Syntax Rules
• Documents must be well-formed
• All tags must nest properly and not overlap
• Use all lowercase for element names
• Always use closing tags
• Empty elements are signified by a closing slash
• Attribute values must be contained in quotation
marks
25Web Design Principles 5th
Ed.
26. Sample XML
<poem>
<title>An Ode to the Web</title>
<stanza>
<line>So many Web sites</line>
<line>So little time</line>
<line>And all I want to do</line>
<line>Is critique their design!</line>
</stanza>
</poem>
26Web Design Principles 5th
Ed.
27. XML and XHTML – A New Direction
• XML syntax provides a solution to the problem of
widely varying HTML coding standards
• The W3C combined XML and HTML to create
XHTML
• XHTML follows the rules of XML
• Web developers readily adopted XHTML and CSS
to standardize coding
• Many Web sites benefited from leaner
standardized code
27Web Design Principles 5th
Ed.
28. Problems with XHTML
• Relaxed syntax rules still must be applied because
of legacy code
• Newer versions of XHTML moved too far away
from existing Web development
• XHTML was not well received by the development
community
28Web Design Principles 5th
Ed.
29. A Proposal for HTML5
• The Web Hypertext Application Technology
Working Group (WHATWG) proposed HTML5
• HTML5:
– Supports standards-based coding
– Compatible with HTML and XHTML
– Compatible with CSS
– Supports new page layout elements
– Application and media compatible
29Web Design Principles 5th
Ed.
31. Working with HTML5
• HTML5 attempts to address shortcomings of HTML
• Addresses needs of modern Web design
• Offers new features:
– Logical layout elements
– Rich media
– Support for applications
• Removes old features:
– All display elements have been removed in favor of
CSS
– Framesets are gone
31Web Design Principles 5th
Ed.
32. Working with HTML5
HTML5 offers two syntaxes:
– An HTML-compatible syntax
– An XML-compatible syntax
• HTML-compatible syntax
– More relaxed syntax
– Code shortcuts allowed
• XML-compatible syntax
– Consistent with XHTML
– Uses XML syntax rules
32Web Design Principles 5th
Ed.
35. Choosing the Correct Syntax
• HTML5 allows a mixture of these two types of
syntax into one document
• A polyglot document: mixed language
• Use XML coding standards in your HTML
documents
• Lets you create standardized, compatible code
35Web Design Principles 5th
Ed.
36. Choosing the Correct doctype
• Always use a doctype statement
• Using a doctype forces the browser to display in
standards mode
• The standard doctype statement for HTML5:
<!DOCTYPE html>
36Web Design Principles 5th
Ed.
37. Choosing the Correct MIME type
• Multipurpose Internet Mail Extensions (MIME)
defines content types for the Web
• Determines the type of document
• Declared in a <meta> element in the <head>
section
• Also contains a character set identifier
• Your <meta> element should look like this:
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
37Web Design Principles 5th
Ed.
38. Creating Syntactically Correct Code
• Documents must be well-formed
• All tags must nest properly and not overlap
• Use all lowercase for element names
• Always use closing tags
• Empty elements are marked with a closing slash
• Attribute values must be contained in quotation
marks
38Web Design Principles 5th
Ed.
40. New Elements in HTML5
• HTML5 has a number of new elements; see Table
1-2 in the text
• Not all elements are supported by current browsers
• Test new elements carefully
40Web Design Principles 5th
Ed.
41. Attributes in HTML5
• Elements can contain attributes that set properties
• Earlier versions of HTML had more attributes
• HTML5 has less attributes because of CSS
• Global attributes can be applied to any element
41Web Design Principles 5th
Ed.
42. Obsolete Elements in HTML5
• Many elements have been removed in HTML,
mostly involving presentation effects
• Framesets are no longer available
42Web Design Principles 5th
Ed.
43. Using HTML5 Elements for
Page Structure
• Most Web pages contain common characteristics:
– Header
– Navigation
– Articles
– Figures
– Footers
– Sidebars
• These are currently marked up with <div> elements
and id or class names
43Web Design Principles 5th
Ed.
45. • HTML5 offers a new set of elements for describing
document structure
• HTML5 replaces the use of <div> with named
elements to structure the page
• The <article> element can be used instead of the
<div> element, for example:
<article>This is the main content of
the Web page</article>
Using HTML5 Elements for
Page Structure
45Web Design Principles 5th
Ed.
46. Using HTML5 Elements for
Page Structure
• The HTML5 elements for page layout include:
– <header> Contains the page header content
– <nav> Contains the navigation elements for the page
– <article> Contains the primary page content
– <section> Defines sections or groupings of page
content
– <aside> Contains additional content such as a quote
or sidebar
– <figure> Contains images for the article content
– <footer> Contains page footer content
46Web Design Principles 5th
Ed.
47. Interactive Capabilities in HTML5
• Audio and video
• Drawing canvas
• Background application processing
• Local data storage
47Web Design Principles 5th
Ed.
49. Choosing an HTML Editor
• Editors are either code-based or WYSIWYG (What
You See is What You Get)
• Some editors offer both methods
• Many editors offer built-in code validators and FTP
clients
• You can find low-cost freeware or shareware
editors
• You can also use a text editor to create Web pages
49Web Design Principles 5th
Ed.
50. Choosing an HTML Editor
• HTML editors contain their own logic for
interpreting code
• Make sure to check your work in multiple browsers
• Some editors create overly complex code
50Web Design Principles 5th
Ed.
52. Using Good Coding Practices
• Creating code that ensures the greatest standards-
compliance, presentation, and usefulness of your
content
– Stick to the standards
– Use semantic markup
– Validate your code
52Web Design Principles 5th
Ed.
53. Stick to the Standards
• Stick to the W3C standards
• Separate content from presentation
• Plan to be accessible to different devices
• Standardized design is more accessible
53Web Design Principles 5th
Ed.
54. Use Semantic Markup
• Semantic markup identifies the intended use of
document sections
• Accurately describes each piece of content
• Until recently, this logical use of the HTML
elements was largely ignored
• Document elements match the meaning and usage
of the document sections: <p> for paragraph, <h1>
for top-level heading, and so on
54Web Design Principles 5th
Ed.
55. Validate Your Code
• Valid code conforms to the usage rules of the W3C
• The lack of valid code is a major problem
• Valid code enhances browser compatibility,
accessibility, and exchange of data
• The most common mistakes include:
– No doctype declaration
– Missing closing tags
– Missing alt attributes in <img> elements
– Incorrect tag nesting
– Unquoted attributes
55Web Design Principles 5th
Ed.
56. Migrating from Legacy HTML to
HTML5
• The transition should be a gradual process
• Clean up code on existing pages
• Plan coding conventions for new pages, removing
deprecated elements
• Move display information to CSS
• Test for backwards compatibility
56Web Design Principles 5th
Ed.
57. Summary
• Make sure to check for support of new HTML5
elements, and test carefully before adding them to
your Web site
• Use the HTML5 naming conventions to name the
content sections of your site even if only using
them as class or id names
• Use Cascading Style Sheets
• Decide whether to code to the XML standard
• Use good coding practices
57Web Design Principles 5th
Ed.