Web design Dwi susanto.

Slides:



Advertisements
Similar presentations
HTML. The World Wide Web Protocols Addresses HTML.
Advertisements

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
Part 2 Introduction to CSS. CSS Syntax – class selector 1 With the class selector you can define different styles for the same type of HTML element. You.
A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Media Queries Jeffery Davis CIT media is used to define different style rules for different media types and devices. Media queries.
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
Cascading Style Sheets Controlling the Display Of Web Content.
Cascading Style Sheets Controlling the Display Of Web Content.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Julien Thibault  HTML is the basic building-blocks of webpages  It is not a language!! (despite its name)  Structure text/media.
IE11 Preview is here! Briefing prepared for the IE MVPs and IE userAgents communities.
HTML basics exercises.
Using Styles and Style Sheets for Design
Web Design: HTML & CSS Lauren Lewis Mauricio Gomez.
11 HTML5 sharing St Bonaventure College & High School 31 May 2012.
Lesson 05 // Web Design, Layout & Structure 1.Web Design/Designer-Coder Relationship 2.Fixed vs Fluid Website Layouts 3.Screen Resolutions.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 6.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.
Project 6: Kayaking HTML5 Site
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.
Internet Explorer 10 IE9 hardware-accelerated platform CSS 2D Transforms CSS Backgrounds & Borders CSS Color CSS Fonts CSS Media Queries CSS Namespaces.
Mobile Internet Trends. 2 Mobile 3.0 Service Social Sensor - Online free service - HTML5 web service -Monthly fee service - Application socialization.
Adobe Dreamweaver CC: The Professional Portfolio Project 8: BLVD Fluid Grid Site Working with fluid grids Creating CSS3 transitions.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML NOTES October 6, Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.
Browser Compatibility Testing, using different browsers Conditional Statements.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Miguel Lara, PhD. Design and development instructional websites using a variety of web technologies such as HTML5, CSS, JavaScript, and jQuery.
Java Script and the DOM DOM stands for: –The Document Object Model When a browser reads a web page, it converts it’s contents from HTML into a hierarchical.
How HTML responsiveness translates to PDF
Getting Started – Basic Page Structure
Getting Started with HTML
CSS Cascading Style Sheets
Web Basics: HTML/CSS/JavaScript What are they?
SOEN 287 Web programming Tutorial 03- HTML5 & CSS
XML Related Technologies
Chapter 2 Developing a Web Page.
>> Introduction to CSS
Intro to Web Development Class A Review
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Responsive Web Design (RWD)
Introduction to JavaScript
Responsive Web Design (RWD)
Introduction to JavaScript
What is the difference between Computer and Software programming?
Intro to Web Development Links
Exam1 Review CSE111 B.Ramamurthy 2/17/2019 B.Ramamurthy.
Pertemuan 1b
Web Design and Development
Lesson 4 Creating a page with Web Matrix
HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.
CIS 133 mashup Javascript, jQuery and XML
HTML and CSS Basics.
Introduction to JavaScript
HTML Tags and Structure
Presentation transcript:

Web design Dwi susanto

OLD Web Design

Dulu Vs Sekarang

Web design trend 2012 Responsive Design Touchscreen Mobile Devices Fixed Navigation Big Vector art Jquery/CSS3/HTML5 animation Custom Font Faces Infographics Focus on Simplicity

Galeri Big Vector Art Fixed Navigations Simplicity Free Online Fonts Infographics

Screen Size

Perkembangan terbaru HTML5 CSS3 New Element Canvas Mobile Support Animations Transformations Media Queries etc

Cara Kerja Web

Dasar HTML

Open dan close tag

Attribute

Body, head, title

Organisasi file web

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.