The document provides an introduction to HTML and CSS, covering topics such as requirements, what will be learned, semantic HTML tags like headings, paragraphs, links and lists, as well as CSS basics for styling elements. It discusses modern best practices for separating structure and presentation, the importance of semantics, and tools for validation, version control and hosting completed sites.
I'm teaching a small group of friends how to become web devs. They're starting from scratch and we're jumping right into semantic markup and how to use HTML5.
This presentation assumes the user has little to no experience with HTML. We followed it the next week with hands-on coding.
Imrokraft Solutions Pvt Ltd is one of best center for java training in trivandrum, Kerala. We provide training in advanced java training in trivandrum, Kerala. We also provide android training in trivandrum, php training in trivandrum, angularjs training in trivandrum, angularjs training in technopark, trivandrum, web designing training in technopark, trivandrum. Our Website is http://imrokraft.com. Contact us at: 04716555644, 6555744.
Introduction to CSS3
Text Formatting
Selectors
Box Model
Links, Backgrounds
Lists, Tables
Positioning & Layout
New features of CSS3 - transition, tranform, etc.
Introduction to jQueryMobile
Hands-on exercises
I'm teaching a small group of friends how to become web devs. They're starting from scratch and we're jumping right into semantic markup and how to use HTML5.
This presentation assumes the user has little to no experience with HTML. We followed it the next week with hands-on coding.
Imrokraft Solutions Pvt Ltd is one of best center for java training in trivandrum, Kerala. We provide training in advanced java training in trivandrum, Kerala. We also provide android training in trivandrum, php training in trivandrum, angularjs training in trivandrum, angularjs training in technopark, trivandrum, web designing training in technopark, trivandrum. Our Website is http://imrokraft.com. Contact us at: 04716555644, 6555744.
Introduction to CSS3
Text Formatting
Selectors
Box Model
Links, Backgrounds
Lists, Tables
Positioning & Layout
New features of CSS3 - transition, tranform, etc.
Introduction to jQueryMobile
Hands-on exercises
HTML5 and CSS3 are a part of the new Web 3.0 toolbox! This session will walk you through easy ways to use some of the more advanced features in HTML5. We will explain the uses for HTML5 and CSS3 that will enhance your design and create a better user experience for your audience. If you are familiar with the basics, but want to know the best practices for integrating HTML5 features into your Drupal site now, this is the session for you.
Who’s this for:
Themers who are familiar with basic CSS3 concepts and want to take it to the next level
Practical uses of both HTML5 and CSS3 for intermediate developers
What you’ll learn:
Real Life applications to start using CSS3 and HTML5 today
Tactics to bring older browsers up to speed and enhance compatibility
Use HTML5 and CSS3 to Enhance UX
How HTML5 and CSS3 can help you design for mobile
HTML5
Microformats, Form API, Semantic captions for images
How to Enhance Adaptive Theme (D7 theme that uses HTML5)
HTML5 Themes and Modules
CSS3
Text in Columns
Transitions (& animation?)
CSS only Backgrounds
Using SVG
The Future of CSS
MongoDB at Sailthru: Scaling and Schema DesignDATAVERSITY
Sailthru provides all your website email delivery needs, ensuring Inbox delivery for transactional and mass mail. Sailthru started out as a MySQL-powered transactional-mail service. Starting in 2009, we migrated to the document-oriented "nosql" database MongoDB. Moving entirely to MongoDB has allowed us to build complex user profiles to power behavioral-targeted mass emails and onsite recommendations. How and why we made the move, and how we use MongoDB today.
INTRODUCTION FOR HTMlHTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
The <!DOCTYPE html> declaration defines that this document is an HTML5 document
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML page
The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading
The <p> element defines a paragraph
Drupal PHP for Designers or PHP Without Panicking. Ths is a basic, basic, basic intro to some key parts of PHP a designer might need when venturing into a Drupal template file.
An introduction to HTML, including a description of how it works, common tags and appropriate image sizes and types. This presentation shows you how to create hyperlinks, manipulate text, use fonts and change colors on your website.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
HTML5 and CSS3 are a part of the new Web 3.0 toolbox! This session will walk you through easy ways to use some of the more advanced features in HTML5. We will explain the uses for HTML5 and CSS3 that will enhance your design and create a better user experience for your audience. If you are familiar with the basics, but want to know the best practices for integrating HTML5 features into your Drupal site now, this is the session for you.
Who’s this for:
Themers who are familiar with basic CSS3 concepts and want to take it to the next level
Practical uses of both HTML5 and CSS3 for intermediate developers
What you’ll learn:
Real Life applications to start using CSS3 and HTML5 today
Tactics to bring older browsers up to speed and enhance compatibility
Use HTML5 and CSS3 to Enhance UX
How HTML5 and CSS3 can help you design for mobile
HTML5
Microformats, Form API, Semantic captions for images
How to Enhance Adaptive Theme (D7 theme that uses HTML5)
HTML5 Themes and Modules
CSS3
Text in Columns
Transitions (& animation?)
CSS only Backgrounds
Using SVG
The Future of CSS
MongoDB at Sailthru: Scaling and Schema DesignDATAVERSITY
Sailthru provides all your website email delivery needs, ensuring Inbox delivery for transactional and mass mail. Sailthru started out as a MySQL-powered transactional-mail service. Starting in 2009, we migrated to the document-oriented "nosql" database MongoDB. Moving entirely to MongoDB has allowed us to build complex user profiles to power behavioral-targeted mass emails and onsite recommendations. How and why we made the move, and how we use MongoDB today.
INTRODUCTION FOR HTMlHTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
The <!DOCTYPE html> declaration defines that this document is an HTML5 document
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML page
The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading
The <p> element defines a paragraph
Drupal PHP for Designers or PHP Without Panicking. Ths is a basic, basic, basic intro to some key parts of PHP a designer might need when venturing into a Drupal template file.
An introduction to HTML, including a description of how it works, common tags and appropriate image sizes and types. This presentation shows you how to create hyperlinks, manipulate text, use fonts and change colors on your website.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
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.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
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/
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
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.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
By Design, not by Accident - Agile Venture Bolzano 2024
Intro to HTML5 & CSS3
1. Intro to HTML & CSS
David Fisher
July 2012
Sunday, July 8, 12
2. Requirements
• Text Editor - Notepad, Textmate, vi, emacs, Komodo
Edit
• Web Browser - Chrome, Firefox, Safari, Opera, Internet
Explorer
Sunday, July 8, 12
3. What will you learn?
• Intro to HTML
• Intro to CSS
• Brief to Github and Site Hosting
• Definitions of Javascript, PHP and Wordpress
Sunday, July 8, 12
4. What you will NOT learn
• Every HTML tag
• Every CSS rule
• In depth CSS positioning
• Browser-specific hacks
• Anything with a database
• Javascript
• More studying & practice will be needed
Sunday, July 8, 12
5. What is HTML?
• Hyper Text Markup Language
• Provides structure and meaning to the data in a
document
• Links documents together
• Rendered by a web browser for use by humans
Sunday, July 8, 12
6. About HTML
• Set of elements consisting of tags enclosed in angle
brackets like <html>
• Tags themselves are not visible when rendered in a
browser
• Tags are most commonly in pairs around data, like
<b>This text is bold</b>
• Some tags, called empty elements are unpaired, such as
<img>, which is used for displaying images.
Sunday, July 8, 12
7. What is CSS?
• Cascading Style Sheets
• Manipulate the appearance (size, position, color, etc) of
elements in the HTML
• Has a different syntax than HTML
Sunday, July 8, 12
8. HTML & CSS
• HTML connects documents, and gives the data greater
meaning
• CSS changes how the document looks to the end user
Sunday, July 8, 12
10. First Website Code, 1991
For historical reference only
Don’t write code like this
Sunday, July 8, 12
11. Let’s get started!
• Create a file called hello-world.html
• Open this empty file in your text editor
• Open this empty file in your web browser
Sunday, July 8, 12
12. Hello, World!
Text in Editor Web Browser
HTML in editor is rendered in browser.
Refresh browser to see changes.
Sunday, July 8, 12
13. Deconstructing Hello, World!
• Document type needed for
proper rendering
• Wrap all code in one set of
<html> tags
• <head> contains a <title>,
shown at top of browser
• <body> output is rendered
in your browser
Sunday, July 8, 12
14. HTML document structure
• Doctype declaration at the top of each page
• One set of <html> tags surrounding everything
• One <head> at the top, which contains a <title>
Other things will go in <head> as well later
• One <body>, which contains everything you want in
the document body
Sunday, July 8, 12
15. Semantic > Presentation
• HTML is there to describe the data in the document,
not the visual style.
• What does your data mean? Is the number 10 an age,
inventory count, price, navigation element, etc?
• Not only sighted humans read your document; Search
engines, screen readers, other programs & more!
• More info: http://en.wikipedia.org/wiki/Semantic_HTML
Sunday, July 8, 12
16. Basic Text Formatting
Remember, think about meaning over presentation!
Sunday, July 8, 12
17. Headings
Headings provide names to sections of your page.
They are H1 through H6, decreasing in importance
Sunday, July 8, 12
18. i, b, em, strong
Historically, some of these i, b have been used for
presentation. Do not do this. It is incorrect, and very
2003...
Instead now they should have semantic meaning in
the document instead of presentation.
Any of the tags described can be wrapped around
text in the body such as: <i>Babel Fish</i>
Sunday, July 8, 12
19. <i> - Alternate Voice
Used on transliterated foreign words, idiomatic phrases,
alternate mood, technical terms, and typographically italicized
text.
Prior to Episode I, <i>midi-chlorians</i> were never discussed.
If for foreign words, use the lang attribute
The <i lang=”ja-latn”>unagi</i> last night was wonderful!
Only use if there is no better option semantically.
Sunday, July 8, 12
20. <b>
• Draw attention to the word without conveying extra
importance.
• Not always styled as bold.
• Think chapter intros where the text is different
• Only use where no other more suitable elements
<b>Twas the night</b> before Christmas, when through
the house, not a creature was stirring, not even a
mouse.
Sunday, July 8, 12
21. <em>
• Used to linguistically stress the emphasis of the content
I don’t think you should eat that.
I don’t think you should eat that.
I don’t think you should eat that.
I don’t think you should eat that.
I don’t think you should eat that.
I don’t think you should eat that.
I don’t think you should eat that.
Sunday, July 8, 12
22. <strong>
• Represents strong importance of the text
• Can be styled bold, italic, underlined, etc.
• Remember, consider the meaning, not just presentation!
Do not open that door!
Sunday, July 8, 12
24. <p> - Paragraphs
• Paragraphs, just as in standard writing, split up the
document
• Have semantic meaning, just as in writing.Your first
paragraph might be your intro, and the last paragraph
your summary.
• By default, causes a line break, but can be overridden in
CSS
Sunday, July 8, 12
25. <br> - Line Break
• Splits up text on the page like a paragraph, but has no
semantic meaning.
• Does not wrap around other text. Just use <br> where
you want your break. Do not use <br />
Sunday, July 8, 12
26. Other cool tags to lookup
abbr - abbreviations
code - computer code
cite - citation
dfn - defining instance
kbd - keyboard input (hit F5 to refresh)
q - quote
u - annotations
wbr - suggested line break for long words
var - variable
All help give the document rich meaning!
Sunday, July 8, 12
27. Links
• The glue of the web. Tie documents together
• Use the <a> element
• Most common usage is with the href attribute to a URL
• Goes around the text you want to turn into a link
• Can link to full URLs, or relative URLs on the same site
• Have lots of other cool, and meaningful attributes
Sunday, July 8, 12
29. Images
• Use the <img> tag, and can be linked to with <a href>
wrapping it.
• Use the src attribute to point to the image URL
• Should always have the alt attribute describing the
image
Sunday, July 8, 12
30. Lists
• Lists data
• 3 main types: unordered list, ordered list & definition list
• Define the type of list, then a series of list items <li>
• Sometimes used for navigation
Sunday, July 8, 12
33. Tables
• Hold sets of data (students in class, rainfall per month)
• They should never be used to format a webpage
• Can get messy to code large ones by hand
Sunday, July 8, 12
34. Table Elements
<table> - Wraps the entire table
<caption> - Title of the table
<thead> - Table head. Contains titles of columns in <th> tags
<th> - Defines individual column headings
<tbody> - Contains the primary table data
<tr> - Single table row, contains many <td> items
<td> - Table Data.
Yes, that was a lot at once...
But it makes more sense in an example
Sunday, July 8, 12
36. section & article
• The article element represents a self-contained
composition in a document, page, application, or site
and that is, in principle, independently distributable or
reusable, e.g. in syndication.
• The section element represents a generic section of a
document or application.
• The section element is not a generic container element.
When an element is needed only for styling purposes
authors are encouraged to use the div element instead.
Sunday, July 8, 12
37. Why articles & sections?
• Give greater meaning to the structure of the document
• Visually the same could be accomplished with headers
and paragraphs, but it would have less semantic meaning
Sunday, July 8, 12
39. Div & Span
• Div and Span are used for parts of the page without
semantic meaning, and for styling only
• While they are used frequently, they are overused
• Ask yourself if there is another element that fits better
• Often use the class or id attribute so they can be
selected for styling with CSS
• Div creates a new line & area for itself
Span is ‘inline’ for styling without breaking the line
Sunday, July 8, 12
40. Div & Span Example
Huh? None of the divs do anything?
All your style questions will soon be answered...
Sunday, July 8, 12
41. Validation
• Use a HTML5 validator to double check your work:
http://validator.w3.org/
• You can also test any page, like Gizmodo.com
• Many popular pages have errors! They might work ok
now anyway, but on other browsers... what happens?
• Aim for zero errors. If you must have errors, learn why
you have them.
Sunday, July 8, 12
42. Making the Web Beautiful!
• So far the pages we’ve done are outright ugly
• After the break, we’ll use CSS to style our HTML
document
• Questions?
Sunday, July 8, 12
44. CSS
• Cascading Style Sheets
• Separate files that you reference in your HTML head
which give style & presentation to the page
• Different syntax than HTML, but very easy to learn
• Has no semantic meaning. Just visual.
Sunday, July 8, 12
45. Inline Styling- The Old Way
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
Do not do this!
Sunday, July 8, 12
48. Targeting - element, id, class
• You can target by element, id or class attributes
• Each id should have only one instance per page
• Classes can be used multiple times per page
• Any element can have one id, and multiple classes
• In CSS, classes use a . (period) and ids use a #
• Prior example just used classes
Sunday, July 8, 12
51. CSS Inheritance
• Some of this can get complex, but in general...
• More specific rules override more general ones
• If something isn’t overridden, then it cascades down
Sunday, July 8, 12
52. CSS Reset
• Browser defaults aren’t consistent.
• Use a CSS Reset first before anything else
• Can include as a separate CSS file, or at the top of your
CSS file
• http://www.cssreset.com
Sunday, July 8, 12
53. Positioning
• Positioning can get complicated
• Generally use relative positioning
• Read up on margins, align, and width
Sunday, July 8, 12
54. Browser Testing
• Not all browsers output the same results
• Internet Explorer is notorious for non-standard output
• Use a browser testing service like:
http://browsershots.org/
Sunday, July 8, 12
55. Version Control with Git
• Git is version control software, like cvs, subversion.
• Helps backup, store, and share files for development
• A bit tricky at first, especially for Windows users
• Amazing getting started at:
http://try.github.com/
Sunday, July 8, 12
56. Github
• Most ubiquitous community git hosting
• Free accounts available. Paid ones start at $7/month.
Allow private repositories
• One of the best places to find and contribute to FOSS
projects
• Amazing place to view other’s code and learn from it.
Sunday, July 8, 12
57. Site Hosting
Dedicated Managed
Shared VPS / Cloud
Server/Rack Cloud
$$$
Price $ $$ $$
Ease of Use ☆☆☆ ☆☆ ☆ ☆☆☆
Multiple people per Also shared, but you’re You’re in total control, Cloud hosting, with
Description server. Like an fully in control of your but also on your own someone else worrying
apartment space. Condo. for help. about the tech parts
Pay for what you need-
The exact hardware Super easy to use, even
Strengths Cheap & Easy nothing more. Great
you need. for high demand sites
scaling.
Uptime & performance Not all services as
More difficult. Managing Expensive upfront.
Weaknesses issues
a Linux server Harder to scale quickly.
flexible as pure cloud
Poor software support hosting.
Slicehost, Amazon Web
Example Dreamhost, Bluehost
Services
Rackspace, Equinix Heroku, Engine Yard
Sunday, July 8, 12
58. Deployment
• FTP- Most common with shared hosting. Use FTP
software to drag/drop files
• SSH/SCP- Harder to setup, but more secure. Used
more with VPS/Cloud hosting
• Git - Deploy using your version control software
Used with Heroku
git push origin master
Sunday, July 8, 12
59. Misc
• Javascript - A programming language, often used for
making things ‘move’ on the web. Facebook for example
uses a ton of it!
• PHP - Another programming language. Often used more
‘server-side’, whereas HTML is ‘client-side’. Can access
databases, etc.
• Wordpress- Content Management System, traditionally
used for blogs. Written in PHP.
Sunday, July 8, 12
60. Credits
• Gargoyle photo used via Creative Commons license.
Originally found at:
http://www.fotopedia.com/items/flickr-4011885173
• Some text reused from the HTML5 Working Draft spec
from the W3C:
http://www.w3.org/TR/html5/
Sunday, July 8, 12