This document provides an introduction to web design and web components. It discusses clients and servers, internet service providers, web hosting services, domains names URLs and IPs, and domain registrars. It then covers HTML fundamentals including tags, colors, headings, lists, tables, frames, and screen compatibility. The document is intended as an overview of the key elements involved in web design.
This document provides an introduction to web design and web components. It discusses clients and servers, internet service providers, web hosting services, domain names, URLs and IPs, and registrars. It also covers HTML fundamentals like tags, headings, lists, tables, frames, colors and screen compatibility. The goal is to explain the basic building blocks of designing and developing a website.
This document provides an introduction to web design components and technologies. It discusses clients and servers, internet service providers, web hosting services, domain names and URLs. It also covers HTML fundamentals like headings, lists, tables, frames, stylesheets, and images. The goal is to educate on the basic building blocks of designing and developing a website.
This chapter covers visual design elements for web pages such as borders, padding, backgrounds, and images. It discusses how to add and optimize images, use image links, and configure graphics with CSS. The document also introduces HTML5 elements for figures, meters, and progress indicators. Guidelines are provided for image naming, organization, and accessibility. Formatting techniques like rounded corners, box shadows, and text shadows are demonstrated using CSS3 properties.
This chapter discusses key concepts of CSS including the box model, positioning elements, floats, and page layout. It covers how to configure margins, padding, borders, and other CSS properties. The chapter also explains how to style navigation links, add interactivity to hyperlinks with pseudo-classes, and use HTML5 structural elements like headers, footers, and sections to improve accessibility of web pages.
This chapter discusses web development projects. It describes the skills and job roles needed for successful small and large projects. These include project managers, designers, developers and more. It also outlines the system development life cycle process of conceptualization, analysis, design, production, testing, launch, maintenance and evaluation. Finally, it covers selecting a domain name and web host, like choosing a host that meets needs and has adequate support.
This document discusses search engine optimization and website promotion. It describes the major search engines, how search engines work, and components like robots, databases and search forms. It provides tips for designing web pages that are friendly to search engines through keywords, descriptions, headings and linking. The document also covers submitting sites to search engines, monitoring search engine listings, and other promotion activities like social media optimization and QR codes.
This chapter discusses how to code hyperlinks within websites, configure image sprites with CSS, create a three-column page layout, style pages for printing and mobile displays, and use CSS media queries to target mobile devices specifically. Key topics covered include relative hyperlinks, linking to named fragments on pages, CSS sprites to reduce image downloads, and best practices for mobile and print design like single columns, descriptive text, and viewport meta tags.
This document provides an introduction to web design and web components. It discusses clients and servers, internet service providers, web hosting services, domain names, URLs and IPs, and registrars. It also covers HTML fundamentals like tags, headings, lists, tables, frames, colors and screen compatibility. The goal is to explain the basic building blocks of designing and developing a website.
This document provides an introduction to web design components and technologies. It discusses clients and servers, internet service providers, web hosting services, domain names and URLs. It also covers HTML fundamentals like headings, lists, tables, frames, stylesheets, and images. The goal is to educate on the basic building blocks of designing and developing a website.
This chapter covers visual design elements for web pages such as borders, padding, backgrounds, and images. It discusses how to add and optimize images, use image links, and configure graphics with CSS. The document also introduces HTML5 elements for figures, meters, and progress indicators. Guidelines are provided for image naming, organization, and accessibility. Formatting techniques like rounded corners, box shadows, and text shadows are demonstrated using CSS3 properties.
This chapter discusses key concepts of CSS including the box model, positioning elements, floats, and page layout. It covers how to configure margins, padding, borders, and other CSS properties. The chapter also explains how to style navigation links, add interactivity to hyperlinks with pseudo-classes, and use HTML5 structural elements like headers, footers, and sections to improve accessibility of web pages.
This chapter discusses web development projects. It describes the skills and job roles needed for successful small and large projects. These include project managers, designers, developers and more. It also outlines the system development life cycle process of conceptualization, analysis, design, production, testing, launch, maintenance and evaluation. Finally, it covers selecting a domain name and web host, like choosing a host that meets needs and has adequate support.
This document discusses search engine optimization and website promotion. It describes the major search engines, how search engines work, and components like robots, databases and search forms. It provides tips for designing web pages that are friendly to search engines through keywords, descriptions, headings and linking. The document also covers submitting sites to search engines, monitoring search engine listings, and other promotion activities like social media optimization and QR codes.
This chapter discusses how to code hyperlinks within websites, configure image sprites with CSS, create a three-column page layout, style pages for printing and mobile displays, and use CSS media queries to target mobile devices specifically. Key topics covered include relative hyperlinks, linking to named fragments on pages, CSS sprites to reduce image downloads, and best practices for mobile and print design like single columns, descriptive text, and viewport meta tags.
This chapter introduces JavaScript for web pages. It covers common uses of JavaScript, the Document Object Model, using the script element and alert() method, variables, operators, if statements, functions, and form validation with JavaScript. Key topics are the basic syntax of JavaScript, how it manipulates web page elements through the DOM, and how it can be used to add interactivity and validate user input.
The document provides an overview of HTML5, including its history, new semantic and structural elements, why it was developed, drawbacks of HTML4, differences between HTML4 and HTML5, HTML5 features and new APIs. It discusses elements like <header>, <footer>, <nav>, <article>, <section>, <aside>, <figure>, embedded media elements, and interactivity elements. It also covers using these elements and their intended purposes in site layouts.
This document discusses animation and multimedia on the web. It covers HTML tags for embedding images, audio, video and animation. Specific file formats are described, such as GIF, PNG and JPEG images, and animated GIFs. Methods for adding animation using JavaScript, Flash and HTML5 <video> are also summarized. The document provides guidance on optimizing images, audio and video for web delivery and playback across different browsers.
Internet Sites in Microsoft Azure Using SharePoint 2013 - Solution ModelDavid J Rosenthal
This document discusses designing an Internet-facing SharePoint farm hosted on Microsoft Azure. It recommends a three-zone topology with separate zones for internal accounts, customer accounts authenticated via Azure Active Directory, and anonymous access. The farm is designed for 85 page views per second and includes web and application servers split across Azure cloud services and availability sets for high availability. Customer accounts are managed separately from internal accounts using different zones and URLs.
The document is a proposal from Webfx India offering web design and hosting services. They provide unlimited web hosting, 1000 email addresses, unlimited data transfer, and site design solutions. Their package costs Rs. 5000 and includes domain registration, web hosting, emails, data transfer, website design templates, and free search engine submission. They aim to offer the best available package for web development, SEO, and other web services in India.
Level: 200
Track: IT Pro, Developer
SharePoint 2013 has FAST search built into its core fabric. New site templates and web parts have been added to allow you to build search driven applications. Through these search web parts, we can cross site collection boundaries to surface information, improve navigation and create a seamless experience across the different sites, site collection and web application. We will also demonstrate how to use cross site publishing to leverage multiple content sources. We also discuss several approaches for publishing internet sites.
Attendee Takeaways:
1. Understanding how to work with the Product Catalog site template in SharePoint 2013
2. Learn to setup and configure cross site publishing
3. Learn to add responsive design to your site
The document discusses various HTML tags for formatting text, including <B> for bold, <EM> for emphasis, and <BIG> for large text. It explains the structure of an HTML document with <HTML>, <HEAD>, and <BODY> tags, and how the <BODY> tag can control page colors and backgrounds. The document provides examples of using tags like <H1>-<H6> for headings, <CENTER> for centering content, and <FONT> for changing text colors and sizes. It also covers <A> tags for hyperlinks, <IMG> tags for images, and attributes like SRC and ALIGN.
Coming Up to Speed with XML Authoring in Adobe FrameMakerdclsocialmedia
This document discusses Adobe FrameMaker and XML authoring. It provides an overview of FrameMaker's capabilities for both structured XML/DITA authoring and unstructured authoring. It also briefly demonstrates FrameMaker's tools for working with XML documents and publishing XML content to multiple formats. Additionally, it introduces FrameMaker XML Author, a separate product focused only on XML authoring. The document provides resources for learning more about FrameMaker and XML authoring.
HTML is a markup language used to structure and present content on the web. It was created by Tim Berners-Lee and is maintained by the W3C. HTML uses tags to mark elements like headings, paragraphs, links, images and more. CSS and JavaScript can be used to style and make HTML more interactive. HTML documents are created using tags within a text editor and saved with an .html or .htm file extension.
HTML4 is the latest standard released by the World Wide Web consortium (www.w3.org) for web pages.
Making sure that your pages comply with standards like HTML4 will allow your site to be viewed by the maximum number of visitors.
Since HTML4 was published, browsers have moved on and support for HTML4 is becoming much more consistent between updated browsers.
Integrating Search Driven Content in SharePoint 2013/2016/O365Eric Overfield
Learn all about new search driven content strategies in SharePoint 2013/2016/O365, starting with add content, followed by display content throughout your SharePoint site and finishing with a look at refining your search results using query rules and result types
The document provides an introduction to web design and web servers. It discusses the basic components needed for a client-server web architecture, including web servers, clients (browsers), and the HTTP protocol. It describes how clients make requests to servers and receive response pages. The document also covers advantages and disadvantages of the client-server model, as well as common web components like internet service providers, web hosting, domain names, and registrars. Finally, it introduces various HTML elements for building web pages, such as headings, paragraphs, lists, tables, forms, and text areas.
Slide deck from BrightGen's Summer 19 Salesforce release webinar, presented by Keir Bowden, CTO, and Clive Platt, Head of Service Management.
Full recording of the webinar is available on our youtube channel at : https://youtu.be/6bcdlDq6vpU
IBM Connections – Beyond a standard installation – Fasten your seatbelt!LetsConnect
This year, IBM Software Services for Collaboration had implemented an IBM Connections platform at a large German airline.
What’s special about it? Well, it was more than a standard implementation performed several times at many customer sites. Customer requirements called for demonstration of the excellence and strength of IBM Software Services. In a short amount of time, many enhancements have been created to meet customer’s needs. Finally, the previously used social platform had to be migrated to IBM Connections.
In the 1st part of session, we would like to introduce you some of these enhancements which have been implemented for the IBM Connections social platform. One set of enhancements is around Profiles data privacy. The other enhancement introduces new ways how to manage your activity streams. Maybe the one or the other might be of interest for you as well.
In the 2nd part, we would also like to share our experiences of migrating a 3rd party social platform to IBM Connections.
This document provides an introduction to web design and the components that make up the web. It discusses the history of the web and how Tim Berners-Lee invented the World Wide Web in 1989 while working at CERN. It also summarizes the main components of the web including clients and servers, internet service providers, web hosting services, domain names and URLs, and registrars. Finally, it provides an overview of HTML and some basic HTML tags for formatting text, links, lists, tables and more.
This document provides an introduction to web design and web components. It discusses clients and servers, internet service providers, web hosting services, domain names, URLs and IPs. It also covers web components like registrars and gives an overview of HTML including headings, lists, tables, frames, colors and other fundamentals of web page structure and design. The document is intended as an introductory overview of key concepts for beginning web design.
This document provides an introduction to web design concepts including clients, servers, internet service providers, web hosting services, domains, URLs, IPs, and registrars. It discusses the basic components of websites including HTML, CSS, scripting languages, and web authoring tools. It covers fundamental HTML topics such as page structure, headings, lists, links, images, tables, frames, and positioning with DIV tags.
Frank Hill gave a seminar presentation to Cincinnati Business Incubator (CBI) clients in September 2005. He shared info on getting their small business website up & running.
The document provides an introduction to e-commerce and the technology infrastructure that supports it. It discusses what e-commerce is, the four business models (B2B, B2C, C2C, C2B), and examples of e-commerce companies. It also describes how the web works, including web browsers, servers, DNS, and HTTP. Finally, it covers basic HTML markup for structure, tags, and elements to build web pages.
Web development involves creating websites for the Internet. Web pages can be static, with fixed content, or dynamic, where content can change on the client side. HTML5 is the latest version of HTML and introduces new markup elements, input types, and form attributes. It also supports audio and video elements. CSS3 adds new selectors, properties and values for styling and layout. PHP is a server-side scripting language commonly used for web development. Popular PHP frameworks like Yii, CodeIgniter and Zend help support the development of dynamic websites and applications.
This chapter introduces JavaScript for web pages. It covers common uses of JavaScript, the Document Object Model, using the script element and alert() method, variables, operators, if statements, functions, and form validation with JavaScript. Key topics are the basic syntax of JavaScript, how it manipulates web page elements through the DOM, and how it can be used to add interactivity and validate user input.
The document provides an overview of HTML5, including its history, new semantic and structural elements, why it was developed, drawbacks of HTML4, differences between HTML4 and HTML5, HTML5 features and new APIs. It discusses elements like <header>, <footer>, <nav>, <article>, <section>, <aside>, <figure>, embedded media elements, and interactivity elements. It also covers using these elements and their intended purposes in site layouts.
This document discusses animation and multimedia on the web. It covers HTML tags for embedding images, audio, video and animation. Specific file formats are described, such as GIF, PNG and JPEG images, and animated GIFs. Methods for adding animation using JavaScript, Flash and HTML5 <video> are also summarized. The document provides guidance on optimizing images, audio and video for web delivery and playback across different browsers.
Internet Sites in Microsoft Azure Using SharePoint 2013 - Solution ModelDavid J Rosenthal
This document discusses designing an Internet-facing SharePoint farm hosted on Microsoft Azure. It recommends a three-zone topology with separate zones for internal accounts, customer accounts authenticated via Azure Active Directory, and anonymous access. The farm is designed for 85 page views per second and includes web and application servers split across Azure cloud services and availability sets for high availability. Customer accounts are managed separately from internal accounts using different zones and URLs.
The document is a proposal from Webfx India offering web design and hosting services. They provide unlimited web hosting, 1000 email addresses, unlimited data transfer, and site design solutions. Their package costs Rs. 5000 and includes domain registration, web hosting, emails, data transfer, website design templates, and free search engine submission. They aim to offer the best available package for web development, SEO, and other web services in India.
Level: 200
Track: IT Pro, Developer
SharePoint 2013 has FAST search built into its core fabric. New site templates and web parts have been added to allow you to build search driven applications. Through these search web parts, we can cross site collection boundaries to surface information, improve navigation and create a seamless experience across the different sites, site collection and web application. We will also demonstrate how to use cross site publishing to leverage multiple content sources. We also discuss several approaches for publishing internet sites.
Attendee Takeaways:
1. Understanding how to work with the Product Catalog site template in SharePoint 2013
2. Learn to setup and configure cross site publishing
3. Learn to add responsive design to your site
The document discusses various HTML tags for formatting text, including <B> for bold, <EM> for emphasis, and <BIG> for large text. It explains the structure of an HTML document with <HTML>, <HEAD>, and <BODY> tags, and how the <BODY> tag can control page colors and backgrounds. The document provides examples of using tags like <H1>-<H6> for headings, <CENTER> for centering content, and <FONT> for changing text colors and sizes. It also covers <A> tags for hyperlinks, <IMG> tags for images, and attributes like SRC and ALIGN.
Coming Up to Speed with XML Authoring in Adobe FrameMakerdclsocialmedia
This document discusses Adobe FrameMaker and XML authoring. It provides an overview of FrameMaker's capabilities for both structured XML/DITA authoring and unstructured authoring. It also briefly demonstrates FrameMaker's tools for working with XML documents and publishing XML content to multiple formats. Additionally, it introduces FrameMaker XML Author, a separate product focused only on XML authoring. The document provides resources for learning more about FrameMaker and XML authoring.
HTML is a markup language used to structure and present content on the web. It was created by Tim Berners-Lee and is maintained by the W3C. HTML uses tags to mark elements like headings, paragraphs, links, images and more. CSS and JavaScript can be used to style and make HTML more interactive. HTML documents are created using tags within a text editor and saved with an .html or .htm file extension.
HTML4 is the latest standard released by the World Wide Web consortium (www.w3.org) for web pages.
Making sure that your pages comply with standards like HTML4 will allow your site to be viewed by the maximum number of visitors.
Since HTML4 was published, browsers have moved on and support for HTML4 is becoming much more consistent between updated browsers.
Integrating Search Driven Content in SharePoint 2013/2016/O365Eric Overfield
Learn all about new search driven content strategies in SharePoint 2013/2016/O365, starting with add content, followed by display content throughout your SharePoint site and finishing with a look at refining your search results using query rules and result types
The document provides an introduction to web design and web servers. It discusses the basic components needed for a client-server web architecture, including web servers, clients (browsers), and the HTTP protocol. It describes how clients make requests to servers and receive response pages. The document also covers advantages and disadvantages of the client-server model, as well as common web components like internet service providers, web hosting, domain names, and registrars. Finally, it introduces various HTML elements for building web pages, such as headings, paragraphs, lists, tables, forms, and text areas.
Slide deck from BrightGen's Summer 19 Salesforce release webinar, presented by Keir Bowden, CTO, and Clive Platt, Head of Service Management.
Full recording of the webinar is available on our youtube channel at : https://youtu.be/6bcdlDq6vpU
IBM Connections – Beyond a standard installation – Fasten your seatbelt!LetsConnect
This year, IBM Software Services for Collaboration had implemented an IBM Connections platform at a large German airline.
What’s special about it? Well, it was more than a standard implementation performed several times at many customer sites. Customer requirements called for demonstration of the excellence and strength of IBM Software Services. In a short amount of time, many enhancements have been created to meet customer’s needs. Finally, the previously used social platform had to be migrated to IBM Connections.
In the 1st part of session, we would like to introduce you some of these enhancements which have been implemented for the IBM Connections social platform. One set of enhancements is around Profiles data privacy. The other enhancement introduces new ways how to manage your activity streams. Maybe the one or the other might be of interest for you as well.
In the 2nd part, we would also like to share our experiences of migrating a 3rd party social platform to IBM Connections.
This document provides an introduction to web design and the components that make up the web. It discusses the history of the web and how Tim Berners-Lee invented the World Wide Web in 1989 while working at CERN. It also summarizes the main components of the web including clients and servers, internet service providers, web hosting services, domain names and URLs, and registrars. Finally, it provides an overview of HTML and some basic HTML tags for formatting text, links, lists, tables and more.
This document provides an introduction to web design and web components. It discusses clients and servers, internet service providers, web hosting services, domain names, URLs and IPs. It also covers web components like registrars and gives an overview of HTML including headings, lists, tables, frames, colors and other fundamentals of web page structure and design. The document is intended as an introductory overview of key concepts for beginning web design.
This document provides an introduction to web design concepts including clients, servers, internet service providers, web hosting services, domains, URLs, IPs, and registrars. It discusses the basic components of websites including HTML, CSS, scripting languages, and web authoring tools. It covers fundamental HTML topics such as page structure, headings, lists, links, images, tables, frames, and positioning with DIV tags.
Frank Hill gave a seminar presentation to Cincinnati Business Incubator (CBI) clients in September 2005. He shared info on getting their small business website up & running.
The document provides an introduction to e-commerce and the technology infrastructure that supports it. It discusses what e-commerce is, the four business models (B2B, B2C, C2C, C2B), and examples of e-commerce companies. It also describes how the web works, including web browsers, servers, DNS, and HTTP. Finally, it covers basic HTML markup for structure, tags, and elements to build web pages.
Web development involves creating websites for the Internet. Web pages can be static, with fixed content, or dynamic, where content can change on the client side. HTML5 is the latest version of HTML and introduces new markup elements, input types, and form attributes. It also supports audio and video elements. CSS3 adds new selectors, properties and values for styling and layout. PHP is a server-side scripting language commonly used for web development. Popular PHP frameworks like Yii, CodeIgniter and Zend help support the development of dynamic websites and applications.
This document provides contact information for Engr. Abdul-Rahman Mahmood including various email addresses and social media profiles. It also lists an outline for a course on web programming technologies covering topics like internet history, network protocols, markup languages, scripting languages, and more. The document aims to introduce students to the latest technologies for creating and processing web content.
This document provides an overview of topics for webmasters, including domain registration, web design, web programming, web hosting, e-commerce, search engines, pay-per-click advertising, Alexa analytics, and affiliate networks. It discusses choosing a domain name and registrar, options for web design like templates and content management systems, client-side and server-side programming, shared vs dedicated hosting, setting up an online storefront, search engine optimization, Google AdWords, using Alexa for site analytics, and popular affiliate networks.
This document provides an overview of topics for webmasters, including domain registration, web design, web programming, web hosting, e-commerce, search engines, pay-per-click advertising, Alexa analytics, and affiliate networks. It discusses choosing a domain name and registrar, options for web design like templates and content management systems, client-side and server-side programming, shared vs dedicated hosting, setting up an online storefront, search engine optimization, Google AdWords, using Alexa for site statistics, and popular affiliate networks.
Web development is the work involved in developing a web site for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex web-based internet applications, electronic businesses, and social network services.
This document provides an introduction to HTML (Hypertext Markup Language) and web page programming. It defines HTML as a markup language that uses tags to structure and present content on web pages. It describes some basic HTML tags like <html>, <head>, <title>, and <body> that provide the underlying framework and structure for web pages. It also covers other common tags for formatting text, inserting images, and setting attributes like color, size, and alignment. The document is intended as a classroom resource to teach the fundamentals of HTML and creating simple web pages.
HTML is a markup language used to describe and structure web pages. It uses tags to define headings, paragraphs, links, images, and other content. An HTML file contains a head and body section. The head contains meta information about the page like the title. The body contains the visible page content. Common tags include headings, paragraphs, links, images, and divs to group content. Attributes provide extra information about elements.
This is the basic Web design and development slide. From here you can practice HTML, CSS, PHP, MySql, and JavaScript. I do believe that this is a very effective slide for the beginner who wants to learn Basic Web design and development.
.Net is an excellent platform for startups due to its speed, flexibility, and low cost. The document outlines four steps for launching a startup using .Net: 1) Sign up for Microsoft's BizSpark program to get free software, 2) Design mockups using tools like Balsamiq, 3) Publish an affordable marketing site using services like 99designs, and 4) Build a minimum viable product with ASP.Net MVC and tools like HireFlo before upgrading hosting for customer data. The Denver/Boulder area is a hotspot for tech startups with regular meetups, accelerators like TechStars, and angel investors.
The document discusses web application development and provides an overview of key concepts including:
- Client-side engineering focuses on browsers and front-end development while server-side engineering deals with backend servers.
- Web application architecture typically involves a client-server model with layers for the presentation, application processing, and data management tiers.
- Common web technologies discussed include PHP, frameworks like Zend and CakePHP, and caching with Zend_Cache to improve performance.
Web Performance, Scalability, and Testing Techniques - Boston PHP MeetupJonathan Klein
I gave this talk on 4/27/11 at the Boston PHP Meetup Group. It covers both server side and client side optimizations, as well as monitoring tools and techniques.
An example of our online marketing audit that we offer for FREE.
If you need online marketing help and want experienced professional marketing advice in a language you can understand then contact us now......its FREE with no obligation, so what have you got to lose!
This document provides an introduction to HTML and describes its basic tags and structures. It explains that HTML is used to create web pages and can include text, graphics, sound and video. It outlines common tags like headings, paragraphs, lists, links, images and tables. It also covers adding formatting to text, backgrounds, borders and inserting comments.
This document discusses webpage layout and website design. It provides definitions of webpages and websites, noting that a webpage is a single HTML document while a website is a collection of related webpages. It emphasizes that good website design requires more than just assembling a few pages. The document then gives examples of existing website URLs and discusses important aspects of webpage layout like using tables to lay out content invisibly in a 2x2 grid with areas for menus, headers, content, and logos. It also covers considerations for different monitor resolutions and using consistent design themes, fonts, colors, and navigation across a website.
The document discusses various primitive data types including integer, floating point, decimal, boolean, character, and string types. It covers the implementation and design considerations of these types in different programming languages such as C, C++, Java, and C#. Enumeration types are also introduced as user-defined ordinal types.
The document discusses key concepts in object-oriented programming including creating objects and object reference variables, constructors, modifiers, instance and class variables and methods, scope of variables, and using the this keyword. It provides examples of creating Circle and Mortgage classes to demonstrate these concepts. UML diagrams are used to illustrate graphical notations for classes, objects, fields, and methods.
This document provides an overview of object-oriented programming concepts and the Java programming language. It discusses how classes will be structured in the course, compares object-oriented and procedural programming approaches, and lists advantages of OOP. It then introduces Java, covering its design goals, features, and development environments. Finally, it explains how to build a basic Java class, including class headers, identifiers, blocks of code, indentation, and methods.
Dreamweaver is a WYSIWYG HTML editor developed by Macromedia that allows users to build and maintain websites without needing to know HTML. It provides tools for page editing like formatting text, inserting images and tables, and adding links. Dreamweaver also offers site management features like defining sites and using a site window. While it provides an easy interface, Dreamweaver is slower for HTML editing than text editors and may not be fully WYSIWYG. The document provides an overview of Dreamweaver's features and references for additional information.
The document summarizes the five generations of computers from 1940 to present. The first generation used vacuum tubes, were large and expensive. The second generation used transistors instead of tubes. The third generation used integrated circuits and allowed multitasking. The fourth generation had microprocessors and chips that housed all components. The fifth generation, still in development, aims to develop artificial intelligence through parallel processing and natural language capabilities.
The document discusses the OSI model, which is a standard networking framework that defines 7 layers of communication. It was developed by ISO in 1984 to establish a common way for diverse communication systems to interconnect. Each layer performs a specific task, with higher layers focusing on software services and lower layers handling physical transmission. Data moves down the layers as it's transmitted, with each layer adding header information.
This document provides an introduction to Adobe PageMaker, including definitions, features, advantages, disadvantages, and how to use it. PageMaker is a desktop publishing program that allows users to design documents like books, brochures, and newsletters. It includes tools for placing images, data merging, improved PDF support, and updated filters. The document also explains how to create a new PageMaker document and utilize various palettes that control objects, text, styles, layers, master pages, and hyperlinks.
The document discusses database management systems (DBMS). It defines DBMS as a collection of data and set of programs used to store and retrieve data efficiently. It describes how DBMS offers solutions to problems with storing data in files like data redundancy, difficulty of access, and lack of security. It also discusses data definition languages, data manipulation languages, and data control languages used to define, manage, and control access to data in a DBMS.
How to Build a Module in Odoo 17 Using the Scaffold MethodCeline George
Odoo provides an option for creating a module by using a single line command. By using this command the user can make a whole structure of a module. It is very easy for a beginner to make a module. There is no need to make each file manually. This slide will show how to create a module using the scaffold method.
This presentation was provided by Steph Pollock of The American Psychological Association’s Journals Program, and Damita Snow, of The American Society of Civil Engineers (ASCE), for the initial session of NISO's 2024 Training Series "DEIA in the Scholarly Landscape." Session One: 'Setting Expectations: a DEIA Primer,' was held June 6, 2024.
How to Fix the Import Error in the Odoo 17Celine George
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.
This presentation includes basic of PCOS their pathology and treatment and also Ayurveda correlation of PCOS and Ayurvedic line of treatment mentioned in classics.
Thinking of getting a dog? Be aware that breeds like Pit Bulls, Rottweilers, and German Shepherds can be loyal and dangerous. Proper training and socialization are crucial to preventing aggressive behaviors. Ensure safety by understanding their needs and always supervising interactions. Stay safe, and enjoy your furry friends!
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar Kanvaria
Executive Directors Chat Leveraging AI for Diversity, Equity, and InclusionTechSoup
Let’s explore the intersection of technology and equity in the final session of our DEI series. Discover how AI tools, like ChatGPT, can be used to support and enhance your nonprofit's DEI initiatives. Participants will gain insights into practical AI applications and get tips for leveraging technology to advance their DEI goals.
The simplified electron and muon model, Oscillating Spacetime: The Foundation...RitikBhardwaj56
Discover the Simplified Electron and Muon Model: A New Wave-Based Approach to Understanding Particles delves into a groundbreaking theory that presents electrons and muons as rotating soliton waves within oscillating spacetime. Geared towards students, researchers, and science buffs, this book breaks down complex ideas into simple explanations. It covers topics such as electron waves, temporal dynamics, and the implications of this model on particle physics. With clear illustrations and easy-to-follow explanations, readers will gain a new outlook on the universe's fundamental nature.
How to Add Chatter in the odoo 17 ERP ModuleCeline George
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
1. Introduction to Web Design
Presented by
Ms.V.Umamaheswari MCA.,MPhil.,
Department of Information Technology
Bon secours College for Women
Thanjavur-6
2. Use of this material
If you would like to be able to distribute this
PowerPont presentation from your own
website – simply credit the author with a link
to The small Business Depot. Use the
following:
Link URL: http://www.smallbizdepot.com
Link text: By Mike Tyler – The Small Business Depot
Copyright – 2005 – The Small Business Depot
Copyright 2005 - The Small Business Depot
2
3. Web Components
Clients and Servers
Internet Service Providers
Web Site Hosting Services
Domains Names, URL’s and Ips
Registrars
Copyright 2005 - The Small Business Depot
3
4. Clients & Servers
Copyright 2005 - The Small Business Depot
4
Clients (Browser)
Internet Explorer
Firefox
Mozilla
Netscape
Opera
Amaya
AOL
MSN
Servers
Apache
Microsoft
Netscape
zeus
AOLserver
AV
JavaWebServer
Oracle
5. Web Components
Clients and Servers
Internet Service Providers
Web Site Hosting Services
Domains Names, URL’s and Ips
Registrars
Copyright 2005 - The Small Business Depot
5
6. Internet Service Providers
Connect Clients to the Internet
Copyright 2005 - The Small Business Depot
6
Phone Company
AOL
Earthlink
Verizone
NetZero
Basic internet connection
Dialup/DSL/Cable/Sat
Email
7. Web Components
Clients and Servers
Internet Service Providers
Web Site Hosting Services
Domains Names, URL’s and Ips
Registrars
Copyright 2005 - The Small Business Depot
7
8. Web Hosting Services
Connects Web Sites to the Internet
Computer (server) farm
Web server software
Firewall hardware and software
IT services
(Backup, troubleshooting, hardware repair)
Disk space
Bandwidth / connection to internet
Routers and switchers
Email server / storage
Copyright 2005 - The Small Business Depot
8
9. Web Components
Clients and Servers
Internet Service Providers
Web Site Hosting Services
Domains Names, URL’s and Ips
Registrars
Copyright 2005 - The Small Business Depot
9
10. Domain’s URL’s and IPs
Domain name: The specific address of a
computer on the Internet
microsoft.com
Uniform Resource Locator (URL):
http://www.microsoft.com/faqs.html
Internet protocol (IP) address
192.168.1.1
Copyright 2005 - The Small Business Depot
10
11. Web Components
Clients and Servers
Internet Service Providers
Web Site Hosting Services
Domains Names, URL’s and Ips
Registrars
Copyright 2005 - The Small Business Depot
11
12. Domain Registrar
A company that provides domain name
registration services for a fee.
Maintain database which maps domain
names to IP’s
Propagate new domain name/IP address
information across the internet
Copyright 2005 - The Small Business Depot
12
13. Creating a Web Site
1. Choose a domain name
2. Register with a Registrar
3. Choose a hosting service
4. Tell Registrar the IP address
5. Create web content
6. Store (publish) onto hosting server (FTP)
7. Submit new site to search engines
Copyright 2005 - The Small Business Depot
13
14. 12 Principles of good web design
1. Visitor-centric, clear purpose
2. Progressive disclosure
3. Displays quickly
4. Browser compatible
5. Intuitive navigation
6. Spelling, grammar, writing
7. Secure (eCommerce)
8. Attractive design, easy to read
9. Cultural bias? (Regional? Domestic? International?)
10. No technical problems (broken links, buggy scripts)
11. Maintainable (separate content from style)
12. Search Engine Accessible
Copyright 2005 - The Small Business Depot
14
15. Creating your Web Site
Technologies & Tools
Markup Languages
HTML, DHTML, XML, XSLT, etc....
Cascading Style Sheets (CSS)
Scripting languages
perl,javascript,php, etc....
Web creation and editing software
Notepad, FrontPage, Coldfusion, Flash,
Hotmetal, Site Builder, etc..
Copyright 2005 - The Small Business Depot
15
16. Markup Languages - HTML
Derived from SGML
(Standard Generalized Markup Language )
HyperText Markup Language
Copyright 2005 - The Small Business Depot
16
17. HTML Fundamentals
Clear text, case insensitive
Ignores white space
Comprised of tags <tag />
Open tags and closed tags
Copyright 2005 - The Small Business Depot
17
18. HTML - Fundamentals
Open tags
<name attributes/>
<hr/>, <br/>
<img src=“url” width=‘100px’ height=’60px’/>
Closed tags
<name attributes> stuff </name>
<b>text to be bolded</b>
<h1>level 1 heading text</h1>
Comments
< ! - - comment text -- >
Copyright 2005 - The Small Business Depot
18
19. HTML – Fundamentals
Document Structure
Copyright 2005 - The Small Business Depot
19
Header
Body
< / HTML>
< HTML >
20. HTML – Fundamentals
Basic Structure
<html>
<head>
<title> The title of your html page </title>
<meta_tags/>
</head>
<body>
<! - - your web page content and markup - ->
</body>
</html>
Copyright 2005 - The Small Business Depot
20
29. HTML - Fundamentals
ANCHORS (Hypertext Link)
<A href=“url” attributes>Displayed text </A>
Attributes
NAME = “text”
TITLE = "text"
TARGET = “frame_name|window_name”
Copyright 2005 - The Small Business Depot
29
30. HTML – Fundamentals
Hypertext links
Copyright 2005 - The Small Business Depot
30
Click this link
opens mywebpage.html
in the window / frame
named “window2”
<a href=“mywebpage.html” target=“window2” >Click this link </a>
window2
31. HTML – Fundamentals
Hyperlink Colors
<BODY LINK=color, VLINK=color,
ALINK=color >
<BODY LINK=“blue”, VLINK=“purple”,
ALINK=“red” >
<BODY LINK=“#0000FF”, VLINK=“#FF00FF”,
ALINK=“#FF0000” > Copyright 2005 - The Small Business Depot
31
33. HTML – Fundamentals
Colorscolor = “red” (Browser compatibility issues)
color = “#FF0000”
values vary from 00 to FF (hexadecimal)
0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f
Copyright 2005 - The Small Business Depot
33
Red
Green
Blue
#FF FF FF
34. HTML – Fundamentals
Headings
Renders text as a heading, the rendering
depending on the level of heading selected.
Headings should be automatically spaced
from the body text.
<h1>Heading 1 level
text</h1>
<h2>Heading 2 level
text</h2>
<h3>Heading 3 level text</h3>
Copyright 2005 - The Small Business Depot
34
35. HTML – Fundamentals
Lists
Copyright 2005 - The Small Business Depot
35
Unordered list
<ul>
<li>apples</li>
<li>bananas</li>
<li>grapes</li>
<li>strawberries</li>
</ul>
Ordered list
<ol type=‘i’ start=‘2’>
<li>apples</li>
<li>bananas</li>
<li>grapes</li>
<li>strawberries</li>
</ol>
36. HTML – Fundamentals
Lists
Copyright 2005 - The Small Business Depot
36
Unordered list
apples
bananas
grapes
strawberries
Ordered list
II. apples
III. bananas
IV. grapes
V. strawberries
37. HTML – Fundamentals
Tables
<TABLE>
<CAPTION ALIGN="bottom">Class Grades</CAPTION>
<TR>
<TH>Student</TH>
<TH>Grade</TH>
</TR>
<TR>
<TD>Tom</TD>
<TD>B+</TD>
</TR>
<TR>
<TD>Sue</TD>
<TD>A-</TD>
</TR>
</TABLE> Copyright 2005 - The Small Business Depot
37
46. HTML – Fundamentals
Tables
Tables are frequently used to layout the basic web page design.
Copyright 2005 - The Small Business
Depot
46
640
1280
47. HTML – Fundamentals
Frames
Basic Frames
Floating Frames (inline frames)
Picture in picture
Frames let you divide a screen into windows
with each window viewing a different web
page.
Copyright 2005 - The Small Business Depot
47
48. HTML – Fundamentals
Basic Frames
Banner
Menu Content
Footer
Copyright 2005 - The Small Business
Depot
48
49. HTML – Fundamentals
Basic Frames
Basic tags
<frameset> ..</frameset>
<frame />
<noframes> .. </noframes>
Basic attributes
cols = “values”
rows = “values”
name = “frame_name”
src = “frame_source(url)”
target = “frame_name”
Copyright 2005 - The Small Business Depot
49
50. HTML – Fundamentals
Basic Frames
Banner
Menu Content
Footer
Copyright 2005 - The Small Business
Depot
50
51. HTML – Fundamentals
Basic Frames
<frameset rows=“80,*,80”>
<frame src=“banner.html” />
<frameset cols = “25%,75%” >
<frame src=“menu.html” />
<frame src=“content.html” />
</frameset>
<frame src=“footer.html” />
</frameset>
Copyright 2005 - The Small Business Depot
51
52. HTML – Fundamentals
Basic Frames
<frameset rows=“80,*,80”>
<frame src=“banner.html” />
<frameset cols = “25%,75%” >
<frame src=“menu.html” />
<frame src=“content.html” />
</frameset>
<frame src=“footer.html” />
<noframes>
<body>
Welcome to my page.
<A HREF="noframes.htm">Continue</A>
to the frame-free version.
</body>
</noframes>
</frameset>
Copyright 2005 - The Small Business Depot
52
53. HTML – Fundamentals
Basic Frames
FRAMESET attributes
FRAMEBORDER="yes|no"|0
BORDER=pixels
BORDERCOLOR="#hexcolor|colorname"
< frameset rows="80,*,80" border=2
bordercolor=“red" >
..
..
</frameset>
Copyright 2005 - The Small Business Depot
53
54. HTML – Fundamentals
Basic FramesIndividual FRAME attributes
SCROLLING="yes|no|auto"
NORESIZE
MARGINWIDTH=pixels
MARGINHEIGHT="pixels"
BORDERCOLOR="color"
FRAMESPACING="pixels"
FRAMEBORDER="yes|no"|0
NAME=“frame_name”
Copyright 2005 - The Small Business Depot
54
55. HTML – Fundamentals
Floating Frames
Floating frames allow you to create a frame
within the boundaries of a page
Copyright 2005 - The Small Business Depot
55
Basic Frames Floating Frames
56. HTML – Fundamentals
Floating Frames
<IFRAME attributes ></IFRAME>
Attributes
SRC=URL
HEIGHT=pixels|percent,
WIDTH=pixels|percent
HSPACE=pixels
VSPACE=pixels
ALIGN=left|right
FRAMEBORDER=0
Copyright 2005 - The Small Business Depot
56
57. HTML – Fundamentals
Floating Frames
<IFRAME
NAME=“frame_name”
ALIGN="right"
HSPACE=“40”
VSPACE=“40”
WIDTH="75%"
HEIGHT=“150”
FRAMEBORDER=0
SRC=http://www.mysite/mypage.htm >
</IFRAME>
Copyright 2005 - The Small Business Depot
57
58. HTML – Fundamentals
Hypertext links
<a href=“page.html” target=“blank” >Click this
link </a>
Creates new window for the page
<a href=“page.html” target=“parent” >Click this
link </a>
Opens page in the parent frame/wind of this
frame/window
<a href=“page.html” target=“top” >Click this link
Copyright 2005 - The Small Business Depot
58
59. HTML – Fundamentals
DIV and ILAYER
Allows you create a position-able block of
content.
Copyright 2005 - The Small Business Depot
59
Content
positioned
within this
block
60. HTML – Fundamentals
DIV
<div attributes> content </div>
attributes
ID=“name”
STYLE = “style parameters re: CSS”
Copyright 2005 - The Small Business Depot
60
61. HTML – Fundamentals
DIV
< DIV ID=“fred”
STYLE = “POSITION:absolute|relative;
VISIBILITY:visible:hidden;
Z-INDEX:number;
WIDTH:width in pixels;
HEIGHT:height in pixels;
TOP:pixels from top of page or block;
LEFT:pixels from left edge of page or block;
PADDING:margin in pixels;
other style attributes; “ >
content
</DIV> Copyright 2005 - The Small Business Depot
61
63. HTML – Fundamentals
DIV
<div style="position:absolute; left:100px;
top:100px; width:100px; height:100px;
background-color:#ffffff; ">
Copyright 2005 - The Small Business Depot
63
64. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
Styles enable you to define a
consistent 'look' for your documents by
describing once how headings,
paragraphs, quotes, etc. should be
displayed.
Style sheet syntax is made up of three
parts:
selector {property: value}
Copyright 2005 - The Small Business Depot
64
65. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
H1 {text-align: center; color: blue}
A {color:green; font-familiy:arial,courier; font-weight:bold;}
td { align:center; background-color:grey; border-color:red;}
div {position:absolute; visibily:hidden; margin:10px }
font {color:navy; font-size:2pt; font-face:trebuchet; }
hr {color:#ff0000; width:80%; align:center; }
table {width:80%; align:center; border:2px; padding:5px; }
Copyright 2005 - The Small Business Depot
65
66. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
H1 {text-align: center; color: blue}
H1.widget {text-align: center; color: red; font-size:80%; }
A {color:green; font-familiy:arial,courier; font-weight:bold;}
A.menu {color:cyan; font-familiy:arial,courier; font-style:italics;}
td { align:center; background-color:grey; border-color:red;}
td.figure { align:right; background-color:white; border-
color:black;}
font {color:navy; font-size:2pt; font-face:trebuchet; }
font.fred {color:blue; font-size:2pt; font-face:trebuchet; font-
weight:bold; }
Copyright 2005 - The Small Business Depot
66
67. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
Embedded
<head>
<title> My Page Title </title>
<style TYPE="text/css >
<! - -
element.class { property:value; }
element.class { property:value; }
- - >
</style>
</head>
Copyright 2005 - The Small Business Depot
67
68. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
Linked
Styles can be defined in a separate file
<font style=“property:value; “> text </font>
<font class=“fred”> text </font>
mystyles.css
<head>
<LINK REL="stylesheet" HREF="mystyles.css“
TYPE="text/css">
</head>
Copyright 2005 - The Small Business Depot
68
69. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
/* Example style sheet file (note how this comment was
created) */
BODY {background: #FFFFD8; margin-top: 20}
A:link {color: #400080; background: #FFFFD8}
H1 {font-weight: bold; text-align: center; color:
#006000; background: #FFFFD8; font-family: Gill Sans,
Arial, sans-serif; }
font.caption {font-family: Gill Sans, Arial, sans-serif; font-
style: italic; }
Copyright 2005 - The Small Business Depot
69
70. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
Inline
Styles can be placed within individual
elements
<font style=“color:red; font-face:ariel;” >
Copyright 2005 - The Small Business Depot
70
71. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
Inline > Embedded > Linked
Defining the style of your text
linked -> font-family:arial,georgia;
embedded -> color:navy;
inline -> font-size:2pt;
Copyright 2005 - The Small Business Depot
71
72. HTML – Fundamentals
CASCADING STYLE SHEETS (CSS)
Using IDs
IDs enable you to define a unique style which you can apply
to a number of elements.
<STYLE>
<!–
#copyright {font-style:italic; font-
size:smaller; }
-->
</STYLE>
<p ID=“copyright”> Any textual content </p>
Copyright 2005 - The Small Business Depot
72
73. HTML – Fundamentals
Images
<img src=“images/pic1.jpg” width=75px,
height=50px />
<img class=“pics” src=“images/pic1.jpg” />
img.pics { width:75px; height:50px; border-
width:3px }
Copyright 2005 - The Small Business Depot
73
74. HTML – Fundamentals
Using Images
Images take longer to download than text
The larger the image, the slower the page
Use optimization software
Use thumb nail images
Copyright 2005 - The Small Business Depot
74
75. HTML – Fundamentals
Other uses of Images
Page background (not recommended)
<body background-image = “url” >
<body class=“background”>
body.background { background-image:$url; }
Table background
<table background-image=“url”>
<table class=“background”>
table.background { backlground-image:url; }
DIV background
<div style={ background-image:url; } >
Copyright 2005 - The Small Business Depot
75
76. Resources
http://www.w3schools.com/
Copyright 2005 - The Small Business Depot
76
HTML Tutorials
Learn HTML
Learn XHTML
Learn CSS
Learn TCP/IP
Browser Scripting
Learn JavaScript
Learn DHTML
Learn VBScript
Learn HTML DOM
Learn WMLScript
Server Scripting
Learn SQL
Learn ASP
Learn ADO
Learn PHP
XML Tutorials
Learn XML
Learn XSL
Learn XSLT
Learn XSL-FO
Learn XPath
Learn XQuery
Learn XLink
Learn XPointer
Learn DTD
Learn Schema
Learn XML DOM
Learn XForms
Learn SOAP
Learn WSDL
Learn RDF
Learn RSS
Learn WAP
.NET (dotnet)
.NET Microsoft
.NET ASP
.NET Mobile
Multimedia
Learn Media
Learn SMIL
Learn SVG
Learn Flash
Web Building
Web Building
Web W3C
Web Browsers
Web Quality
Web Semantic
Web Careers
Web Hosting
Web Certification
77. Courses at FVCC
Introduction to Web Design
FrontPage Web Design
Intermediate Web Design
Advanced Topics in Web Design
Web Site Promotion
Basic Perl Programming
Using Macromedia Studio MX
Copyright 2005 - The Small Business Depot
77