SCCI'15 - Devology - Session 2 - UI&CSS
•Download as PPTX, PDF•
0 likes•348 views
This document provides an introduction to user interface (UI) design and cascading style sheets (CSS). It discusses what constitutes a good UI and some key principles of UI design. It then provides an overview of CSS, explaining how it is used to style HTML elements, different types of CSS rules like selectors, and properties for backgrounds, text, and borders. Examples are given for each CSS concept. The document aims to explain the basics of UI and CSS.
Report
Share
Report
Share
Recommended
Web 102 INtro to CSS
This document provides an overview of CSS (Cascading Style Sheets) and how to style HTML elements. It defines CSS, explains how CSS works with HTML to style web pages, and provides examples of CSS selectors, properties and common techniques. The document also recaps HTML elements and structure, and outlines learning objectives around basic web design with HTML and CSS.
Intro to HTML + CSS
This document is a class roadmap for an introductory course on HTML and CSS taught by Jamal O'Garro. The course covers the basics of HTML structure and elements, introduces CSS rules and properties for styling elements, explores CSS positioning and the box model, and provides an overview of responsive design and Bootstrap.
Html5 elements-Kip Academy
An indepth look at some of the new HTML5 elements as part of the HTML5 for beginners course
https://kipacademy.thinkific.com/
Intro to CSS
This document provides an introduction to CSS (Cascading Style Sheets) and covers key concepts such as selectors, the box model, positioning, and responsive design. It explains that CSS is used to style and lay out elements on web pages and works together with HTML. The document outlines important CSS topics like selectors, properties and values, units of measurement, the box model, display types, flow, floats, and positioning. It emphasizes best practices like using relative units and media queries for responsive designs.
Intro to html, css & sass
The document provides an introduction to HTML, CSS, and SASS. It discusses what each technology is, how they are used together, and some of their key features. It explains that HTML is a markup language used to define the structure and content of web pages, CSS is used to style and lay out HTML elements, and SASS is a CSS preprocessor that adds powerful features like variables, nesting, and mixins to make CSS more efficient to write and maintain. It then provides overviews of important HTML tags, CSS properties and selectors, and features of SASS like mixins and extends.
Html:css crash course (4:5)
This document provides an introduction to HTML and CSS for building websites. It discusses key concepts like tags, elements, attributes, selectors, properties and values. It explains how HTML provides structure and content while CSS handles visual presentation and layout. Students are guided through writing their first HTML page and linking a CSS stylesheet. The document promotes practicing skills learned and using resources like Google when learning. It also introduces Thinkful's full web development program which includes mentorship and career preparation.
Web Development Basics: HOW TO in HTML
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <html> and <body> to mark elements in a document like headings, paragraphs, and links. Tags have start and end tags like <p> and </p> to delineate content. CSS can be used to style HTML elements by specifying rules that are applied using the style attribute, <style> element, or external CSS files. Basic HTML tags include those for headings, paragraphs, bold, italics, underlining, links, images, and buttons. HTML documents are edited in text editors and browsers use the tags to render and display the structured content.
Css
This document provides an introduction to CSS and HTML, covering terminology, syntax, selectors, elements and semantics. It discusses common HTML elements like headings, paragraphs, hyperlinks and structural elements. It also covers CSS box model and positioning, typography, font properties, backgrounds, images, audio and video.
Recommended
Web 102 INtro to CSS
This document provides an overview of CSS (Cascading Style Sheets) and how to style HTML elements. It defines CSS, explains how CSS works with HTML to style web pages, and provides examples of CSS selectors, properties and common techniques. The document also recaps HTML elements and structure, and outlines learning objectives around basic web design with HTML and CSS.
Intro to HTML + CSS
This document is a class roadmap for an introductory course on HTML and CSS taught by Jamal O'Garro. The course covers the basics of HTML structure and elements, introduces CSS rules and properties for styling elements, explores CSS positioning and the box model, and provides an overview of responsive design and Bootstrap.
Html5 elements-Kip Academy
An indepth look at some of the new HTML5 elements as part of the HTML5 for beginners course
https://kipacademy.thinkific.com/
Intro to CSS
This document provides an introduction to CSS (Cascading Style Sheets) and covers key concepts such as selectors, the box model, positioning, and responsive design. It explains that CSS is used to style and lay out elements on web pages and works together with HTML. The document outlines important CSS topics like selectors, properties and values, units of measurement, the box model, display types, flow, floats, and positioning. It emphasizes best practices like using relative units and media queries for responsive designs.
Intro to html, css & sass
The document provides an introduction to HTML, CSS, and SASS. It discusses what each technology is, how they are used together, and some of their key features. It explains that HTML is a markup language used to define the structure and content of web pages, CSS is used to style and lay out HTML elements, and SASS is a CSS preprocessor that adds powerful features like variables, nesting, and mixins to make CSS more efficient to write and maintain. It then provides overviews of important HTML tags, CSS properties and selectors, and features of SASS like mixins and extends.
Html:css crash course (4:5)
This document provides an introduction to HTML and CSS for building websites. It discusses key concepts like tags, elements, attributes, selectors, properties and values. It explains how HTML provides structure and content while CSS handles visual presentation and layout. Students are guided through writing their first HTML page and linking a CSS stylesheet. The document promotes practicing skills learned and using resources like Google when learning. It also introduces Thinkful's full web development program which includes mentorship and career preparation.
Web Development Basics: HOW TO in HTML
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <html> and <body> to mark elements in a document like headings, paragraphs, and links. Tags have start and end tags like <p> and </p> to delineate content. CSS can be used to style HTML elements by specifying rules that are applied using the style attribute, <style> element, or external CSS files. Basic HTML tags include those for headings, paragraphs, bold, italics, underlining, links, images, and buttons. HTML documents are edited in text editors and browsers use the tags to render and display the structured content.
Css
This document provides an introduction to CSS and HTML, covering terminology, syntax, selectors, elements and semantics. It discusses common HTML elements like headings, paragraphs, hyperlinks and structural elements. It also covers CSS box model and positioning, typography, font properties, backgrounds, images, audio and video.
Thinkful - Frontend Crash Course - Intro to HTML/CSS
This document provides an overview of an introductory HTML/CSS crash course. It introduces the instructor and Thinkful, discusses the goals of learning core HTML and CSS concepts through building a basic website. It covers key topics like how the web works, HTML tags and elements, CSS selectors, properties and values, and linking a CSS stylesheet to HTML. The document emphasizes practicing the concepts through building assignments and challenges students to keep learning outside of the course.
HTML BY JODY C SALAS
This document provides an introduction to HTML (Hyper Text Markup Language). It defines HTML, discusses its basic elements and tags including body, headings, anchors, and formatting elements. It also covers HTML forms, inputs, and cascading style sheets (CSS). The objectives are to understand HTML elements and tags, create forms, and use CSS pseudo-classes. Key elements discussed include the <head>, <title>, <body>, <h1-h6>, <a>, <font>, lists, radio buttons, checkboxes and <form> tags.
Css introduction
This document discusses Cascading Style Sheets (CSS) and how to use CSS to style HTML elements. It covers CSS syntax, comments, ID and class selectors, and the three methods of inserting CSS - external style sheets, internal style sheets, and inline styles. It also discusses cascading order, grouping selectors, nesting selectors, and provides a reference link for further CSS information.
Css
This document introduces basic HTML and CSS terminology, syntax, and elements. It discusses HTML tags like <a> for links and <p> for paragraphs. It also covers CSS selectors for styling tags by type, class, or ID. Common semantic elements are described, including headings, paragraphs, links, and new HTML5 structural elements like header, nav, article, section, aside, and footer. Examples are provided for each element to demonstrate their use.
Css intro
The document discusses key concepts in CSS including selectors, the box model, positioning, and best practices. Some key points covered include:
- CSS defines how HTML elements are displayed and styled.
- There are different ways to insert CSS like external, internal, and inline styles. More specific styles have precedence.
- Selectors target elements using tags, IDs, classes, descendants, children, siblings and pseudo-classes.
- The box model describes the sizing of elements including margins, padding, borders, and positioning.
- Common properties control colors, fonts, widths, heights, and visibility of elements. Best practices encourage semantic naming and avoiding !important.
Css
This document provides an introduction to HTML and CSS terminology, syntax, elements and semantics. It discusses common HTML elements like headings, paragraphs, hyperlinks and how to style them with CSS. It also covers HTML5 structural elements like header, nav, article, section, aside and footer. Finally, it briefly introduces the CSS box model and positioning properties like height and width.
Layout & css lecture
This document provides an introduction to CSS (Cascading Style Sheets) including what CSS is, what it can do, common HTML tags that can be styled with CSS, and examples of CSS styles like classes and IDs that can format text and objects on a webpage. It also gives overviews of using CSS to control color, fonts, and the history of CSS.
Tech World Site Muhammad Muhaddis
Tech World is a technological website created by Muhammad for his EVS project using basic HTML and some CSS and JavaScript. The site features a header with the logo and site name, a navigation bar with links to other pages, a flash area slider using jQuery and JavaScript, main content area for posts, and a right sidebar for recent posts. The creator is open to answering any questions about the site.
CSS Box Model Presentation
The document discusses the CSS box model, which treats HTML elements as boxes that can be manipulated. The box model consists of the content, padding, border, and margin. Content is the text or images, padding is the transparent space around the content within the border, border is the visible line around the padding, and margin is the transparent space outside the border. Common uses of the box model include adding borders, controlling spacing, and precisely defining values for each side of an element.
Css how to insert css
This document discusses three ways to insert CSS styles into HTML: inline styles, internal styles, and external styles. Inline styles use the style attribute within individual HTML elements. Internal styles define CSS rules within the <style> tags in the <head> section and can affect multiple elements. External styles link to an external CSS file with the <link> tag and allow one CSS file to style multiple pages. The document provides examples of each method and compares their usage and scope.
Css box-model
This is the brief guide to CSS Box Model. Which explains you how we can calculate the total width and height of the element.
Kickstart Your Technical SEO for WordPress
This document provides an overview of technical SEO best practices for WordPress websites. It covers topics like metadata, URL structure, duplicate content, schema, sitemaps, and tools. For metadata, it recommends optimizing title tags and meta descriptions. For URL structure, it suggests being consistent, keyword-optimized, and using dashes between words. It also discusses how to identify and fix duplicate content issues. For schema, it explains how to implement different schema types to improve search results. Finally, it provides guidance on creating HTML and XML sitemaps and tools to use for technical SEO tasks.
Html Expression Web
The document discusses HTML, XHTML, CSS, and Microsoft Expression Web. It provides information on tags, attributes, and how to use stylesheets to control formatting and layout. Expression Web allows creating interactive buttons and using layers and templates for dynamic web design.
SCCI'15 - Markative - session 4 - Direct marketing
Direct marketing involves providing physical marketing materials like catalogs and brochures directly to consumers to advertise products and services. It uses techniques like telemarketing, mail marketing, and direct selling to businesses. When doing direct marketing, companies should conduct market research, target the right clients, and use various methods like email, phone calls, meetings and presentations to directly reach their target audience in a personalized way. Direct marketing is effective because it delivers a clear, straightforward message to consumers without traditional advertising and allows companies to measure responses.
SCCI'15 - Devology - Session 4 Javascript
This document contains an introduction of basic JavaScript concepts including variables, operators, comments, conditional statements, and loops. It was presented by Assem Salem and Mahmoud Bahaa El-Din. Examples are provided for declaring variables, using operators like addition and modulus, writing single-line and multi-line comments, if/else conditional blocks, while loops, and for loops. The document concludes by inviting the audience to code and asking if there are any questions.
SCCI'15 - Soft Skills - Session 1 - Interviewing Skills
first video: http://www.youtube.com/watch?v=hIo4k_fUS9g&index=1&list=PLf8Mv3YGucAe07GfYoNCdo-veYAQJZ1Q2 *from the minute 10.1 to 12.15*
second video: http://www.youtube.com/watch?v=gHXKitKAT1E
SCCI'15 - Devology - Session 7 - UX&Steps to make a good website.
This presentation discusses the steps to creating a good website, including following an important sequence, avoiding common mistakes, not burying the main point, keeping things simple, and continuously learning. It touches on the differences between UX and UI designers and some causes of bad user experiences. The presentation encourages the audience by noting they are already doing some of this work and that building a good site is not too difficult. It concludes by thanking the audience and opening the floor to any questions.
SCCI'15 - Investeneur - Session1 - Starting a business
This document provides steps for starting a new business, including writing a business plan, conducting financial projections and market surveys, securing financing, satisfying licensing requirements, identifying competition, hiring employees, analyzing market conditions, and establishing a website. It emphasizes the importance of a business plan for obtaining loans, attracting investors, and improving the business. Contact information is provided for any additional questions.
SCCI'15 - Devology - Session 6 - Servers and PHP
This document discusses servers and PHP. It defines what a server is and lists common types like mail, web, and application servers. It introduces WAMP as a development platform using Windows, Apache, MySQL, and PHP. The document outlines the history and versions of PHP, from its initial release in 1995 called PHP to the latest version 5.6.4 in 2014. It compares PHP to ASP, noting PHP is based on C/C++ while ASP uses Visual Basic, and that PHP is cheaper and faster than ASP. The document also covers PHP syntax and concludes by asking if there are any questions.
SCCI'15 - Markative - Photography
Photography is defined as the art of drawing by light using a camera to capture images. Key photographic concepts discussed include aperture, shutter speed, exposure, and the 7 golden rules of composition such as rule of thirds and balancing elements. The document provides an introduction to photography basics and techniques.
SCCI'15 - Devology - Session 7 - Data and Databases
This presentation introduces databases, why they are needed to organize data as a set of structured and logical information, and how database management systems like MySQL use SQL syntax to create and manage relational databases that can be accessed through tools like PHPMyAdmin. The presentation concludes by offering to apply these concepts and answering any questions.
More Related Content
What's hot
Thinkful - Frontend Crash Course - Intro to HTML/CSS
This document provides an overview of an introductory HTML/CSS crash course. It introduces the instructor and Thinkful, discusses the goals of learning core HTML and CSS concepts through building a basic website. It covers key topics like how the web works, HTML tags and elements, CSS selectors, properties and values, and linking a CSS stylesheet to HTML. The document emphasizes practicing the concepts through building assignments and challenges students to keep learning outside of the course.
HTML BY JODY C SALAS
This document provides an introduction to HTML (Hyper Text Markup Language). It defines HTML, discusses its basic elements and tags including body, headings, anchors, and formatting elements. It also covers HTML forms, inputs, and cascading style sheets (CSS). The objectives are to understand HTML elements and tags, create forms, and use CSS pseudo-classes. Key elements discussed include the <head>, <title>, <body>, <h1-h6>, <a>, <font>, lists, radio buttons, checkboxes and <form> tags.
Css introduction
This document discusses Cascading Style Sheets (CSS) and how to use CSS to style HTML elements. It covers CSS syntax, comments, ID and class selectors, and the three methods of inserting CSS - external style sheets, internal style sheets, and inline styles. It also discusses cascading order, grouping selectors, nesting selectors, and provides a reference link for further CSS information.
Css
This document introduces basic HTML and CSS terminology, syntax, and elements. It discusses HTML tags like <a> for links and <p> for paragraphs. It also covers CSS selectors for styling tags by type, class, or ID. Common semantic elements are described, including headings, paragraphs, links, and new HTML5 structural elements like header, nav, article, section, aside, and footer. Examples are provided for each element to demonstrate their use.
Css intro
The document discusses key concepts in CSS including selectors, the box model, positioning, and best practices. Some key points covered include:
- CSS defines how HTML elements are displayed and styled.
- There are different ways to insert CSS like external, internal, and inline styles. More specific styles have precedence.
- Selectors target elements using tags, IDs, classes, descendants, children, siblings and pseudo-classes.
- The box model describes the sizing of elements including margins, padding, borders, and positioning.
- Common properties control colors, fonts, widths, heights, and visibility of elements. Best practices encourage semantic naming and avoiding !important.
Css
This document provides an introduction to HTML and CSS terminology, syntax, elements and semantics. It discusses common HTML elements like headings, paragraphs, hyperlinks and how to style them with CSS. It also covers HTML5 structural elements like header, nav, article, section, aside and footer. Finally, it briefly introduces the CSS box model and positioning properties like height and width.
Layout & css lecture
This document provides an introduction to CSS (Cascading Style Sheets) including what CSS is, what it can do, common HTML tags that can be styled with CSS, and examples of CSS styles like classes and IDs that can format text and objects on a webpage. It also gives overviews of using CSS to control color, fonts, and the history of CSS.
Tech World Site Muhammad Muhaddis
Tech World is a technological website created by Muhammad for his EVS project using basic HTML and some CSS and JavaScript. The site features a header with the logo and site name, a navigation bar with links to other pages, a flash area slider using jQuery and JavaScript, main content area for posts, and a right sidebar for recent posts. The creator is open to answering any questions about the site.
CSS Box Model Presentation
The document discusses the CSS box model, which treats HTML elements as boxes that can be manipulated. The box model consists of the content, padding, border, and margin. Content is the text or images, padding is the transparent space around the content within the border, border is the visible line around the padding, and margin is the transparent space outside the border. Common uses of the box model include adding borders, controlling spacing, and precisely defining values for each side of an element.
Css how to insert css
This document discusses three ways to insert CSS styles into HTML: inline styles, internal styles, and external styles. Inline styles use the style attribute within individual HTML elements. Internal styles define CSS rules within the <style> tags in the <head> section and can affect multiple elements. External styles link to an external CSS file with the <link> tag and allow one CSS file to style multiple pages. The document provides examples of each method and compares their usage and scope.
Css box-model
This is the brief guide to CSS Box Model. Which explains you how we can calculate the total width and height of the element.
Kickstart Your Technical SEO for WordPress
This document provides an overview of technical SEO best practices for WordPress websites. It covers topics like metadata, URL structure, duplicate content, schema, sitemaps, and tools. For metadata, it recommends optimizing title tags and meta descriptions. For URL structure, it suggests being consistent, keyword-optimized, and using dashes between words. It also discusses how to identify and fix duplicate content issues. For schema, it explains how to implement different schema types to improve search results. Finally, it provides guidance on creating HTML and XML sitemaps and tools to use for technical SEO tasks.
Html Expression Web
The document discusses HTML, XHTML, CSS, and Microsoft Expression Web. It provides information on tags, attributes, and how to use stylesheets to control formatting and layout. Expression Web allows creating interactive buttons and using layers and templates for dynamic web design.
What's hot (13)
Thinkful - Frontend Crash Course - Intro to HTML/CSS
Thinkful - Frontend Crash Course - Intro to HTML/CSS
Viewers also liked
SCCI'15 - Markative - session 4 - Direct marketing
Direct marketing involves providing physical marketing materials like catalogs and brochures directly to consumers to advertise products and services. It uses techniques like telemarketing, mail marketing, and direct selling to businesses. When doing direct marketing, companies should conduct market research, target the right clients, and use various methods like email, phone calls, meetings and presentations to directly reach their target audience in a personalized way. Direct marketing is effective because it delivers a clear, straightforward message to consumers without traditional advertising and allows companies to measure responses.
SCCI'15 - Devology - Session 4 Javascript
This document contains an introduction of basic JavaScript concepts including variables, operators, comments, conditional statements, and loops. It was presented by Assem Salem and Mahmoud Bahaa El-Din. Examples are provided for declaring variables, using operators like addition and modulus, writing single-line and multi-line comments, if/else conditional blocks, while loops, and for loops. The document concludes by inviting the audience to code and asking if there are any questions.
SCCI'15 - Soft Skills - Session 1 - Interviewing Skills
first video: http://www.youtube.com/watch?v=hIo4k_fUS9g&index=1&list=PLf8Mv3YGucAe07GfYoNCdo-veYAQJZ1Q2 *from the minute 10.1 to 12.15*
second video: http://www.youtube.com/watch?v=gHXKitKAT1E
SCCI'15 - Devology - Session 7 - UX&Steps to make a good website.
This presentation discusses the steps to creating a good website, including following an important sequence, avoiding common mistakes, not burying the main point, keeping things simple, and continuously learning. It touches on the differences between UX and UI designers and some causes of bad user experiences. The presentation encourages the audience by noting they are already doing some of this work and that building a good site is not too difficult. It concludes by thanking the audience and opening the floor to any questions.
SCCI'15 - Investeneur - Session1 - Starting a business
This document provides steps for starting a new business, including writing a business plan, conducting financial projections and market surveys, securing financing, satisfying licensing requirements, identifying competition, hiring employees, analyzing market conditions, and establishing a website. It emphasizes the importance of a business plan for obtaining loans, attracting investors, and improving the business. Contact information is provided for any additional questions.
SCCI'15 - Devology - Session 6 - Servers and PHP
This document discusses servers and PHP. It defines what a server is and lists common types like mail, web, and application servers. It introduces WAMP as a development platform using Windows, Apache, MySQL, and PHP. The document outlines the history and versions of PHP, from its initial release in 1995 called PHP to the latest version 5.6.4 in 2014. It compares PHP to ASP, noting PHP is based on C/C++ while ASP uses Visual Basic, and that PHP is cheaper and faster than ASP. The document also covers PHP syntax and concludes by asking if there are any questions.
SCCI'15 - Markative - Photography
Photography is defined as the art of drawing by light using a camera to capture images. Key photographic concepts discussed include aperture, shutter speed, exposure, and the 7 golden rules of composition such as rule of thirds and balancing elements. The document provides an introduction to photography basics and techniques.
SCCI'15 - Devology - Session 7 - Data and Databases
This presentation introduces databases, why they are needed to organize data as a set of structured and logical information, and how database management systems like MySQL use SQL syntax to create and manage relational databases that can be accessed through tools like PHPMyAdmin. The presentation concludes by offering to apply these concepts and answering any questions.
SCCI'15 - Investeneur, Techsolve - Session2 - Enterpeneurship
The first empty slide refers to this video:
https://www.youtube.com/watch?v=oELkpD7YBQQ
The second empty slide refers to this video:
https://www.youtube.com/watch?v=i_zMa90d6Q8
SCCI'15 - Markative - session 5 - Inbound marketing
video 1: https://www.youtube.com/watch?v=VQ8zGDeqCD0
video 2: https://www.youtube.com/watch?v=nrj_udpTsPk
inbound marketing methodology: https://www.dropbox.com/s/2907lt27zm21ijw/Inbound%20Marketing%20methodology.pptx?dl=0
SCCI'15 - Markative - Session 8 - marketing plan
This document provides guidance on creating a marketing plan, outlining key sections such as an executive summary, situation analysis covering company, customer, competitor and collaborator analysis, a SWOT analysis, market segmentation, alternative marketing strategies, and concluding with the chosen marketing strategy and an expanded executive summary. It emphasizes planning and analyzing various factors in order to select the most effective marketing strategy.
SCCI'15-Soft-skills-session 8-How to be effective.
if u want to be effective you have to effect yourself positively first then you have to effect others and you can't effect them without accepting them.
SCCI'15 - soft-skills - Session 3- self-awareness
first video : https://www.youtube.com/watch?v=3XcW4TQGl2U
second video: https://www.youtube.com/watch?v=2e9TxMX6wOM
third video: https://www.youtube.com/watch?v=M9wC8PsWu-c
SCCI'15-Soft-skills-session 6- Goal setting
U won't be able to succeed unless knowing your goals and setting a proper and specific plans for them.
you got to know more about it.
SCCI'15 - TechSolve - session 1- Ideas and Introduction to project management
This document discusses ideas and their role in shaping the world. It notes that ideas come from our needs, curiosity, and passion. While the process of developing an idea can be long, the document provides examples of inventors like James Dyson and the founder of Pandora who created many prototypes and sought funding from hundreds of investors before succeeding. It then discusses turning ideas into reality by defining what a project and project management entail, such as planning, executing, and monitoring projects to meet stakeholder requirements. The role and responsibilities of the project manager are also outlined, including linking strategy to the team through competencies like knowledge, performance and interpersonal skills like leadership, communication, and trust building.
SCCI'15 - Techsolve - Session 3 - Problem Solving
The document outlines a 6 step process for problem solving: 1) identify the problem, 2) consider possible solutions, 3) attempt to apply a solution, 4) fail miserably, 5) repeat steps 1-3 until step 4 is no longer observed, and 6) feel like a genius. It provides examples of considering different types of solutions and emphasizes the importance of learning from past inventions and discoveries to help solve problems.
Viewers also liked (18)
SCCI'15 - Markative - session 4 - Direct marketing
SCCI'15 - Markative - session 4 - Direct marketing
SCCI'15 - Soft Skills - Session 1 - Interviewing Skills
SCCI'15 - Soft Skills - Session 1 - Interviewing Skills
SCCI'15 - Devology - Session 7 - UX&Steps to make a good website.
SCCI'15 - Devology - Session 7 - UX&Steps to make a good website.
SCCI'15 - Investeneur - Session1 - Starting a business
SCCI'15 - Investeneur - Session1 - Starting a business
SCCI'15 - Devology - Session 7 - Data and Databases
SCCI'15 - Devology - Session 7 - Data and Databases
SCCI'15 - Investeneur, Techsolve - Session2 - Enterpeneurship
SCCI'15 - Investeneur, Techsolve - Session2 - Enterpeneurship
SCCI'15 - Markative - session 5 - Inbound marketing
SCCI'15 - Markative - session 5 - Inbound marketing
SCCI'15-Soft-skills-session 8-How to be effective.
SCCI'15-Soft-skills-session 8-How to be effective.
SCCI'15 - TechSolve - session 1- Ideas and Introduction to project management
SCCI'15 - TechSolve - session 1- Ideas and Introduction to project management
Similar to SCCI'15 - Devology - Session 2 - UI&CSS
WEB TECHNOLOGY Unit-2.pptx
The document provides information on client-side programming and CSS. It defines client-side programming as code that runs in the browser and deals with the user interface. Some key points made about CSS include:
- CSS stands for Cascading Style Sheets and describes how HTML elements are displayed.
- There are three ways to insert CSS - external, internal, and inline stylesheets. CSS selectors are used to target specific elements for styling.
- The document discusses various CSS properties including colors, backgrounds, and adding background images. Color values can be defined using hexadecimal, RGB, and other notation.
Introduction to css for product managers
A simple primer to help product managers take a step into some fundamentals of CSS to help them better engage with their team. It outlines basic concepts, simple exercises, activities to test out ideas, and resources that can help to further learning.
Web design-workflow
This document discusses web design workflow and front-end development. It covers the layers of front-end development including HTML, CSS, JavaScript, grids, and frameworks. It also discusses designing static comps versus in the browser, the mobile revolution and responsive design. The document then discusses information architecture, wireframes, and the languages of web design including HTML, CSS, JavaScript. It also discusses grids, frameworks, SASS/LESS, and responsive design.
CSS
CSS is a stylesheet language used to describe the presentation of documents written in markup languages like HTML. It is used to define fonts, colors, layout, and other visual aspects of web pages independent of its content. Some key points about CSS include that it has evolved through several versions to support increased functionality, different browsers have varying support for CSS rules, and it allows separation of document structure/content from presentation.
Web programming css
The document discusses cascading style sheets (CSS) and web programming. CSS is a stylesheet language used to design webpages and make them presentable by applying styles independently of HTML. There are three types of CSS: inline, internal/embedded, and external. CSS is important for web development as it increases website standards and user experience. CSS allows web developers to style HTML elements and bring designs to life. Basic CSS formatting includes using internal CSS by adding <style> tags within the <head> of an HTML page. CSS properties control element styles like color, size, position, and more.
Cascading style sheets - CSS
Cascading style sheets - CSS for beginner.
Courtesy - iFour Technolab Pvt. Ltd. - http://www.ifourtechnolab.com
uptu web technology unit 2 Css
CSS is a style sheet language used to describe the presentation of web pages including colors, fonts, layout, etc. It allows separation of document content from document presentation for better content organization and maintenance. CSS rules are made up of selectors, properties, and values and can be defined within HTML, externally, or via internal stylesheets. Common CSS properties include font, color, background, text, box model, list, table, and positioning. CSS specifications are developed and maintained by the W3C to standardize web development.
Cascading Styling Sheets(CSS) simple design language intended to transform th...
1.Inline CSS
2. Internal
3.External
Inline CSS: Inline CSS contains the CSS property in the body section attached to the element is known as inline CSS. This kind of style is specified within an HTML tag using the style attribute.
<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<p style="color:#009900; font-size:50px;
font-style:italic; text-align:center;">
Nesamony Memorial Christian College
</p>
</body>
</html>
Internal or Embedded CSS: This can be used when a single HTML document must be styled uniquely. The CSS rule set should be within the HTML file in the head section i.e. the CSS is embedded within the <style> tag inside the head section of the HTML file.
<html>
<head>
<title>Internal CSS</title>
<style>
.main {
text-align: center;
}
.mca {
color: #009900;
font-size: 50px;
font-weight: bold;
}
.nmcc {
font-style: bold;
font-size: 20px;
}
</style>
</head>
External CSS: External CSS contains separate CSS files that contain only style properties with the help of tag attributes (For example class, id, heading, … etc).
CSS property is written in a separate file with a .css extension and should be linked to the HTML document using a link tag. It means that, for each element, style can be set only once and will be applied across web pages.
<html>
<head>
<link rel="stylesheet" href="geeks.css" />
</head>
<body>
<div class="main">
<div class=“mca">Department of Computer Science & Applications</div>
<div id=“nmcc">
Basics of Web Design
</div>
</div>
</body>
</html>
Php workshop L01 CSS
This document provides an overview of Cascading Style Sheets (CSS) and how they are used to style HTML elements. It discusses how CSS allows formatting to be separated from HTML content, and that CSS rules can select elements using tags, classes, or IDs. It also covers various CSS properties for styling text, backgrounds, links, lists, tables, and positioning elements. External and internal CSS stylesheets are introduced as ways to apply CSS rules to HTML pages.
Week11 Lecture: CSS
This document provides an overview of CSS (Cascading Style Sheets) including what CSS is used for, different types of CSS selectors, and how to apply CSS styles. CSS is used to control the presentation and styling of HTML elements, allowing separation of design from content. There are three main ways to select and target CSS styles: element selectors for regular HTML tags, class selectors for any HTML element, and ID selectors for unique elements. CSS rules are made up of selectors, properties, and values. The order that CSS rules are defined is important due to the cascade.
Css
CSS (Cascading Style Sheets) is a style sheet language that allows control over the look and formatting of a document written in a markup language like HTML. CSS handles the styling and layout of web pages and allows separation of content from design. Key points covered in the document include that CSS can control colors, fonts, layout, backgrounds and other styling aspects. It provides advantages like time savings, easier maintenance, faster page loads and global standards compliance. CSS rules are created and maintained by the W3C and different versions have been released over time. CSS syntax involves selectors, properties and values to target elements and apply styles. Styles can be defined inline, internally, or via external stylesheets.
Intro to CSS_APEC CascadingStyleSheets.pptx
Cascading Style Sheets is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML or XML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
Css
This document provides an introduction to CSS (Cascading Style Sheets). It defines CSS as used to style and lay out web pages, working with HTML. Key points covered include:
- CSS allows separation of document structure (HTML) from presentation (CSS).
- CSS works with the box model and can control colors, fonts, layout, and other design aspects.
- Styles can be defined internally, externally, or inline. External is best for multiple pages.
- Selectors identify HTML elements to which styles apply. Types include elements, classes, IDs.
- Common style properties covered are backgrounds, text, fonts, borders, and tables.
- An example is provided to demonstrate CSS syntax and
How to dominate a free theme WCTO 2014
Not everyone can afford to have a custom designed theme for their WordPress website. Often we have to resort to the themes that are available for free or cheap. But how do we avoid having the website look the same as everyone else’s who used the same theme?
I will show you how to take the most common WordPress.org themes and turn them into the unique look you want. Google Chrome or Firefox recommended. No coding knowledge is required, but you will learn some basic CSS.
Cascading style sheets
This document discusses Cascading Style Sheets (CSS) and its core concepts. It covers the different ways to insert CSS styles (external, internal, inline stylesheets), CSS selectors (type, class, ID selectors), the cascade and inheritance of styles, and some common text properties like color, decoration, and formatting. CSS is used to separate document structure and presentation to make websites easier to maintain and style consistently.
BITM3730 9-19.pptx
The document discusses Cascading Style Sheets (CSS) and how they are used to control the layout and formatting of web pages. It covers the basic syntax of CSS code and the three main ways to apply stylesheets: internally, inline, and externally. Key points include that CSS separates structure and presentation, stylesheets allow consistent styling across pages, and the <link> tag is used to connect external CSS files to HTML documents.
Cascading style sheets
Cascading Style Sheets (CSS) allow separation of document content from document presentation and formatting. CSS defines how elements should be rendered on screen, paper, or other media. This document discusses CSS syntax, the different ways to insert CSS (external, internal, inline stylesheets), CSS selectors including type, class, ID and descendant selectors, and the cascading order of multiple style sheets. It also covers CSS features such as comments, declarations and properties, and media types for external stylesheets.
Workshop 2 Slides.pptx
The document summarizes Workshop #2 on web development hosted by Sohail Asghar and Saad Mustafa. It covers the basics of HTML, CSS, and JavaScript. For HTML, it discusses basic tags like headings, paragraphs, links, images and lists. For CSS, it explains concepts like selectors, colors, backgrounds, borders, fonts, padding, and margins. For JavaScript, it provides introductions to variables, output, data types, and more.
David Weliver
CSS (Cascading Style Sheets) is a coding language that is used to format and style HTML documents. It allows you to control things like fonts, colors, layout, and formatting on web pages without having to insert HTML tags. The document provides an overview of CSS syntax and properties, and how to use CSS to style elements like text, links, backgrounds, borders, padding and margins. It also discusses tools for working with CSS like inspect element and text editors, and provides examples of CSS tricks for rounded corners, gradients, lists and conditional formatting. Resources for learning more about CSS are included at the end.
BITM3730 9-20.pptx
The document provides an overview of CSS (Cascading Style Sheets) including its basic syntax and the three main methods for applying stylesheets: inline, internal, and external. It explains that CSS is used to control the layout and formatting of HTML elements and allows for consistent styling across multiple web pages. The key points covered are:
- CSS syntax uses selectors, properties, and values to style HTML elements
- Stylesheets can be defined internally within HTML, inline within elements, or externally in separate files
- External stylesheets are considered the best practice and allow linking CSS to HTML documents
Similar to SCCI'15 - Devology - Session 2 - UI&CSS (20)
Cascading Styling Sheets(CSS) simple design language intended to transform th...
Cascading Styling Sheets(CSS) simple design language intended to transform th...
More from SCCI-CU
SCCI'15 - Markative - session 7 - Advertising
cultural: https://www.youtube.com/watch?v=D2JNZLQ5ZXY
emotional: https://www.youtube.com/watch?v=PCvsMS4cWUU
SCCI'15 - Devology - Session 9 - a quick revision on designing and developing.
This document discusses various JavaScript and PHP techniques including changing HTML elements using JavaScript, displaying and hiding div elements with functions, form validation in JavaScript, connecting to a database with PHP using mysqli_connect, and performing basic SQL queries like SELECT, INSERT, UPDATE, and DELETE with PHP code examples.
SCCI'15 - Devology - Session 5 - How to make my own website?
The document provides steps and tips for creating your own website including choosing a domain name and web host, planning and designing the site, testing it, and then marketing and maintaining it. Some key points covered are finding an idea for the site, choosing a short, unique, and creative domain name, selecting free or paid web hosting, using social media, search engine optimization, and YouTube for marketing, and regularly updating the site to fix bugs, improve the user interface, and optimize search engine results. The presentation concludes by thanking the audience and opening the floor for any questions.
SCCI'15 - Markative - Session5 - Designing concepts
The document discusses key concepts in graphic design such as combining pictures and text, contrast, repetition, alignment, simplicity, white space, proximity, and recapping the concepts presented. It was written by Mohanned Ezz and Toqa Amr on the topic of designing concepts in graphic design.
SCCI'15 - SoftSkills - Session 4 presentation skills
The document provides tips for being a good presenter. It stresses the importance of preparation, including knowing your audience and content, practicing your presentation, and getting feedback. When presenting, use a clear voice and maintain good posture with eye contact and gestures. Be mindful of time and avoid sensitive topics. Overall, the key aspects of presenting effectively are thorough preparation, strong delivery, and managing the audience experience.
SCCI'15 - markative - session 3 - Consumer behavior
This document summarizes key concepts in marketing and sales including defining the difference between marketing and sales, discussing market research methods, consumer behavior models, factors that influence consumer preferences, and the consumer buying process. It also provides contact information for the presenters Mohanned Ezz and Toqa Amr.
SCCI'15 - Devology - Session 1 - Introduction The Internet & HTML
The document compares and contrasts the internet and the web, discussing their origins and evolution. It notes that the internet is a network of networks that allows any connected computer to communicate, while the web is a system for accessing and sharing information over the internet. The document then outlines the progression of the web from Web 1.0's commercial and limited uses to today's Web 3.0 with cloud computing and artificial intelligence. It also distinguishes between web development and design and their respective roles in creating functional and visually appealing websites.
More from SCCI-CU (7)
SCCI'15 - Devology - Session 9 - a quick revision on designing and developing.
SCCI'15 - Devology - Session 9 - a quick revision on designing and developing.
SCCI'15 - Devology - Session 5 - How to make my own website?
SCCI'15 - Devology - Session 5 - How to make my own website?
SCCI'15 - Markative - Session5 - Designing concepts
SCCI'15 - Markative - Session5 - Designing concepts
SCCI'15 - SoftSkills - Session 4 presentation skills
SCCI'15 - SoftSkills - Session 4 presentation skills
SCCI'15 - markative - session 3 - Consumer behavior
SCCI'15 - markative - session 3 - Consumer behavior
SCCI'15 - Devology - Session 1 - Introduction The Internet & HTML
SCCI'15 - Devology - Session 1 - Introduction The Internet & HTML
Recently uploaded
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏)-𝐏𝐫𝐞𝐥𝐢𝐦𝐬
𝐃𝐢𝐬𝐜𝐮𝐬𝐬 𝐭𝐡𝐞 𝐄𝐏𝐏 𝐂𝐮𝐫𝐫𝐢𝐜𝐮𝐥𝐮𝐦 𝐢𝐧 𝐭𝐡𝐞 𝐏𝐡𝐢𝐥𝐢𝐩𝐩𝐢𝐧𝐞𝐬:
- Understand the goals and objectives of the Edukasyong Pantahanan at Pangkabuhayan (EPP) curriculum, recognizing its importance in fostering practical life skills and values among students. Students will also be able to identify the key components and subjects covered, such as agriculture, home economics, industrial arts, and information and communication technology.
𝐄𝐱𝐩𝐥𝐚𝐢𝐧 𝐭𝐡𝐞 𝐍𝐚𝐭𝐮𝐫𝐞 𝐚𝐧𝐝 𝐒𝐜𝐨𝐩𝐞 𝐨𝐟 𝐚𝐧 𝐄𝐧𝐭𝐫𝐞𝐩𝐫𝐞𝐧𝐞𝐮𝐫:
-Define entrepreneurship, distinguishing it from general business activities by emphasizing its focus on innovation, risk-taking, and value creation. Students will describe the characteristics and traits of successful entrepreneurs, including their roles and responsibilities, and discuss the broader economic and social impacts of entrepreneurial activities on both local and global scales.
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...Nguyen Thanh Tu Collection
https://app.box.com/s/tacvl9ekroe9hqupdnjruiypvm9rdaneWhat is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Aberdeen
Temple of Asclepius in Thrace. Excavation results
The temple and the sanctuary around were dedicated to Asklepios Zmidrenus. This name has been known since 1875 when an inscription dedicated to him was discovered in Rome. The inscription is dated in 227 AD and was left by soldiers originating from the city of Philippopolis (modern Plovdiv).
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
Physical pharmaceutics notes for B.pharm students
BBR 2024 Summer Sessions Interview Training
Qualitative research interview training by Professor Katrina Pritchard and Dr Helen Williams
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف أحرف الخلاف للقراء العشرةأعد أحرف الخلاف بالتلوين وصلا سمير بسيوني غفر الله له
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...Nguyen Thanh Tu Collection
https://app.box.com/s/qhtvq32h4ybf9t49ku85x0n3xl4jhr15Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
The History of NZ 1870-1900.
Making of a Nation.
From the NZ Wars to Liberals,
Richard Seddon, George Grey,
Social Laboratory, New Zealand,
Confiscations, Kotahitanga, Kingitanga, Parliament, Suffrage, Repudiation, Economic Change, Agriculture, Gold Mining, Timber, Flax, Sheep, Dairying,
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh
Walmart Business+ and Spark Good for Nonprofits.pdf
"Learn about all the ways Walmart supports nonprofit organizations.
You will hear from Liz Willett, the Head of Nonprofits, and hear about what Walmart is doing to help nonprofits, including Walmart Business and Spark Good. Walmart Business+ is a new offer for nonprofits that offers discounts and also streamlines nonprofits order and expense tracking, saving time and money.
The webinar may also give some examples on how nonprofits can best leverage Walmart Business+.
The event will cover the following::
Walmart Business + (https://business.walmart.com/plus) is a new shopping experience for nonprofits, schools, and local business customers that connects an exclusive online shopping experience to stores. Benefits include free delivery and shipping, a 'Spend Analytics” feature, special discounts, deals and tax-exempt shopping.
Special TechSoup offer for a free 180 days membership, and up to $150 in discounts on eligible orders.
Spark Good (walmart.com/sparkgood) is a charitable platform that enables nonprofits to receive donations directly from customers and associates.
Answers about how you can do more with Walmart!"
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"National Information Standards Organization (NISO)
This presentation was provided by Racquel Jemison, Ph.D., Christina MacLaughlin, Ph.D., and Paulomi Majumder. Ph.D., all of the American Chemical Society, for the second session of NISO's 2024 Training Series "DEIA in the Scholarly Landscape." Session Two: 'Expanding Pathways to Publishing Careers,' was held June 13, 2024.Chapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering
Syllabus
Chapter-1
Introduction to objective, scope and outcome the subject
Chapter 2
Introduction: Scope and Specialization of Civil Engineering, Role of civil Engineer in Society, Impact of infrastructural development on economy of country.
Chapter 3
Surveying: Object Principles & Types of Surveying; Site Plans, Plans & Maps; Scales & Unit of different Measurements.
Linear Measurements: Instruments used. Linear Measurement by Tape, Ranging out Survey Lines and overcoming Obstructions; Measurements on sloping ground; Tape corrections, conventional symbols. Angular Measurements: Instruments used; Introduction to Compass Surveying, Bearings and Longitude & Latitude of a Line, Introduction to total station.
Levelling: Instrument used Object of levelling, Methods of levelling in brief, and Contour maps.
Chapter 4
Buildings: Selection of site for Buildings, Layout of Building Plan, Types of buildings, Plinth area, carpet area, floor space index, Introduction to building byelaws, concept of sun light & ventilation. Components of Buildings & their functions, Basic concept of R.C.C., Introduction to types of foundation
Chapter 5
Transportation: Introduction to Transportation Engineering; Traffic and Road Safety: Types and Characteristics of Various Modes of Transportation; Various Road Traffic Signs, Causes of Accidents and Road Safety Measures.
Chapter 6
Environmental Engineering: Environmental Pollution, Environmental Acts and Regulations, Functional Concepts of Ecology, Basics of Species, Biodiversity, Ecosystem, Hydrological Cycle; Chemical Cycles: Carbon, Nitrogen & Phosphorus; Energy Flow in Ecosystems.
Water Pollution: Water Quality standards, Introduction to Treatment & Disposal of Waste Water. Reuse and Saving of Water, Rain Water Harvesting. Solid Waste Management: Classification of Solid Waste, Collection, Transportation and Disposal of Solid. Recycling of Solid Waste: Energy Recovery, Sanitary Landfill, On-Site Sanitation. Air & Noise Pollution: Primary and Secondary air pollutants, Harmful effects of Air Pollution, Control of Air Pollution. . Noise Pollution Harmful Effects of noise pollution, control of noise pollution, Global warming & Climate Change, Ozone depletion, Greenhouse effect
Text Books:
1. Palancharmy, Basic Civil Engineering, McGraw Hill publishers.
2. Satheesh Gopi, Basic Civil Engineering, Pearson Publishers.
3. Ketki Rangwala Dalal, Essentials of Civil Engineering, Charotar Publishing House.
4. BCP, Surveying volume 1
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Iván Bornacelly, Policy Analyst at the OECD Centre for Skills, OECD, presents at the webinar 'Tackling job market gaps with a skills-first approach' on 12 June 2024
How to Make a Field Mandatory in Odoo 17
In Odoo, making a field required can be done through both Python code and XML views. When you set the required attribute to True in Python code, it makes the field required across all views where it's used. Conversely, when you set the required attribute in XML views, it makes the field required only in the context of that particular view.
Stack Memory Organization of 8086 Microprocessor
The stack memory organization of 8086 microprocessor.
Recently uploaded (20)
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
SCCI'15 - Devology - Session 2 - UI&CSS
- 1. Presented By: Assem Salem Mahmoud Bahaa El-Din
- 2. What’s UI?
- 3. It’s what you can see and interact with..
- 5. A good UI should be: • Simple. • Consistency & common UI elements • Purposeful layout. • Strategically use colour and texture. • Typography.
- 6. CSS A world of beauty
- 7. What is
- 8. <h1>HTML elemnts</h1> <p>Welcome to SCCI!</p> HTML elements Welcome to SCCI!
- 9. Where to…?!! Inline Internal External <style> h1{ color: #1234 } </style> <h1 style=“color: #1234;”></h1> .html .css
- 10. • Selectors • Background • Text • Borders
- 11. Selector Element Id class P{ css code } #id{ css code } .class{ css code } p.class{ css code }
- 12. • Selectors • Background • Text • Borders
- 14. • Selectors • Background • Text • Borders
- 15. Text color Font size Font styleFont family {color: #1234;} {Font-family: Calibri;} {Font-size: 28;} {Font-style: italic;}
- 16. • Selectors • Background • Text • Borders
- 17. Borders border border radius Box shadow {border:2px solid #FFF;} {border-radius: 20 px;} {box-shadow: 0 0 10 px blue;}
- 18. Recap
- 19. Where to ?! Inline Internal External Selectors Element Id class Backgrounds color image repeat position Text color Font size Font weightFont family Left right bottomMargin top Border radius shadow
- 20. Any Questions?
- 21. Thank You