Designing Webpages Firstname Lastname.

Slides:



Advertisements
Similar presentations
Website Development Scott Hastings. Website Development: How to help yourself. Fundamental Computer Techniques Find the Bigger Buttons Modifiers + [Mouse.
Advertisements

Graphics. Image format's GIF Format: Use a maximum of 256 colors, and are recommendable for big areas of one color or non- continuous images. They are.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
November 15, 2006A. St.Denis Nvu: a web authoring tool {An example of a Technical Topic Presentation in ELM4701}
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Specialized Application Software Chapter Specialized Applications Graphics Programs Audio and Video Software Multimedia Programs Web Authoring.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web.
HYPERTEXT MARKUP LANGUAGE (HTML)
E3/38, L.G.F, Sector – 7, Rohini, Delhi – Contact: +91 – , ,
Graphic Images 101. Painted on a grid Drawn mathematically.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
How the Web Works. WWW – part of the Internet (others: , FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.
© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.
The Internet 8th Edition Tutorial 9 Creating Effective Web Pages.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Creating a Winning E-Business Second Edition Understanding Web Technologies Chapter 9.
Coding: XHTML and CSS. Why code? Writers and editors are often asked to write and edit web copy. Although it is easy to create a web site without coding.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Address : - E3/38, L.G.F, Sector – 7, Rohini, Delhi – Manoj Rana | Sr. Marketing Manager Mobile No : – Office : ,
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Firstname Lastname. Resources  Development tools  Development tutorials  Graphics  Hosting services and online storefronts  Other tools  Business.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Module Code: CU0001NI Technical Information on Digital Images Week – 2 - Extra.
EDT321EDT321 1 Summer Session Online Presentations Presentation Guidelines Design Guidelines Graphic File Types Power Point Skills PowerPoint Project.
Chapter 1Introducing the Internet and Web Technologies Chapter Objectives After learning this chapter you will be able to: b b Describe the past, present,
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Lesson 19: Site Development with FrontPage 2003 – Advanced Features.
1 © Copyright 2000 Ethel Schuster The Web… in 15 minutes Ethel Schuster
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Raster Graphics 2.01 Investigate graphic image design.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
GRAPHICS. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest.
STEM. a. Photoshop is the world’s leading digital image editing software application. b. People use it to create, enhance and modify images, such as brochures,
Web design Guidelines to design your own website..
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
The Brenkoweb provides the excellent online programming tutorial for the programmer in various languages like as PHP, SQL, HTML, ASP, Javascript,
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Project 1 Introduction to HTML.
Types of Graphics Technological Design.
تصميم صفحات الانترنت web design
4.01B Authoring Languages and Web Authoring Software
Chapter 1 Introduction to HTML.
Different Types of Computer Software Programs
My Skill audit Skills Experience Programs
Where to Start When Re-Designing a Webpage
DW Tutorial 5 Sessions 5.1 & 5.2 REVIEW
The Web Wizard’s Guide to Web Design
10 Steps on how to create a website Step #1
ITI 163: Web, Mobile, and Social Media Design Introduction
Web Development How the Web Works.
Is it Photoshop 7.5? Is it Photoshop 7.95? Or is it Photoshop 8.00?
Creating a Successful Web Presence
4.01B Authoring Languages and Web Authoring Software
Web Page Development Tools
Web Page Development Tools
Presentation transcript:

Designing Webpages Firstname Lastname

Resources Development tools Development tutorials Graphics Hosting services and online storefronts Other tools Business help

First things first… Who is your audience? Demographics Equipement What do they want from your site? Degree of enteractivity What do you want your site to do? Purpose

Making it happen Languages Tools HTML, XHTML, XML, CSS, DHTML JAVA, SQL, Scripts Tools Plain Text Editor Notepad or BBEdit GUI Editor Dreamweaver, KompoZer, Expression Web FrontPage, Nvu Templates

Graphics Types How to modify graphics JPG – photographs, lots of colors, compressed GIF – line drawings, blocks of color PNG – newer type, compresses well BMP – large but extremely clear How to modify graphics Specialized software Photoshop, Paint Shop Pro, Corel Painter, Adobe Illustrator

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

© 2024 SlidePlayer.com Inc. All rights reserved.