Build A Website For Free The Artist’s Way. Who am I?

Slides:

Advertisements

Similar presentations

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.

Advertisements

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.

CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:

World Wide Web Hyperlinks Servers/Clients Browsers HTML (HyperText Markup Language)

Charmaine NormanCopyright What Is a Web Page Presented by Webpagemaker. Net Left click your mouse to view each frame, Web Page.

4.01 How Web Pages Work.

MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5

MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

CS 121 Concepts of Computing II Introduction to Web Page/Site Development.

Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

Web Basics (Scary Acronyms Demystified). HTML Acronyms And your website… CSS URL HTTP SSL SMTP DNS RSS API ERQ iCAL Yippie! We have an Awesome website…

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

WEB BROWSERS BTT101 DIGITAL LITERACY (Credit Mr. Spinelli)

BUS311: Website Development Lab. The world Web hosting site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) Web site development tools Web.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Website Publishing. Publishing Basics Early Web Sites Obtain a Domain Name IP Address (Internet Protocol Address) – A number that uniquely identifies.

Introduction to Interactive Media 05: How the Web Works: Domain names, Hosting and Fundamentals of HTML.

The Internet COM 366 Web Design & Production. Brief history Internet began as nationwide network for Department of Defense in 1960s –Expanded to universities.

Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.

Building Websites and weblogs for university Professors Razi herbal medicines research center workshop Presenter: Mehdi Pedram.

Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,

Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.

WRA INTRODUCTION TO WEB AUTHORING. HELLO, MY NAME IS: JOHN Basics Former PW Alum Really like tv, video games, and MSU sports and the Tigers.

Getting your Chapter’s Face Out There Webs, Listservs, Tweets and Facebooks.

Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”

The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.

Incorporating Multimedia into a Web Site (Case Study) Unit G.

Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.

Fundamentals of Web Publishing MIS 208-B LEC: T 08:15PM-10:05PM- ADM102 LAB: TH 08:15PM-10:05PM - ADM138 Andy Stokes.

By: Harisanth Sivaneswaran 1 Web Page Development.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Competency 3 By: Juan Betancourt. The Master Technology Teacher: A. Demonstrates knowledge of mechanisms for navigating, accessing, transferring, sharing.

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

Web Based Systems for Engineering and Management Professors Iris D. Tommelein and Arpad Horvath Fall 2000.

Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.

3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.

HTML HyperText Markup Language Victoria E. Kozlek.

Three Internet Medias Podcast, Blogs, Wiki Jasmine Sampson CSC101.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.

 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.

Website Design and Construction Services and Standards.

Dr. Lam TECM  Design thinking/web design process  Content, content strategy, and writing for the web  Layout and grids  Visual design  Typography.

Computer Basics Introduction CIS 109 Columbia College.

BTEC ICT Level 3 Unit 8 E-Commerce. Session 2 – Technologies and What they Consist of.

Website Design Fundamentals

4.01 How Web Pages Work.

Egyptian Language School General Questions Prep.2

4.01 How Web Pages Work.

IS1500: Introduction to Web Development

Objective % Select and utilize tools to design and develop websites.

Where to Start When Re-Designing a Webpage

Basic Knowledge of Web creation

Sec (4.3) The World Wide Web.

Objective % Select and utilize tools to design and develop websites.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Making Web pages.

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

4.01 How Web Pages Work.

Internet Vocabulary Terms

Presentation transcript:

Build A Website For Free The Artist’s Way

Who am I?

Build a Website?

For free?

Really?

By myself?

Really?

How does the internet work?

Server Web site Web site Web site

Web Page Website Web Page

The Order of Things Planning Design Building Testing Promotion & Maintenance

Planning Why am I building a website? What goals do I have for this site? Who is going to build the site? What budget do I have? What am I trying to promote?

Site Organization

Page Organization

Design Can I make a website look good?

Content before design Design Ideas Employ Visual Hierarchy Color Fonts Images

Samples Blu - David Hockney - Anish Kapoor - Seth Fisher - eboy -

Best Practices Content is most important What is new? Keep it simple Be consistent

Content Content should be focused Content should be personal Content should be high quality Content should be unique

Building HTML HTML5 Mark-up language Text file Notepad++ Tags effect text

Nopenopenopenope

Anatomy of a tag Heading One

Sample Introduction This is the introduction to my site. Thank you for visiting and hope you enjoy my art.

Sample Introduction This is the introduction to my site. Thank you for visiting and hope you enjoy my art.

Web Page Software KompoZer Bluefish SeaMonkey

Working with images Jpg, gif, png Watermark Size and resolution

Slideshows Control of presentation Image protection Different methods Html5 Ajax Flash

Working with multimedia Video Youtube Vimeo Audio Soundcloud Podcasting

Hosting

Functions of a Web Server Storage Security Share Files

Web Hosting Needs Cost Technical Knowledge Required Maintenance Needs Storage Space Accessibility Bandwidth Needs Security Needs Domain Name Service

Domains Myname.com

Getting Files on the Internet Move files from your local computer to the web server File Transfer Protocol Filezilla

Testing

How to test a website Test design Test HTML Test links and functionality Test browsers Test resolution

Usability Testing Can people find things? Does my visual hierarchy re-enforce my content? Do my visitors get lost? Do they know me and my art after visiting my site?

Promotion and Maintenance Social Media Twitter Facebook Instagram Vine Linked in Cards Shows Visit your own site!

Questions? ?