CE-9506_Session02
•Download as KEY, PDF•
0 likes•171 views
These are the slides for Session 02 of my Web Design Function & Analysis class currently being taught at UArts Philadelphia.
Report
Share
Report
Share
Recommended
Web Design Norms
HTML5 is the latest version of HTML, which structures and presents content for the web. HTML5 adds new elements like <section> and <article> that define different parts of semantic content. CSS is used to specify the layout and presentation of content, including fixed-width, liquid, and responsive layouts that adapt to different devices. Effective web design tips include fast loading, balanced text and graphics, clean navigation, use of grids and typography best practices.
Client side storage on the modern web
The document discusses client-side storage options on the modern web, including cookies, DOM storage, and IndexedDB. Cookies are widely supported but have limitations on storage size and are transmitted with every request. DOM storage allows more storage than cookies and persists data for the current session or across sessions depending on the storage type (sessionStorage or localStorage). IndexedDB is a persistent key-value store that supports indexing of values and transactions for atomic data access and mutation. Security concerns around client-side storage include scoping data to the origin to prevent cross-site scripting and being careful of storing sensitive personal information.
Web Development Technologies
This document discusses various web development technologies. It covers client-side technologies like HTML, CSS, and JavaScript which are used to build the front-end interface. It also discusses server-side technologies like PHP, JSP, ASP that are used to dynamically generate the interface. Additionally, it mentions database technologies like SQL that are used to store and retrieve data, and other technologies like XML, AJAX, and Flash.
Web development using html and wordpress
This document discusses web development using HTML and WordPress. It provides an overview of web development, explaining that it involves both front-end development using languages like HTML, CSS, and JavaScript, as well as back-end development using languages like PHP, Python, and Java. It then describes HTML, explaining that it is the standard markup language used to define the structure of web pages using tags. It also discusses WordPress, describing it as a free and open-source content management system that allows multiple users to collaborate on digital content. Advantages and disadvantages of both HTML and WordPress are outlined.
HTML5 on Mobile(For Designer)
Introduced some HTML5 features on mobile and how to build and design the mobile web page from the perspective of designer.
How Does the Internet Work? (Wix she codes; branch)
How does Google work? How can a friend user her own computer to enter a Website you developed on your own machine? Where are your Facebook posts saved once you exit the browser?
In this talk we will learn the general ideas behind the Internet, what the main components of a Web application are and what happens from the moment you open the browser, enter an address and until you can see the Website with all the relevant data.
This talk was given at the she codes; Wix branch.
Gettings started with Web development
This document provides an overview of web application development. It defines web development as the work involved in developing websites for the internet or intranets, ranging from simple static sites to complex dynamic applications. The document then describes the client-server model used for web applications and separates web development into layers including web design, front-end development, back-end development, web servers, databases, and programming languages like PHP.
Introduction to HTML5 & CSS3
HTML is the main markup language used to create web pages and other information displayed in web browsers. It has evolved over time from HTML in 1990 to newer specifications like HTML5, with HTML5 expected to be finalized by 2016. CSS is used to describe the presentation and formatting of HTML documents, and has also evolved from CSS1 to the current CSS3 specification, which is divided into modules that add new capabilities without breaking compatibility. Together, HTML and CSS provide a common application platform for building websites and web apps that can be viewed across devices like desktops, tablets, and mobile phones.
Recommended
Web Design Norms
HTML5 is the latest version of HTML, which structures and presents content for the web. HTML5 adds new elements like <section> and <article> that define different parts of semantic content. CSS is used to specify the layout and presentation of content, including fixed-width, liquid, and responsive layouts that adapt to different devices. Effective web design tips include fast loading, balanced text and graphics, clean navigation, use of grids and typography best practices.
Client side storage on the modern web
The document discusses client-side storage options on the modern web, including cookies, DOM storage, and IndexedDB. Cookies are widely supported but have limitations on storage size and are transmitted with every request. DOM storage allows more storage than cookies and persists data for the current session or across sessions depending on the storage type (sessionStorage or localStorage). IndexedDB is a persistent key-value store that supports indexing of values and transactions for atomic data access and mutation. Security concerns around client-side storage include scoping data to the origin to prevent cross-site scripting and being careful of storing sensitive personal information.
Web Development Technologies
This document discusses various web development technologies. It covers client-side technologies like HTML, CSS, and JavaScript which are used to build the front-end interface. It also discusses server-side technologies like PHP, JSP, ASP that are used to dynamically generate the interface. Additionally, it mentions database technologies like SQL that are used to store and retrieve data, and other technologies like XML, AJAX, and Flash.
Web development using html and wordpress
This document discusses web development using HTML and WordPress. It provides an overview of web development, explaining that it involves both front-end development using languages like HTML, CSS, and JavaScript, as well as back-end development using languages like PHP, Python, and Java. It then describes HTML, explaining that it is the standard markup language used to define the structure of web pages using tags. It also discusses WordPress, describing it as a free and open-source content management system that allows multiple users to collaborate on digital content. Advantages and disadvantages of both HTML and WordPress are outlined.
HTML5 on Mobile(For Designer)
Introduced some HTML5 features on mobile and how to build and design the mobile web page from the perspective of designer.
How Does the Internet Work? (Wix she codes; branch)
How does Google work? How can a friend user her own computer to enter a Website you developed on your own machine? Where are your Facebook posts saved once you exit the browser?
In this talk we will learn the general ideas behind the Internet, what the main components of a Web application are and what happens from the moment you open the browser, enter an address and until you can see the Website with all the relevant data.
This talk was given at the she codes; Wix branch.
Gettings started with Web development
This document provides an overview of web application development. It defines web development as the work involved in developing websites for the internet or intranets, ranging from simple static sites to complex dynamic applications. The document then describes the client-server model used for web applications and separates web development into layers including web design, front-end development, back-end development, web servers, databases, and programming languages like PHP.
Introduction to HTML5 & CSS3
HTML is the main markup language used to create web pages and other information displayed in web browsers. It has evolved over time from HTML in 1990 to newer specifications like HTML5, with HTML5 expected to be finalized by 2016. CSS is used to describe the presentation and formatting of HTML documents, and has also evolved from CSS1 to the current CSS3 specification, which is divided into modules that add new capabilities without breaking compatibility. Together, HTML and CSS provide a common application platform for building websites and web apps that can be viewed across devices like desktops, tablets, and mobile phones.
Web Development
This document provides an overview of the web development skills and tools included in the author's portfolio. It describes HTML as the language that defines the structure of web pages using tags, CSS as the language used to describe page presentation and styles, JavaScript as an essential programming language for interactive web pages, and Bootstrap as a popular front-end framework for designing responsive websites and applications. Screenshots of the author's portfolio are also included.
Forms as Structured Content
From dotCMS Boot Camp 2010. This presentation talks about form submissions can now be stored as content and dynamically reported on HTML pages. Any user can place complex forms on any HTML page in the dotCMS 1.9 version.
Web dev-101
This document provides an introduction to web development fundamentals including the top 3 technologies used (HTML, CSS, JavaScript), what each one is used for, and examples of how they are implemented. It also addresses other common questions about differences between newer versions of technologies, where Flash is going, content management systems, differences between front-end and back-end development, and the growing importance of mobile.
Web Design Overview
This document provides an overview of basic web design terms and concepts. It defines common terms like the World Wide Web, websites, HTML, web servers, and browsers. It also describes different types of websites such as static informational sites, dynamic informational sites, interactive sites, and online communities. Finally, it outlines the basic steps to plan a website, which include organizing ideas, gathering content, defining the audience, building the site, and uploading it to a web server.
Modern Web Development
This presentation offers a quick and not remotely comprehensive overview of modern web development, and that means mostly front-end web development.
Multi-content Containers in dotCMS 3.0
Everyone knows DotCMS is crazy-flexible as it is. Now, you can do even more with our new Multi-type Containers in version 3.0. Multi-type Containers allow you to pull content from more than one content structure. One structure was good back in the day, but now, the new cool is multi-type containers. Rethinking Templates and Containers will introduce you to how to build sites that content contributors can't break... not that it ever happens that way. You'll be giddy with all the possibilities.
Web design using html
- HTML (Hypertext Markup Language) is the standard markup language used to create web pages and web applications. It uses tags to define headings, paragraphs, tables and other page elements.
- Web browsers receive HTML documents and render them into multimedia web pages. HTML describes the semantic structure of a web page and originally included cues for appearance.
- Common HTML tags like <p> and <h1> are used to define paragraphs and headings. Tags normally come in pairs and the end tag includes a forward slash before the tag name.
Web Pages
Static web pages contain fixed content that is delivered directly from the web server to the browser without any processing. They are simpler to create but cannot be dynamically updated. Dynamic web pages have content that can change, usually by interacting with a database or content management system. With dynamic pages, the server processes scripts that query databases and formats the results into HTML before delivering it to the browser. Common scripting languages for dynamic pages include PHP, ASP, JavaScript, and Python. The DOM (Document Object Model) represents an HTML document as a hierarchical tree structure and allows manipulating and changing the page dynamically.
Introduction of web desiging
The document provides an introduction to web design and development. It discusses the basic steps to create a website including choosing a domain name, registering with a registrar, selecting a hosting service, and submitting the site to search engines. It also outlines 12 principles of good website design and various technologies and tools used in web development like HTML, CSS, scripting languages, and web editing software. The document then goes into more detail about HTML fundamentals like tags, document structure, hyperlinks, and using colors.
Chapter 17: Responsive Web Design
Responsive web design (RWD) allows web pages to adapt to different screen sizes. There are three main components: a flexible grid, flexible images, and CSS media queries. Media queries apply different styles depending on screen width and features. Designers create breakpoints for layout changes and optimize content hierarchy, typography, navigation, and other elements for different screen sizes through testing on actual devices.
Web dev#1
Code is a language that allows humans to communicate with computers. There are three goals of coding: functionality, reusability, and good style. Code is written and tested using an Integrated Development Environment (IDE) to identify and fix bugs. Websites are created using a combination of programming languages including HTML, CSS, JavaScript, PHP, and SQL. HTML and CSS define the layout and design of web pages, while JavaScript makes pages interactive.
Web presence presentation
The document discusses the importance of websites for businesses and provides information on web hosting and content. It begins by explaining how a website allows a business to be open 24/7 and reach a broader customer base. It then covers various types of web hosting like free, dedicated, and cloud hosting. The document also provides tips for writing good content in text and multimedia formats. It emphasizes making content relevant, accessible, and understandable for users.
Bootstrap Web Development Framework
This document provides an overview of Bootstrap, an open-source front-end web development framework. It includes information on what Bootstrap is, its key features like the grid system and responsive design, how to get started using Bootstrap by including its CSS and JavaScript files, and examples of common Bootstrap components like navigation, the jumbotron, grid layouts, images, and parallax scrolling effects. The document encourages users to get familiar with the grid system and look at code samples on the Bootstrap website to help get started building interfaces with Bootstrap.
Introducing Joomla! CMS
Joomla is a powerful and popular open source content management system (CMS) that allows users to easily create, edit, and manage content on a website. It provides benefits like collaborative content creation, formatting control, and content reuse. Joomla is flexible, extensible through plugins, and has a large user community. It contains PHP files and templates to control design. Overall, Joomla is easy to use, customizable, and a robust CMS for building many types of websites.
Week01 jan19 introductionto_php
This document provides an introduction to PHP. It defines dynamic websites as those built using scripting languages like PHP, ASP.NET, JSP, and Ruby on Rails that generate code for the site on the server-side, compared to static websites built with HTML and JavaScript that only display pre-compiled pages. PHP is introduced as a widely used scripting language especially for web development that can be embedded into HTML. The document also discusses how PHP code is executed on the server and returns dynamic content to users, and how PHP can interface with databases like MySQL to power features like user accounts, content management, and data-driven sites.
Open source wordpress and drupal
The document discusses content management systems (CMS), comparing WordPress and Drupal. It covers CMS structure and components, the strengths and weaknesses of WordPress and Drupal, useful modules for each, and maintenance/upgrades. Installation exercises are suggested to provide hands-on experience with CMS functionality and administration.
Webdevelopment by naveen
The document discusses the history and categories of web development. It begins with early technologies like HTML, CSS, and JavaScript. It then explains how server-side programming with languages like PHP and ASP allowed websites to connect to databases. Today there are many options for building a fully-featured website without deep technical knowledge, including blog platforms, content management systems, and web frameworks. The document outlines the basics of each category and how web development has evolved over time from early HTML to current tools.
Bib frame
This document discusses BibFrame, a system for encoding bibliographic data in a format compatible with the semantic web. It introduces BibFrame Scribe, an online editor for BibFrame data. BibFrame aims to create interlinked bibliographic data that is mobile and can be built upon by others by using web technologies like URLs instead of isolated, text-based data. This allows additional services and applications to utilize bibliographic data on the semantic web.
Comparisons of web languages
Client-side languages like HTML, CSS, and JavaScript are used to build the front-end structure, layout, and interactive behavior of webpages. Server-side languages like PHP are used to dynamically output content from a server like HTML, images, and files. Each language has a specific purpose, with HTML defining content structure, CSS specifying design, JavaScript programming behavior, and PHP processing server-side code. They each allow different abilities ranging from basic webpage structure to dynamic content generation and processing.
OW2 Exo Platform Open Social Portal Linuxtag09
This document discusses eXo Platform, an open source alternative to Microsoft SharePoint. It provides a portal, enterprise content management, and collaborative tools. Key features include being able to deploy on any operating system, middleware, database, or browser. It aims to unify access to applications and information through web portlets. It also includes social networking capabilities through an open source implementation of OpenSocial that allows embedding gadgets in eXo Portal.
CE-9506 - Session03: User Consideration
This is the brief slide presentation given to my students at UArts.
It focus on the design for maximum usability of a web site and interface.
Digital activism 101 case studies draft3
This document discusses how to make digital activism effective through various online and offline strategies. It provides three case studies that exemplify these strategies: 1) the 2011 International Women's Day campaign used Google tools and media to engage people, 2) the Natural Hair Movement used catchy phrases and multiple social media platforms for branding and outreach, 3) the Esoteric Lore project used a Kickstarter campaign with engaging videos and funding tools to support their work. The document advocates using broad accessibility, engaging content, interactivity, and clear calls to action for "digable" digital activism.
More Related Content
What's hot
Web Development
This document provides an overview of the web development skills and tools included in the author's portfolio. It describes HTML as the language that defines the structure of web pages using tags, CSS as the language used to describe page presentation and styles, JavaScript as an essential programming language for interactive web pages, and Bootstrap as a popular front-end framework for designing responsive websites and applications. Screenshots of the author's portfolio are also included.
Forms as Structured Content
From dotCMS Boot Camp 2010. This presentation talks about form submissions can now be stored as content and dynamically reported on HTML pages. Any user can place complex forms on any HTML page in the dotCMS 1.9 version.
Web dev-101
This document provides an introduction to web development fundamentals including the top 3 technologies used (HTML, CSS, JavaScript), what each one is used for, and examples of how they are implemented. It also addresses other common questions about differences between newer versions of technologies, where Flash is going, content management systems, differences between front-end and back-end development, and the growing importance of mobile.
Web Design Overview
This document provides an overview of basic web design terms and concepts. It defines common terms like the World Wide Web, websites, HTML, web servers, and browsers. It also describes different types of websites such as static informational sites, dynamic informational sites, interactive sites, and online communities. Finally, it outlines the basic steps to plan a website, which include organizing ideas, gathering content, defining the audience, building the site, and uploading it to a web server.
Modern Web Development
This presentation offers a quick and not remotely comprehensive overview of modern web development, and that means mostly front-end web development.
Multi-content Containers in dotCMS 3.0
Everyone knows DotCMS is crazy-flexible as it is. Now, you can do even more with our new Multi-type Containers in version 3.0. Multi-type Containers allow you to pull content from more than one content structure. One structure was good back in the day, but now, the new cool is multi-type containers. Rethinking Templates and Containers will introduce you to how to build sites that content contributors can't break... not that it ever happens that way. You'll be giddy with all the possibilities.
Web design using html
- HTML (Hypertext Markup Language) is the standard markup language used to create web pages and web applications. It uses tags to define headings, paragraphs, tables and other page elements.
- Web browsers receive HTML documents and render them into multimedia web pages. HTML describes the semantic structure of a web page and originally included cues for appearance.
- Common HTML tags like <p> and <h1> are used to define paragraphs and headings. Tags normally come in pairs and the end tag includes a forward slash before the tag name.
Web Pages
Static web pages contain fixed content that is delivered directly from the web server to the browser without any processing. They are simpler to create but cannot be dynamically updated. Dynamic web pages have content that can change, usually by interacting with a database or content management system. With dynamic pages, the server processes scripts that query databases and formats the results into HTML before delivering it to the browser. Common scripting languages for dynamic pages include PHP, ASP, JavaScript, and Python. The DOM (Document Object Model) represents an HTML document as a hierarchical tree structure and allows manipulating and changing the page dynamically.
Introduction of web desiging
The document provides an introduction to web design and development. It discusses the basic steps to create a website including choosing a domain name, registering with a registrar, selecting a hosting service, and submitting the site to search engines. It also outlines 12 principles of good website design and various technologies and tools used in web development like HTML, CSS, scripting languages, and web editing software. The document then goes into more detail about HTML fundamentals like tags, document structure, hyperlinks, and using colors.
Chapter 17: Responsive Web Design
Responsive web design (RWD) allows web pages to adapt to different screen sizes. There are three main components: a flexible grid, flexible images, and CSS media queries. Media queries apply different styles depending on screen width and features. Designers create breakpoints for layout changes and optimize content hierarchy, typography, navigation, and other elements for different screen sizes through testing on actual devices.
Web dev#1
Code is a language that allows humans to communicate with computers. There are three goals of coding: functionality, reusability, and good style. Code is written and tested using an Integrated Development Environment (IDE) to identify and fix bugs. Websites are created using a combination of programming languages including HTML, CSS, JavaScript, PHP, and SQL. HTML and CSS define the layout and design of web pages, while JavaScript makes pages interactive.
Web presence presentation
The document discusses the importance of websites for businesses and provides information on web hosting and content. It begins by explaining how a website allows a business to be open 24/7 and reach a broader customer base. It then covers various types of web hosting like free, dedicated, and cloud hosting. The document also provides tips for writing good content in text and multimedia formats. It emphasizes making content relevant, accessible, and understandable for users.
Bootstrap Web Development Framework
This document provides an overview of Bootstrap, an open-source front-end web development framework. It includes information on what Bootstrap is, its key features like the grid system and responsive design, how to get started using Bootstrap by including its CSS and JavaScript files, and examples of common Bootstrap components like navigation, the jumbotron, grid layouts, images, and parallax scrolling effects. The document encourages users to get familiar with the grid system and look at code samples on the Bootstrap website to help get started building interfaces with Bootstrap.
Introducing Joomla! CMS
Joomla is a powerful and popular open source content management system (CMS) that allows users to easily create, edit, and manage content on a website. It provides benefits like collaborative content creation, formatting control, and content reuse. Joomla is flexible, extensible through plugins, and has a large user community. It contains PHP files and templates to control design. Overall, Joomla is easy to use, customizable, and a robust CMS for building many types of websites.
Week01 jan19 introductionto_php
This document provides an introduction to PHP. It defines dynamic websites as those built using scripting languages like PHP, ASP.NET, JSP, and Ruby on Rails that generate code for the site on the server-side, compared to static websites built with HTML and JavaScript that only display pre-compiled pages. PHP is introduced as a widely used scripting language especially for web development that can be embedded into HTML. The document also discusses how PHP code is executed on the server and returns dynamic content to users, and how PHP can interface with databases like MySQL to power features like user accounts, content management, and data-driven sites.
Open source wordpress and drupal
The document discusses content management systems (CMS), comparing WordPress and Drupal. It covers CMS structure and components, the strengths and weaknesses of WordPress and Drupal, useful modules for each, and maintenance/upgrades. Installation exercises are suggested to provide hands-on experience with CMS functionality and administration.
Webdevelopment by naveen
The document discusses the history and categories of web development. It begins with early technologies like HTML, CSS, and JavaScript. It then explains how server-side programming with languages like PHP and ASP allowed websites to connect to databases. Today there are many options for building a fully-featured website without deep technical knowledge, including blog platforms, content management systems, and web frameworks. The document outlines the basics of each category and how web development has evolved over time from early HTML to current tools.
Bib frame
This document discusses BibFrame, a system for encoding bibliographic data in a format compatible with the semantic web. It introduces BibFrame Scribe, an online editor for BibFrame data. BibFrame aims to create interlinked bibliographic data that is mobile and can be built upon by others by using web technologies like URLs instead of isolated, text-based data. This allows additional services and applications to utilize bibliographic data on the semantic web.
Comparisons of web languages
Client-side languages like HTML, CSS, and JavaScript are used to build the front-end structure, layout, and interactive behavior of webpages. Server-side languages like PHP are used to dynamically output content from a server like HTML, images, and files. Each language has a specific purpose, with HTML defining content structure, CSS specifying design, JavaScript programming behavior, and PHP processing server-side code. They each allow different abilities ranging from basic webpage structure to dynamic content generation and processing.
OW2 Exo Platform Open Social Portal Linuxtag09
This document discusses eXo Platform, an open source alternative to Microsoft SharePoint. It provides a portal, enterprise content management, and collaborative tools. Key features include being able to deploy on any operating system, middleware, database, or browser. It aims to unify access to applications and information through web portlets. It also includes social networking capabilities through an open source implementation of OpenSocial that allows embedding gadgets in eXo Portal.
What's hot (20)
Viewers also liked
CE-9506 - Session03: User Consideration
This is the brief slide presentation given to my students at UArts.
It focus on the design for maximum usability of a web site and interface.
Digital activism 101 case studies draft3
This document discusses how to make digital activism effective through various online and offline strategies. It provides three case studies that exemplify these strategies: 1) the 2011 International Women's Day campaign used Google tools and media to engage people, 2) the Natural Hair Movement used catchy phrases and multiple social media platforms for branding and outreach, 3) the Esoteric Lore project used a Kickstarter campaign with engaging videos and funding tools to support their work. The document advocates using broad accessibility, engaging content, interactivity, and clear calls to action for "digable" digital activism.
Stockton researchpaper
User-centered reference services have become essential in academic libraries as more information becomes available electronically and users seek information from outside the library. Librarians differentiate themselves from search engines and other information providers by offering superior customer service, including personalized assistance in evaluating information. Libraries now emphasize collaborative workspaces and view students as customers, aiming to meet user needs through services like embedded librarianship, information literacy workshops, and responsive reference desk assistance. Excellent customer service ensures that librarians remain important guides for finding and assessing information.
Digital activism 101 case studies draft1
This document discusses three case studies of effective digital activism campaigns. Case Study 1 profiles a Kickstarter campaign for a project called Esoteric Lore that engaged users through an opening reception video and easy-to-use Kickstarter tools. Case Study 2 examines Google's prominent recognition of International Women's Day in 2011 through an engaging video and interactive maps to find local events. Case Study 3 also involves International Women's Day and highlights how the campaign created interactive events on Google Maps and Picasa and provided compelling calls to action and links to organizations.
Doing Gardens Differentlyv2
The document discusses plans to revitalize the Brown Middle School garden in Atlanta, Georgia. It provides background on how the garden was initially created through a collaborative community effort. It then discusses how the garden was productive in its first growing season by producing various vegetable crops. However, the community group that had been governing the garden is dissolving. The document considers having the local non-profit Impact Church take over operations of the garden in order to strengthen community ties and engagement. It outlines challenges such as capacity and funding that would need to be addressed for a successful transition.
Stockton pathfinder
The National Archives and Records Administration houses over 21.5 million cubic feet of government documents including printed materials, films, maps, audio, and electronic records. Their online catalog allows researchers to search over 3.5 billion electronic records. Genealogists can find useful records like military documents, passenger lists, and census data. The document recommends two National Archives resources - the Archival Research Catalog for searching descriptions and digital copies of records, and the Access to Archival Databases for online searches of records including genealogy documents. Both sites provide guides and tutorials to help users navigate the large amounts of information.
Haiku
A haiku is a 3 line unrhymed Japanese poem where the first and last lines have 5 syllables and the second line has 7 syllables. Haikus typically reference nature or seasons and include vivid imagery to describe moments or scenes in only a few short lines.
Haiku
A haiku is a 3 line unrhymed Japanese poem with a 5-7-5 syllable structure that focuses on nature and seasons. It conveys vivid images and moments using minimal words to capture feelings or a scene, often including nature elements like clouds, trees, rain or flowers within its 3 lines.
Finding articles using academic search complete
The document provides instructions for finding scholarly articles on Zen Buddhism using the Academic Search Complete database. It demonstrates how to search for relevant terms like "Zen Buddhism" and "Bodhidharma", limit results to academic journals and full text, and access full text articles or request items through interlibrary loan when full text is unavailable. The summary emphasizes starting early to allow time for interlibrary loan, reading beyond the first few results, and getting help from a librarian if needed.
Viewers also liked (9)
Similar to CE-9506_Session02
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.
Visual Design for Content Management Systems
This presentation was given to students at Boston University's Center for Digital Imaging Arts in Waltham, MA.
Unit 01 (1).pdf
The document provides an overview of web technologies including HTML, CSS, XML, and JSON. It discusses the structure of HTML documents and common HTML elements like headings, paragraphs, and links. It also describes how the internet and world wide web work using client-server architecture and HTTP protocol. Key topics covered include website planning, design issues, and choosing appropriate technologies based on factors like content type and audience.
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
Web Essentials and Markup Language HTML
HTML
XHTML
CSS
XML
JavaScript
VBSCRIPT
DOM
DHTML
AJAX
E4X
WMLScript
SQL
ASP
ADO
PHP
.NET
SMIL
SVG
FLASH
Java applets
Java servlets
Java Server Page
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
The document discusses web design and publishing. It defines key terminology used in web design like HTML, HTTP, bookmarks and more. It also covers features of web authoring software like views, inserting links and images. Qualities of a good website are discussed like quick loading, easy navigation and regular updates. The importance, limitations and considerations for webmasters in designing websites are also outlined.
Developing Website.pptx
This document provides an overview of developing websites, including introduction to web development, development tools, coding technologies, basic HTML, webpage structure, components, design guidelines, and publishing websites. It discusses HTML, CSS, JavaScript, text editors, IDEs, validators, elements like headings, paragraphs, lists, tables, images, links. It also covers webpage structure with DOCTYPE, head and body, and design guidelines for balance, consistency and navigation. Finally, it outlines publishing a website by uploading files to a server and setting permissions to view pages in a browser.
Introduction to web_design_cs_final_ason
The document provides instructions on how to develop web pages. It discusses the following key points in 3 paragraphs or less:
The first section defines what a website is and explains that a website is the online presence and connection to the world for an individual or business. It notes that website design is different than other forms of publishing.
The second section discusses the design process for websites, noting they require relevant content, an appealing visual design, and ability to grab attention like television. It also notes websites should be updated frequently and adapt to changing technology.
The third section outlines some of the basic components needed to build a website, including clients and servers, internet service providers, website hosting, domain names and URLs, and
Intro to HTML & CSS
The document provides an overview of HTML and CSS, covering topics such as the structure of an HTML document, HTML tags, CSS, and how to create a basic webpage. It discusses what HTML and CSS are, why they are needed, popular HTML tags, and gives examples of adding CSS to an HTML document. It also provides a hands-on tutorial showing how to build a simple website covering HTML basics and using CSS for styling.
Wt unit 1 ppts web development process
The document outlines topics related to web development including introductions to HTML, CSS, XML, JSON, and other web technologies. It discusses internet infrastructure, the world wide web, and how websites are planned and designed. The document also provides an outline and overview of key elements of HTML like headings, paragraphs, colors, fonts, links, and images.
web development process WT
The document outlines topics related to web development including introductions to HTML, CSS, XML, JSON, and other web technologies. It discusses internet infrastructure, the world wide web, and how websites are planned and designed. The document also provides an outline and overview of key elements of HTML like headings, paragraphs, colors, fonts, links, and images.
Geek basics
An alphabetical tour of digital media landscape terminology, covering concepts from Ajax to Usability. Designed for training of journalists entering the digital media landscape.
CSS Bootstrap.pdf
CSS is a language for styling web pages that describes how HTML elements should be displayed. It controls the layout, fonts, colors, and other aspects of visual elements by using properties like color, font-size, margin, padding, border, and positioning. CSS can define styles that are applied to all elements on a page (external style sheet), just one page (internal style sheet), or just a single element (inline styles). The box model is a fundamental concept in CSS, treating each element as a rectangular box with properties for content, padding, border, and margin. Bootstrap is a popular CSS framework that provides pre-built styles and components to help build responsive web pages. The viewport refers to the visible area of
Html,CSS & UI/UX design
The document outlines an agenda for a session on HTML, CSS, and UI/UX design. It includes a quick revision of HTML and CSS standards and practices. It introduces HTML5 best practices regarding semantic elements. It defines what UI/UX is and why it is important. It discusses some UI principles to follow, such as keeping designs simple, straightforward, and focused on context while guiding users and providing feedback.
Cms & wordpress theme development 2011
This document discusses content management systems (CMS) and why WordPress is a popular choice. It notes that more websites now feature dynamic, frequently updated content from multiple sources. CMS allow decentralized updating and reuse of common elements. WordPress is recommended for beginners due to its simplicity yet expandability through plugins. While initially a blogging platform, WordPress can be used to build many types of websites through themes. It has a large community and runs on common, well-supported technology.
9781285852645_CH01 research and analysis of data.pptx
HTML5 provides new elements and attributes that allow for more semantic and structured markup of web pages. It aims to address shortcomings in previous versions of HTML. Key features of HTML5 include new page layout elements, support for rich media and applications, and a move toward stricter syntax rules based on XML. HTML5 code should include a doctype declaration, meta tag for character encoding, and make use of new semantic elements like header, nav, article, and section to mark up different page regions.
Introduction web tech
This document provides information about a national workshop on web interfaces and web applications organized by the Human and Rural Development Society in collaboration with several other organizations. The workshop will be held at the Institute of Modern Sciences and Arts in Hyderabad, India and will be led by master trainer Engr. Liaquat Ali Rahoo. The workshop materials will cover topics related to web technologies, interfaces, and applications.
Introduction_Web_Technologies
This document provides an introduction to various web technologies. It discusses the internet and the World Wide Web, and how they use client-server architecture and HTTP protocol to access interlinked hypertext documents. It then explains why websites are useful by comparing online apps, which can be accessed from anywhere and don't require installation, to offline apps. The document lists and describes common client-side and server-side technologies as well as more advanced technologies. It provides guidance on how to choose appropriate technologies based on factors like content, audience, and experience. Finally, it gives overviews of HTML, CSS, JavaScript, and PHP, explaining their basic functions and usage.
Introducing Cascading Style Sheets
The document discusses an agenda for a class on CSS (Cascading Style Sheets). The agenda includes learning what CSS is and its importance, understanding CSS grammar and syntax, linking a CSS file to HTML, creating a designer's toolbox, designing a basic webpage with CSS, and commenting in CSS. It also provides examples of CSS code, instructions on adding CSS to HTML pages, and homework of creating a basic webpage and CSS file.
Week01 jan19 introductionto_php
This document introduces PHP and MySQL for dynamic web development. PHP is an open-source scripting language suited for web development that can generate HTML code on the server. MySQL is a popular open-source database management system. PHP and MySQL allow websites to be responsive and malleable by connecting to databases and generating customized HTML based on user inputs or database contents. Examples of dynamic websites that use these technologies include WordPress, Shopify, Facebook, and interactive data visualization projects.
Fundamentals of Web
Website Fundamentals - Web Technologies - Responsive Design - Web Browsers
A great place to start if you are interested in web designing or research on the internet
Similar to CE-9506_Session02 (20)
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
9781285852645_CH01 research and analysis of data.pptx
9781285852645_CH01 research and analysis of data.pptx
Recently uploaded
The History of Stoke Newington Street Names
Presented at the Stoke Newington Literary Festival on 9th June 2024
www.StokeNewingtonHistory.com
How to Setup Warehouse & Location in Odoo 17 Inventory
In this slide, we'll explore how to set up warehouses and locations in Odoo 17 Inventory. This will help us manage our stock effectively, track inventory levels, and streamline warehouse operations.
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingExcellence Foundation for South Sudan
Strategies for Effective Upskilling is a presentation by Chinwendu Peace in a Your Skill Boost Masterclass organisation by the Excellence Foundation for South Sudan on 08th and 09th June 2024 from 1 PM to 3 PM on each day.South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)Academy of Science of South Africa
A workshop hosted by the South African Journal of Science aimed at postgraduate students and early career researchers with little or no experience in writing and publishing journal articles.How to deliver Powerpoint Presentations.pptx
"How to make and deliver dynamic presentations by making it more interactive to captivate your audience attention"
BBR 2024 Summer Sessions Interview Training
Qualitative research interview training by Professor Katrina Pritchard and Dr Helen Williams
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
Physical pharmaceutics notes for B.pharm students
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
Main Java[All of the Base Concepts}.docx
This is part 1 of my Java Learning Journey. This Contains Custom methods, classes, constructors, packages, multithreading , try- catch block, finally block and more.
Hindi varnamala | hindi alphabet PPT.pdf
हिंदी वर्णमाला पीपीटी, hindi alphabet PPT presentation, hindi varnamala PPT, Hindi Varnamala pdf, हिंदी स्वर, हिंदी व्यंजन, sikhiye hindi varnmala, dr. mulla adam ali, hindi language and literature, hindi alphabet with drawing, hindi alphabet pdf, hindi varnamala for childrens, hindi language, hindi varnamala practice for kids, https://www.drmullaadamali.com
How to Fix the Import Error in the Odoo 17
An import error occurs when a program fails to import a module or library, disrupting its execution. In languages like Python, this issue arises when the specified module cannot be found or accessed, hindering the program's functionality. Resolving import errors is crucial for maintaining smooth software operation and uninterrupted development processes.
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityAkanksha trivedi rama nursing college kanpur.
Natural birth techniques are various type such as/ water birth , alexender method, hypnosis, bradley method, lamaze method etcBÀ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/tacvl9ekroe9hqupdnjruiypvm9rdaneRecently uploaded (20)
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
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 - ...
CE-9506_Session02
- 1. Session 02: Web As A Medium CE-9506: Web Design - Structure, Function & Analysis
- 2. Structure of a Site • Websites are multi-layered programs running on the OS called the Web which is running on the Internet • usually consist of 3 layers
- 4. What makes up a web site? • Information / Content • information graphics (icons, pagination, etc.) • media (pictures, video, animation,etc.) • front end code (HTML / CSS) • back end code (PHP, Ruby, .NET)
- 5. What kinds of web sites are there? • Mini-Site (1-3 pages) • Marketing Sites • Weblogs (Blogs) • e-commerce • Web Applications • enterprise e-magazine and news sites
- 6. Web Page Breakdown • Header • Navigation • Content (multi-column) • main content • secondary content (sidebars) • Footer
- 12. Grid Systems • Aid in symmetric layout • allow a designer to visualize column divisions • give greater control over content structure • Are completely customizable • should be used in every web interface
- 13. Grid System • should not exceed 980px wide • made up of columns and gutters • columns can have variable widths • gutters should be at least 10-20px wide • what about horizontal?
- 19. Design / Code Relationship • Being familiar with code is a MUST! • You do not need to be a code guru in order to be a good web designer • HTML / CSS is an easy language to learn.
- 20. Design / Code Relationship • Hyper-text Markup Language (HTML) • Cascading Style Sheet (CSS)
- 23. Design / Code Relationship • CSS / HTML Control the Grid • CSS tells the HTML where to be and how to look • Some graphic elements can be rendered by the code • As much txt as possible should be rendered by the code.
- 24. That’s It! For my next trick...