Basic web design
•Download as PPTX, PDF•
0 likes•378 views
The document outlines topics to be covered in a Dreamweaver training session including creating hyperlinks, tables, manipulating images, embedding videos and widgets, and understanding best practices for web design such as limiting excessive design elements, ensuring fast page loads, and using standard fonts and page widths. Potential pitfalls of poor web design are highlighted through examples of sites with issues like large text sizes, complex navigation, and layout problems.
Report
Share
Report
Share
![Spice Up Your Web! Date : Wed, 21 Jul 2010 Time : 1500 – 1600 Venue : Training Room (Level 5) Objectives: ,[object Object]](https://image.slidesharecdn.com/basicwebdesign-100711212041-phpapp02/85/Basic-web-design-1-320.jpg)
Recommended
IML Faculty Workshop: PowerPoint
This PowerPoint workshop, "Not the Same Old Bulet Points" was for USC faculty and presented in March '09.
Drupal: A short introduction to Page Manager and Panels
A short introduction to Page Manager and Panels.
What is Pagemanager?
How can we use panels to improve the Drupal core Block System.
Explain some basic principles about variants, contexts, selection rules, and handlers.
Demo with Panopoly, and hands on with an exercise
Introduction to Dreamweaver
This document provides an overview and introduction to using Dreamweaver MX, including:
- Its capabilities for designing and managing websites visually or with code
- How to set up a local website and add pages, text, images and links
- Tools for previewing pages, uploading sites, and checking links
- Recommended prerequisite knowledge includes familiarity with HTML, websites, and how they work.
Web basics 101
This document provides an overview of the key parts and functions of the Tape Ministry website. It discusses the main menu, search and newsletter features, contact and Q&A pages, and administrative access. The training objectives are to learn about the website parts customers interact with, available functions, and how to access the admin section. It reviews each section of the main menu in detail and shows examples of the contact form, Q&A page, and how to log in as an admin.
Web design basics_05
This document provides information on web design basics in WordPress, including widgets, custom headers, backgrounds, embedding videos, and making sites mobile-friendly. Widgets allow adding customizable content blocks to sidebars. Custom headers let changing the header image, and themes determine supported header sizes. Background customization covers image positioning, repetition, and scrolling. Common video sites can be embedded. Mobile features ensure sites are responsive on different devices.
Brownbag on basics of web components
Web components allow developers to create reusable custom elements with templates and shadow DOM. Custom elements can be registered and extended to build complex web interfaces. Templates and shadow DOM encapsulate component markup and styles. Polymer and other polyfills bring web components to older browsers through emulation. While still experimental, web components show promise for building reusable cross-browser components.
Developing a Web Page
This chapter discusses developing a basic web page by creating head content and setting page properties, adding and formatting text, inserting links, using the History panel to edit code, and modifying and testing web pages. It covers inserting titles, keywords and descriptions in the head section, setting background and text colors, importing and formatting text, adding hyperlinks and email links, using the History panel functions, previewing pages in browsers, and testing pages across platforms and screen sizes.
Getting Started with Dreamweaver
This chapter introduces Dreamweaver and discusses getting started with building a basic website. It covers exploring the Dreamweaver workspace and views, planning a website by defining goals and content, adding folders and pages to organize the site structure, and creating a site map to visualize how pages are linked. The document provides screenshots to demonstrate setting up a root folder, adding assets, setting the home page, and viewing site maps in Dreamweaver.
Recommended
IML Faculty Workshop: PowerPoint
This PowerPoint workshop, "Not the Same Old Bulet Points" was for USC faculty and presented in March '09.
Drupal: A short introduction to Page Manager and Panels
A short introduction to Page Manager and Panels.
What is Pagemanager?
How can we use panels to improve the Drupal core Block System.
Explain some basic principles about variants, contexts, selection rules, and handlers.
Demo with Panopoly, and hands on with an exercise
Introduction to Dreamweaver
This document provides an overview and introduction to using Dreamweaver MX, including:
- Its capabilities for designing and managing websites visually or with code
- How to set up a local website and add pages, text, images and links
- Tools for previewing pages, uploading sites, and checking links
- Recommended prerequisite knowledge includes familiarity with HTML, websites, and how they work.
Web basics 101
This document provides an overview of the key parts and functions of the Tape Ministry website. It discusses the main menu, search and newsletter features, contact and Q&A pages, and administrative access. The training objectives are to learn about the website parts customers interact with, available functions, and how to access the admin section. It reviews each section of the main menu in detail and shows examples of the contact form, Q&A page, and how to log in as an admin.
Web design basics_05
This document provides information on web design basics in WordPress, including widgets, custom headers, backgrounds, embedding videos, and making sites mobile-friendly. Widgets allow adding customizable content blocks to sidebars. Custom headers let changing the header image, and themes determine supported header sizes. Background customization covers image positioning, repetition, and scrolling. Common video sites can be embedded. Mobile features ensure sites are responsive on different devices.
Brownbag on basics of web components
Web components allow developers to create reusable custom elements with templates and shadow DOM. Custom elements can be registered and extended to build complex web interfaces. Templates and shadow DOM encapsulate component markup and styles. Polymer and other polyfills bring web components to older browsers through emulation. While still experimental, web components show promise for building reusable cross-browser components.
Developing a Web Page
This chapter discusses developing a basic web page by creating head content and setting page properties, adding and formatting text, inserting links, using the History panel to edit code, and modifying and testing web pages. It covers inserting titles, keywords and descriptions in the head section, setting background and text colors, importing and formatting text, adding hyperlinks and email links, using the History panel functions, previewing pages in browsers, and testing pages across platforms and screen sizes.
Getting Started with Dreamweaver
This chapter introduces Dreamweaver and discusses getting started with building a basic website. It covers exploring the Dreamweaver workspace and views, planning a website by defining goals and content, adding folders and pages to organize the site structure, and creating a site map to visualize how pages are linked. The document provides screenshots to demonstrate setting up a root folder, adding assets, setting the home page, and viewing site maps in Dreamweaver.
Drupalcamp Atlanta 2010 Design-to-Theme
Danté Taylor provides a beginner's guide to designing Drupal themes. He discusses common tools used to turn design files into themes such as Photoshop, Firebug, and MAMP. Taylor explains how to analyze a design from the Drupal perspective by breaking it into pieces and considering repeating elements. He also covers Drupal theme anatomy, techniques for naming image files, and best practices for writing clean HTML, CSS, and PHP code for themes.
Overview of Using Wordpress for Web Site Design
This document provides an overview of designing a website with WordPress. It discusses the anatomy of a WordPress site, including the architecture set by the content management system (CMS), the design set by themes, and the content created by the user. It covers WordPress components like templates, CSS, and widgets. It emphasizes considering the rhetorical purpose and needs of the intended audience when making design choices. Examples of student websites are also discussed.
Building appsinsilverlight4 part_1
Dennis J. Perlot will be giving a presentation on building applications with Silverlight 4. The presentation will cover the history of Silverlight, new features in version 4 like rich text boxes and webcam/microphone support, controls, data binding, styles, animations, and demos. It will be held on the third Monday of each month at the NERD Center in Cambridge, MA. The presentation encourages attendees to read books on user interface design and provides resources for learning more about Silverlight.
Web Design Unit.doc
This document outlines a web design unit with the following key points:
1. The unit lasts 4-6 weeks and teaches students how to design functional web pages through understanding HTML coding and design principles.
2. Students will each maintain an electronic portfolio on the school server to showcase their work.
3. The unit covers topics like the internet, layout and design, graphics, HTML, web page editors, JavaScript, and responsible technology use.
4. Students complete a series of lab assignments applying these skills, such as creating pages with images, tables, forms, and more. They use software like Photoshop and Dreamweaver.
Basic html tutoirialp2
This document is part 2 of a basic HTML tutorial. It provides instructions on how to add backgrounds, fonts, borders, and hyperlinks to a webpage created in part 1. The tutorial walks through steps to modify the body and table tags to add backgrounds and borders. It also shows how to change font colors, center text, and add line breaks. The document demonstrates how to create hyperlinks to other websites and email addresses. It provides troubleshooting tips and links to other related tutorials.
Cis145 03 configuring-withcss
The document discusses configuring color and text with CSS. It covers:
1) The different types of CSS - inline styles, embedded styles, and external styles. External styles allow styles to be stored in a separate file and associated with web pages.
2) Common CSS properties for configuring color like background-color and color. It also discusses choosing accessible color combinations.
3) Using CSS selectors like classes, IDs, and elements to target specific elements on a page and style them.
Dreamweaver
The document provides instructions for using Macromedia Dreamweaver MX2004 to design and build basic web pages, including how to set page properties, insert text, images, tables, links, and navigation buttons, and preview pages in a web browser before saving and uploading files to a web server. It also discusses file organization and naming conventions best practices.
Dw Lesson01
This lesson taught the basics of using Macromedia Dreamweaver MX, including defining a new site, naming and saving documents, formatting text and colors, and inserting Flash text. Key aspects of the Dreamweaver interface like the document window, insert bar, property inspector, and panels were explained. The steps to specify background colors, preview browsers, and use the assets panel to apply colors were also outlined.
Nvu tutorial1 1
This document provides instructions for using the web editor Kompozer to create websites. It discusses downloading and installing Kompozer, using its interface and tools to add images, tables, forms, and links. It also addresses frequently asked questions about features like setting colors, inserting special characters, and accessing plugins. The goal is to teach readers how to efficiently design web pages and sites using this WYSIWYG editor.
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
The document summarizes a presentation about integrating web accessibility into training at Cascade User Conference 2014. It discusses administrator options in the content management system to enable accessibility, common accessibility myths versus realities, best practices for alternative text, headings, tables, and more. The presenter emphasizes the importance of accessibility and shares resources to help make content more inclusive.
Introduction to Bootstrap: Design for Developers
The document provides an introduction to Bootstrap, one of the most popular front-end frameworks. It discusses basic design principles like proximity, alignment, repetition and contrast. It then covers key aspects of Bootstrap like the grid system, CSS components, JavaScript plugins, customization options, and how it relates to basic design principles. The benefits of Bootstrap are faster development, powerful grid system, customizable styles and responsive components, while potential drawbacks include file size overhead and templates looking similar without customization.
A new look for e4
The document discusses plans to update the visual design of Eclipse 4.0 (e4) with a more modern style using CSS. The goals are to create a modern look with more breathing room while leveraging the styling engine capabilities. Influences on the new design include web design principles of showing data clearly and allowing flexibility for different screen sizes and user expectations. The redesign process involves iteration based on mockups, feedback, and balancing various design elements and states. Implementation will include blueprinting the design, adding the mockups, and dealing with surprises.
Competencies to do in class
The document outlines computing competencies related to performing basic operations within software applications, word processing, spreadsheets, databases, multimedia, and conducting online research. Specific skills mentioned include creating folders, formatting text, inserting images, creating charts from data, basic database functions like sorting records, and demonstrating email and internet research skills.
Le Wagon - Landing page
The document provides an outline for a workshop on building a landing page from scratch using HTML and CSS. It covers setting up the structure with tags like <head>, <body>, and <div>s, then adding content and styling elements with CSS. It also discusses using frameworks like Bootstrap for grids, responsive design, and common classes. The workshop aims to help participants design and code a landing page, with guidance provided and opportunities for hands-on practice.
Real Estate in Hyderabad
Web Trainings Academy offers classroom and online training in web technologies and web design. Their web design course covers topics like HTML, CSS, Photoshop, JavaScript, and more over 60 days of training. The syllabus is designed by experienced instructors and includes hands-on projects. Graduates will be equipped with skills to become professional web designers.
Dreamweaver Ch03
This chapter discusses working with text, images, and CSS in Dreamweaver. It covers how to create ordered and unordered lists, develop and apply cascading style sheets to pages, insert and align images, enhance images and add alternate text, and insert background images. The key topics are lists, cascading style sheets, using and formatting images, and general site maintenance.
photoshop-cs3-border-bg-tutorial
This tutorial provides instructions for creating a left side border background graphic in Photoshop CS3. It introduces tools like layers, marquee tool, and paint bucket to create a border strip and fill the background. Additional steps include adding a drop shadow effect using layer styles and saving the image as a web-optimized file. The concise yet detailed instructions help beginners learn the basic process for designing a border background in under 10 minutes.
photoshop-cs3-border-bg-tutorial
This document provides a tutorial for creating a left side border background graphic in Photoshop CS3. It introduces tools like layers, the marquee tool, and paint bucket tool. It demonstrates how to create a border strip on one layer, fill a text area on another layer, and link the layers to add a drop shadow. The tutorial explains how to save the file as a PNG for web use.
Dw cs3-introduction
This document provides an introduction to using Dreamweaver to edit web pages. It discusses Dreamweaver's interface including the document window, toolbar, insert panel, properties panel, and history panel. It also covers how to create and open files, set up a Dreamweaver site, format text and pages, add content from Word, work with images, and find help resources. The overall goal is for participants to gain a beginning understanding of the Dreamweaver environment and learn how to perform basic tasks like creating files and sites, adding content, and formatting text and images.
Lab#1 - Front End Development
Tim Berners-Lee imagined the World Wide Web as a space for interconnecting documents through hyperlinks. He created HTML to provide the structure and formatting for documents, CSS for presentation, and JavaScript for interactivity. These three languages work together to display content on the web. HTML uses tags to mark up content like paragraphs, headings, and images. CSS controls how content is styled and presented using selectors, rules and property-value pairs. It can be linked via external stylesheets, embedded in HTML, or used inline. JavaScript adds interactive behaviors to webpages.
More Related Content
Similar to Basic web design
Drupalcamp Atlanta 2010 Design-to-Theme
Danté Taylor provides a beginner's guide to designing Drupal themes. He discusses common tools used to turn design files into themes such as Photoshop, Firebug, and MAMP. Taylor explains how to analyze a design from the Drupal perspective by breaking it into pieces and considering repeating elements. He also covers Drupal theme anatomy, techniques for naming image files, and best practices for writing clean HTML, CSS, and PHP code for themes.
Overview of Using Wordpress for Web Site Design
This document provides an overview of designing a website with WordPress. It discusses the anatomy of a WordPress site, including the architecture set by the content management system (CMS), the design set by themes, and the content created by the user. It covers WordPress components like templates, CSS, and widgets. It emphasizes considering the rhetorical purpose and needs of the intended audience when making design choices. Examples of student websites are also discussed.
Building appsinsilverlight4 part_1
Dennis J. Perlot will be giving a presentation on building applications with Silverlight 4. The presentation will cover the history of Silverlight, new features in version 4 like rich text boxes and webcam/microphone support, controls, data binding, styles, animations, and demos. It will be held on the third Monday of each month at the NERD Center in Cambridge, MA. The presentation encourages attendees to read books on user interface design and provides resources for learning more about Silverlight.
Web Design Unit.doc
This document outlines a web design unit with the following key points:
1. The unit lasts 4-6 weeks and teaches students how to design functional web pages through understanding HTML coding and design principles.
2. Students will each maintain an electronic portfolio on the school server to showcase their work.
3. The unit covers topics like the internet, layout and design, graphics, HTML, web page editors, JavaScript, and responsible technology use.
4. Students complete a series of lab assignments applying these skills, such as creating pages with images, tables, forms, and more. They use software like Photoshop and Dreamweaver.
Basic html tutoirialp2
This document is part 2 of a basic HTML tutorial. It provides instructions on how to add backgrounds, fonts, borders, and hyperlinks to a webpage created in part 1. The tutorial walks through steps to modify the body and table tags to add backgrounds and borders. It also shows how to change font colors, center text, and add line breaks. The document demonstrates how to create hyperlinks to other websites and email addresses. It provides troubleshooting tips and links to other related tutorials.
Cis145 03 configuring-withcss
The document discusses configuring color and text with CSS. It covers:
1) The different types of CSS - inline styles, embedded styles, and external styles. External styles allow styles to be stored in a separate file and associated with web pages.
2) Common CSS properties for configuring color like background-color and color. It also discusses choosing accessible color combinations.
3) Using CSS selectors like classes, IDs, and elements to target specific elements on a page and style them.
Dreamweaver
The document provides instructions for using Macromedia Dreamweaver MX2004 to design and build basic web pages, including how to set page properties, insert text, images, tables, links, and navigation buttons, and preview pages in a web browser before saving and uploading files to a web server. It also discusses file organization and naming conventions best practices.
Dw Lesson01
This lesson taught the basics of using Macromedia Dreamweaver MX, including defining a new site, naming and saving documents, formatting text and colors, and inserting Flash text. Key aspects of the Dreamweaver interface like the document window, insert bar, property inspector, and panels were explained. The steps to specify background colors, preview browsers, and use the assets panel to apply colors were also outlined.
Nvu tutorial1 1
This document provides instructions for using the web editor Kompozer to create websites. It discusses downloading and installing Kompozer, using its interface and tools to add images, tables, forms, and links. It also addresses frequently asked questions about features like setting colors, inserting special characters, and accessing plugins. The goal is to teach readers how to efficiently design web pages and sites using this WYSIWYG editor.
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
The document summarizes a presentation about integrating web accessibility into training at Cascade User Conference 2014. It discusses administrator options in the content management system to enable accessibility, common accessibility myths versus realities, best practices for alternative text, headings, tables, and more. The presenter emphasizes the importance of accessibility and shares resources to help make content more inclusive.
Introduction to Bootstrap: Design for Developers
The document provides an introduction to Bootstrap, one of the most popular front-end frameworks. It discusses basic design principles like proximity, alignment, repetition and contrast. It then covers key aspects of Bootstrap like the grid system, CSS components, JavaScript plugins, customization options, and how it relates to basic design principles. The benefits of Bootstrap are faster development, powerful grid system, customizable styles and responsive components, while potential drawbacks include file size overhead and templates looking similar without customization.
A new look for e4
The document discusses plans to update the visual design of Eclipse 4.0 (e4) with a more modern style using CSS. The goals are to create a modern look with more breathing room while leveraging the styling engine capabilities. Influences on the new design include web design principles of showing data clearly and allowing flexibility for different screen sizes and user expectations. The redesign process involves iteration based on mockups, feedback, and balancing various design elements and states. Implementation will include blueprinting the design, adding the mockups, and dealing with surprises.
Competencies to do in class
The document outlines computing competencies related to performing basic operations within software applications, word processing, spreadsheets, databases, multimedia, and conducting online research. Specific skills mentioned include creating folders, formatting text, inserting images, creating charts from data, basic database functions like sorting records, and demonstrating email and internet research skills.
Le Wagon - Landing page
The document provides an outline for a workshop on building a landing page from scratch using HTML and CSS. It covers setting up the structure with tags like <head>, <body>, and <div>s, then adding content and styling elements with CSS. It also discusses using frameworks like Bootstrap for grids, responsive design, and common classes. The workshop aims to help participants design and code a landing page, with guidance provided and opportunities for hands-on practice.
Real Estate in Hyderabad
Web Trainings Academy offers classroom and online training in web technologies and web design. Their web design course covers topics like HTML, CSS, Photoshop, JavaScript, and more over 60 days of training. The syllabus is designed by experienced instructors and includes hands-on projects. Graduates will be equipped with skills to become professional web designers.
Dreamweaver Ch03
This chapter discusses working with text, images, and CSS in Dreamweaver. It covers how to create ordered and unordered lists, develop and apply cascading style sheets to pages, insert and align images, enhance images and add alternate text, and insert background images. The key topics are lists, cascading style sheets, using and formatting images, and general site maintenance.
photoshop-cs3-border-bg-tutorial
This tutorial provides instructions for creating a left side border background graphic in Photoshop CS3. It introduces tools like layers, marquee tool, and paint bucket to create a border strip and fill the background. Additional steps include adding a drop shadow effect using layer styles and saving the image as a web-optimized file. The concise yet detailed instructions help beginners learn the basic process for designing a border background in under 10 minutes.
photoshop-cs3-border-bg-tutorial
This document provides a tutorial for creating a left side border background graphic in Photoshop CS3. It introduces tools like layers, the marquee tool, and paint bucket tool. It demonstrates how to create a border strip on one layer, fill a text area on another layer, and link the layers to add a drop shadow. The tutorial explains how to save the file as a PNG for web use.
Dw cs3-introduction
This document provides an introduction to using Dreamweaver to edit web pages. It discusses Dreamweaver's interface including the document window, toolbar, insert panel, properties panel, and history panel. It also covers how to create and open files, set up a Dreamweaver site, format text and pages, add content from Word, work with images, and find help resources. The overall goal is for participants to gain a beginning understanding of the Dreamweaver environment and learn how to perform basic tasks like creating files and sites, adding content, and formatting text and images.
Lab#1 - Front End Development
Tim Berners-Lee imagined the World Wide Web as a space for interconnecting documents through hyperlinks. He created HTML to provide the structure and formatting for documents, CSS for presentation, and JavaScript for interactivity. These three languages work together to display content on the web. HTML uses tags to mark up content like paragraphs, headings, and images. CSS controls how content is styled and presented using selectors, rules and property-value pairs. It can be linked via external stylesheets, embedded in HTML, or used inline. JavaScript adds interactive behaviors to webpages.
Similar to Basic web design (20)
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
Recently uploaded
Wound healing PPT
This document provides an overview of wound healing, its functions, stages, mechanisms, factors affecting it, and complications.
A wound is a break in the integrity of the skin or tissues, which may be associated with disruption of the structure and function.
Healing is the body’s response to injury in an attempt to restore normal structure and functions.
Healing can occur in two ways: Regeneration and Repair
There are 4 phases of wound healing: hemostasis, inflammation, proliferation, and remodeling. This document also describes the mechanism of wound healing. Factors that affect healing include infection, uncontrolled diabetes, poor nutrition, age, anemia, the presence of foreign bodies, etc.
Complications of wound healing like infection, hyperpigmentation of scar, contractures, and keloid formation.
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...Nguyen Thanh Tu Collection
https://app.box.com/s/tacvl9ekroe9hqupdnjruiypvm9rdaneBeyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Iván Bornacelly, Policy Analyst at the OECD Centre for Skills, OECD, presents at the webinar 'Tackling job market gaps with a skills-first approach' on 12 June 2024
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
Practical manual for National Examination Council, Nigeria.
Contains guides on answering questions on the specimens provided
Bossa N’ Roll Records by Ismael Vazquez.
Bossa N Roll Records presentation by Izzy Vazquez for Music Retail and Distribution class at Full Sail University
Temple of Asclepius in Thrace. Excavation results
The temple and the sanctuary around were dedicated to Asklepios Zmidrenus. This name has been known since 1875 when an inscription dedicated to him was discovered in Rome. The inscription is dated in 227 AD and was left by soldiers originating from the city of Philippopolis (modern Plovdiv).
How to Predict Vendor Bill Product in Odoo 17
This slide will guide us through the process of predicting vendor bill products based on previous purchases from the vendor in Odoo 17.
Leveraging Generative AI to Drive Nonprofit Innovation
In this webinar, participants learned how to utilize Generative AI to streamline operations and elevate member engagement. Amazon Web Service experts provided a customer specific use cases and dived into low/no-code tools that are quick and easy to deploy through Amazon Web Service (AWS.)
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as discipline
Recently uploaded (20)
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 - ...
REASIGNACION 2024 UGEL CHUPACA 2024 UGEL CHUPACA.pdf
REASIGNACION 2024 UGEL CHUPACA 2024 UGEL CHUPACA.pdf
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
BIOLOGY NATIONAL EXAMINATION COUNCIL (NECO) 2024 PRACTICAL MANUAL.pptx
Juneteenth Freedom Day 2024 David Douglas School District
Juneteenth Freedom Day 2024 David Douglas School District
Leveraging Generative AI to Drive Nonprofit Innovation
Leveraging Generative AI to Drive Nonprofit Innovation
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Basic web design
- 2. Creates hyperlinks, tables and applies colors.
- 3. Manipulates images for web usage
- 4. Uses and embeds widgets
- 6. Hyperlinks Target attribute “_blank” Open link in a new window “_parent” Open link in a parent window “_self” Open link in the same frame as it was clicked (this is default) “_top” Open link in the full body of the window “frame name” in a named frame Accesskey attribute Specifies a keyboard shortcut to access an element
- 8. Use mailto
- 9. Other options of email link:
- 10. CC
- 11. BCC
- 12. Subject
- 14. Colors Color chooser http://libapp/test/dwtraining/colors.html http://www.colorschemer.com/online.html http://cloford.com/resources/colours/500col.htm
- 15. Embed videos and widgets YouTube Videos example: http://www.youtube.com/watch?v=Mwbw9KF-ACY AddThis Button http://www.addthis.com/ SlideShare http://www.slideshare.net/ Widgetbox http://www.widgetbox.com/
- 16. Image manipulator Picnik http://www.picnik.com/app#/home/welcome
- 17. Website Design Experience Horizontal attention distribution Left half of screen: 69% of viewing time Right half of screen: 30% of viewing time
- 18. Website Design Experience Horizontal attention distribution
- 19. Website Design Experience Good example http://www.dbs.com.sg Bad Example Text size & color problem: http://www.thomasedison.org/ Navigation problem: http://lesailes.hermes.com/na/en/ Layout problem: http://www.msy.com.au/ Excessive links: http://www.teacherxpress.com/
- 20. Other Tips Always think about the users Fast load, users do not want to wait. A standard web page should not more then 60KB. It should take less then 15 seconds. Study HTML. Coding some times faster then drawing. Use standard fonts. Listen to the feedback.
- 21. Other Tips Do Not make page to wide. Users do not want to use horizontal scrolling. Do Not put long paragraph in page. Use PDF to let user read it off line. Do not use blinking text.