This document provides an introduction to CSS and HTML basics. It explains that CSS allows changing the styling of an entire website by editing just one CSS file. It then covers HTML elements and structure, how to link an external CSS stylesheet, CSS selectors like classes and IDs, common CSS properties, and tips for validating code. Tutorial exercises are recommended to practice the concepts covered.
Web Visualization with HTML5, CSS3, and JavaScript is the course with the rapidly changing web development technologies, it has become important to stay in line with them to progress within the industry, which is why this course in web virtualization has been brought to you to spruce up your web designing and animating skills using HTML5, CSS3, and JavaScript. The latest features of HTML5, CSS3 and JavaScript are set to be provided to you through this course, hence, it is desired that you have basic knowledge on these programming languages for a smoother learning experience. This course will start off by walking you through the CSS3 virtualization techniques to design and animate webs. You will be taught how to create a 3D element using CSS transition and to transform animates into 2D and 3D, along with an insight into the elements of scalable vector graphics which is needed to create basic images and polygons and to animate. Our tutors will further take you through the canvas aspects of HTML5 to start drawing grids and animations using it. You will also get to learn how to create a callback and create and activate a queue that is needed in animating and the animation libraries that will be essential to your web designing projects. By the end of this course, you will have an outstanding knowledge of web visualization using HTML5, CSS3, and JavaScript to secure yourself a prominent place within the web development industry.
HTML5 is a language for structuring and presenting content for the World Wide Web. it is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of February 2012 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). It improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors
Web Visualization with HTML5, CSS3, and JavaScript is the course with the rapidly changing web development technologies, it has become important to stay in line with them to progress within the industry, which is why this course in web virtualization has been brought to you to spruce up your web designing and animating skills using HTML5, CSS3, and JavaScript. The latest features of HTML5, CSS3 and JavaScript are set to be provided to you through this course, hence, it is desired that you have basic knowledge on these programming languages for a smoother learning experience. This course will start off by walking you through the CSS3 virtualization techniques to design and animate webs. You will be taught how to create a 3D element using CSS transition and to transform animates into 2D and 3D, along with an insight into the elements of scalable vector graphics which is needed to create basic images and polygons and to animate. Our tutors will further take you through the canvas aspects of HTML5 to start drawing grids and animations using it. You will also get to learn how to create a callback and create and activate a queue that is needed in animating and the animation libraries that will be essential to your web designing projects. By the end of this course, you will have an outstanding knowledge of web visualization using HTML5, CSS3, and JavaScript to secure yourself a prominent place within the web development industry.
HTML5 is a language for structuring and presenting content for the World Wide Web. it is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of February 2012 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). It improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors
Today’s designers when asked about HTML5 do hesitate to answer because of the lack of knowledge about HTML5.A Free Ebook On HTML 5 Step by Step Guide..
Today’s designers when asked about HTML5 do hesitate to answer because of the lack of knowledge about HTML5.A Free Ebook On HTML 5 Step by Step Guide..
HTML Lab ProjectTo create a simple web page you will need .docxadampcarr67227
HTML Lab Project
To create a simple web page you will need to use a text processor (Notepad) and HTML (hypertext markup language). Do NOT use Word which can create some problems by automatically formatting your work as a web page.
The tags (items enclosed in < >) from HTML create the special effects that are seen on web pages when using a browser like Internet Explorer.
Note: some tags require a starting and ending tag. For example: <h1>This is my home page </h1>
Also if multiple tags are used to format a single item, ending tags must be written in reverse order from the starting tags.
Example:
<h1><center> My First Home Page </center></h1>
tag1 tag2 endtag2 endtag1
After completing the steps in the tutorial, you should be able to:
1. Create a Home Page using HTML
2. Create headings
3. Place text and graphics in an HTML document
4. Use attributes such as font color with tags
5. Create links to other places or documents
Home Pages
The home page of a web site is the starting point that usually describes the purpose of the web site and its categories. The page typically includes hyperlinks which will take the viewer to other web sites or other places within the same web site. In planning a home page consider these items
· Title – this text will appear on the blue title bar of your web page
· Headings – customarily the first heading is the same as the title; it appears as the first line of your home page. Each browser displays headings in a unique way, but they allow several levels of headings from H1 to H6. Heading 1 would be the largest, most noticeable, heading 6 the smallest. In the examples that follow, the first line of each pair shows the HTML tags; the second line is the effect produced.
<h1>H1 headings</h1>
H1 headings
<h2> H2 headings</h2>
H2 headings
<h3>H3 headings</h3>
H3 headings<h4> H4 headings</h4>
H4 Headings
<h5> H5 headings</h5>
H5 Headings
<h6>H6 headings</h6>
H6 Headings
Content - Text that explains your home page or special features of the page.
Create a Sample HTML Page
Step 1.
A. Open Notepad (Click on Start, Programs, Accessories, Notepad).
B. Enter the following text:
<html>
<head>
<title>Your Name Home Page</title>
</head>
<h1>Your Name Home Page </h1>
</html>
C. Choose File, Save As. For the file name, use mysample_Lastname_Firstname.htm in Save As Type, choose All Files, and save to your desktop, or other easy to find location.
(CAUTION: if you neglect to choose All Files, this will be saved as a text file, ending in txt, and will not be available for opening in your browser.
Step 2.
A. Start your browser (Internet Explorer). It is not necessary to be online.
B. From the menu bar, choose File, Open.
C. Browse for the file you just saved on your desktop (mysample_firstname_lastname.htm).
D. Choose Open.
E. You should see only the title bar and a heading on your newly created homepage.
Step 3.
A.
This is a step by step guide for founders on how to run a perfect sales demo, you will learn everything you need to deliver a great demo that targets exactly what your prospects / customers need.
How to Build a Big Data Application: Serverless Editionecobold
Come learn how to build, launch, and scale a Big Data application in a serverless context. This is going to be an information packed meetup around Big Data processing, Lambda functions, Lambda Step functions, and everything that ties them together.
Big Data is something we're very passionate about. As the cost of servers have come down and the cost of software has become free, using data to drive your business has become much more obtainable to a larger group of companies. The serverless methodology has recently come in the scene, and it's proving to be just as transformational as cloud has been to the Big Data analytics space. We will be sharing some of our learnings and experiences over the last two years of working with Big Data in a serverless context. We will cover one or two examples of eventful Big Data processing, and the impact it can have on your business in terms of speed of analytics and cost savings to the bottom line.
Is Open Source a Good Strategy for your Startup?ecobold
Should you open source your next product? Pros and cons of going open source as a startup.
Building a company and open sourcing the code has become a popular strategy over the last couple of years, lots of money has been invested in Open Source companies, some of them became Unicorns, but the big question is: is anyone making money? Is this a good strategy? What are the pros and cons of open sourcing your product and what should you take into consideration? Which licenses should you think about? How do you monetize? What are some feasible exit strategies?
Understanding what metrics are relevant to your startup, and why, can be a daunting task. In this meetup we will discuss what metrics matter for a SaaS company or project. What investors are looking for in the metrics you track and why do they think they are important. What is CAC and LTC, why is CHURN critical? We will also review how to calculate these important metrics, what equations will give you the right answer, and what tools make sense to use for your business.
Presenter: Lecole Cole, Founder & CEO, Skydera
How to Build a Real Time Analytics Enterprise with Open Source ecobold
Given the ease of scaling from zero to millions of users with very little capital investment and availability of managed infrastructure, building startups or enterprise grade products has become easier, faster and cheaper then ever before.
We will go over what it would take to build an enterprise big data real time analytics system, with insights onto architecture, open source and closed source available software, support requirements and alternatives around managed services.
We will explore the use of open source tools (using cloud providers such as AWS, Google and Microsoft) to build these big data applications. From zero to enterprise will be the theme of this meetup, come join us to learn, explore and contribute.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
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.
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.
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
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
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/
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
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.
3. CSS Basics
Before CSS, if programmers wanted to change the logo or the
color of the footer for example, they had to change the code on
every single page of a website.
With CSS, you change one file, the .css file, and the changes
take place on all of the pages of your website that has the logo
or footer.
4. HTML
HTML 1999
XHTML 2002
HTML 5
For every new standard you get more features and you lose some
<!DOCTYPE HTML>
<html>
Indent with 2 spaces (not tab)
<head>
<title>Here’s a title<//title>
</head>
<body>
</body>
</html>
6. CSS
body {
background-image: url(images/background.jpg);
background-repeat: no-repeat;
watch for semi-colon
background-position: center top;
margin: 0 auto;
padding: 30px;
}
h1 {
color: gray;
font-size: 25px;
font-family: "century gothic";
border-bottom: 2px white solid;
}
p { color: gray; font-size: 13px; font-family: "century gothic"; }
watch for uppercase
#home #homeLink {
color: black;
7. You can either drag and drop that file to your browser or
R click on it / Open With / Firefox (or fav browser) or
On Aptana, click on:
to view there to view in your browser
As you change your project and want to see the changes on the
Browser, just refresh the browser (after saving it, of course) or click
Shift + Command + R
To validate that your page doesn’t have any bugs always go to:
http://validator.w3.org/ (demo)
You can validate a link, or upload a file
8. Create new folder
New index.html doc
New style.css doc
To point HTML to CSS:
<link href="style.css" rel="stylesheet" type="text/css" />
Add images you’ll want to use in a folder called images inside that folder
9.
10. Internal vs External Style Sheet
Internal
<style type="text/css">
h1 {
color: #FF7643;
font-family: Arial;
}
When you insert the internal style sheet, make sure to place it in the
page’s head section, between the link tag and the closing </head> tag
External
HTML:
<link rel="stylesheet" type="text/css" href="css/global.css”>
XHTML:
<link rel="stylesheet" type="text/css" href="css/global.css" />
External helps page load faster
11. Order matters
This link example must be in this order:
a:link { color: #F60; }
a:visited { color: #900; }
a:hover { color: #F33; }
a:active { color: #B2F511; }
ps- a:active covers the brief nanosecond
when someone’s pressing the mouse
button, before releasing it.
12. Tutorial Ch 2
Page 39 (or page 11 if you downloaded the book)
Download tutorials here: www.sawmac.com/css2e/
13. <div> and <span>
The <div> tag and the <span> tag are like empty vessels that you fill with
content. A div is a block/box meaning it has a line break before it and after
it, while a span appears inline, as part of a paragraph
<div> = division (box where you can put stuff)
<div id=“page wrap”>
Tag with # on CSS
#page wrap {
}
<span> lets you apply a class or ID style to just part of a tag. You can place
<span> tags around individual words and phrases within paragraphs to
format them independently. Here, a class called .companyName styles the
inline elements “CosmoFarmer.com,” “Disney,” and “ESPN”:
<p>Welcome to <span class="companyName">
CosmoFarmer.com</span>, the parent
company of such well-known corporations
as <span class="companyName">Disney
</span> and <span class="companyName">
ESPN</span>...well, not really.</p>
14. Class and ID
for any tags you can make a class
class can be repeated
<p class=“copyright”>
the most specific rule overules
css should be
.copyright
id is for one specific element, it is unique and cannot be repeated
<div id=“banner”>
css should be
#banner
what would CSS look like for this class?
<div class="photo">
<img src="holidays.jpg"
alt="Penguins getting frisky"/>
<p>Mom, dad and me on our yearly trip to Antarctica.</p>
</div>
Demo with validator.w3.org the difference between id and class
17. Cool stuff
1. Open up Chrome
2. Go to ecobold.com
3. Right click and select “Inspect Element”
4. Right click “Sell” on the top of the page select “Inspect Element”
5. On the bottom R side, double click on the color green #87B503
6. Type “pink”
If you want to copy the site for testing: copy the HTML, CSS and Images
21. • Go to aws.amazon.com
• Login/Sign up
• Insert credit card info (or insert credit under payments)
• Click EC2 at the top of the page
• Click Launch Instance / Continue /
• Select Amazon Linux AMI 2012.03 it should look like this:
23. • Under Create new key pair enter a name for your key pair
• Click Create and download your key pair (remember name)
• As it downloads go back to AWS click Choose one or more of
your existing security group
• Select Default
• Click Launch / Close
• You should be taken to the Amazon EC2 Console Dashboard
On the R side click Running Instance
24. 1. When it launches the State should turn green
2. Select the one that’s launched
25. 1. Copy the public DNS number at the bottom of the page
18. Open your terminal on your desktop, type: cd Desktop (enter)
• Type ssh –i RockNRoll.pem ec22-user@(paste) (enter)
RockNRoll.pem should be substituted by the
file name you created
26. Type sudo yum install tomcat7*
Type Y (enter)
Type sudo /etc/rc.d/init.d/tomcat7 start (enter)
Go back to AWS, click Security Groups under NETWORK & SECURITY on the L si
Select “default” click inbound
Under “Port Range” type 8080
Click Add Rule
Click Apply Rule Changes
Go back to AWS and copy the Public DNS Number again
Paste into a browser and add :8080 to the end of the link (enter)
Go back to your terminal type cd /var/lib/tomcat7/webapps/ROOT (enter)
Type sudo nano index.html (enter)
Create an html document
Click “control x” on your keyboard
Type Y (enter) (enter)
Go back to your browser that you typed :8080 and type /index.xtml at the
end of the link
27. It’s live!
Ps- it’s likely that you missed a step, now is the time to buy a friend
drinks and ask where you messed up.
30. Misc
<ol> ordered list
<ul> unordered list (bulleted, non-numbered)
list-style: none (removes bullets on any list)
<blockquote> for quotes
If you want to include a quotation like a snippet of text from another website, a movie review, or just some wise saying,
try:
<q> for one-liners
<cite> for referencing a book title, newspaper article, or website
<address> identify and supply contact information for the author of a page (great for a copyright notice)
for IE 8 to behave properly: <meta http-equiv="X-UA-Compatible" content="IE=edge" /> (put in ,head> below <title>
(must put on every page)
a:hover to change color when hovering over a link
a:visited
a:link
must be in this order:
a:link { color: #F60; }
a:visited { color: #900; }
a:hover { color: #F33; }
a:active {color: #B2F511; }
a:active covers the brief nanosecond when someone’s pressing the mouse button, before releasing it.
31. Misc
border: 1px solid
z-index: for images to overlap
padding: starts on top, then right
for email to popup (as contact form)
<a href="mailto:s@eadfilms.com" title="contact us”
text-decoration: none; for underline to disappear on a text
Including !important after a property value means that specific property always wins
.
Make sure you attach the external style sheet before the internal style sheet in the <head> section of the HTML.
This ensures that the styles from the internal style sheet win.
fonts easy on the eye (easy to read): Times, Times New Roman, Georgia
if you buy a font type, the person who opens your browser must have also installed that font, otherwise a standard
font will show
The normal line-height setting for a browser is 120 percent
The last two properties must be font-size followed by font-family
content -> padding -> border -> margin
for image to stay on the page as they scroll down (like Pinterest’s ”Request an invite” button), use this:
body {
background-image: url(images/logo.gif);
background-repeat: no-repeat;
background-attachment: fixed;
We are following the book “CSS: The Missing Manual” by David Sawyer McFarland Buy the print version here: http://www.amazon.com/CSS-Missing-David-Sawyer-McFarland/dp/0596802447 Buy and download the ebook version here: http://www.ebooks.com/536649/css-the-missing-manual/mcfarland-david/ Before starting, watch this great CSS Beginners tutorial: http://css-tricks.com/video-screencasts/58-html-css-the-very-basics/ This presentation is targeted towards chapter 1-3 which you should’ve read and done the tutorial by now You should also download http://aptana.com/ to work on your files and the tutorials
Hang in there!
Why indent with 2 spaces instead of 1 tab? So that your HTML document isn’t that long horizontally and you don’t have to scroll too much to the R to read your code
To open your html page on your browser, follow any of these instructions
To create a new html page, save the main page as index.html To create a new css page, save it as style.css
Work on the tutorial for chapter 2
GIVE EXAMPLE Watch this: http://www.youtube.com/watch?v=kb4n5xOpVck&list=PL7761FCF889E7D36D&index=26&feature=plpp_video The full class is here: http://www.youtube.com/playlist?list=PL7761FCF889E7D36D&feature=plcp
For more read: http://www.impressivewebs.com/difference-class-id-css/