Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

Introduction to CSS. What is CSS? A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from it’s style. Use your (X)HTML.
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
CIS101 Introduction to Computing
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
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.
The Internet A brief overview Internet - An interconnected system of networks that connects computers around the world via the TCP/IP protocol. What.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
9/12: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW images courtesy of
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Why Worry About the WWW? Intranets -- with lots of HR applications »policies/procedures »job postings »benefits & other transactions »hiring & other workflows.
9/7: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW image courtesy of
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
All About Creating a Website. How the SIR Websites are Built. SIR Branch 116 Phil Goff July 21, 2011.
Paul Mundy and Bob Huggan 1 Websites.
Webdesign 1 Foundation Computing I'd kill for a Nobel Peace Prize.
Web-designWeb-design. Web design What is it? Web-design features Before…
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Creating Web Documents Wk 2: HTML & PSP basics Discuss sites HTML, PSP lesson Assignment: first Web page due Day class: 1/23; Night class 1/28.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Page Terminology LinksShareware AnchorOrganic Search MarqueeWhite Space BacklinkHTML Bounce RateMarkup FirewallImpression SEOLanding Page Exit PageE-commerce.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Web Site Design & Management Class One Agenda Attendance Questionnaire Introductions Class Policies About the class Code your first page FTP Assignments.
Microsoft Office Grade 10 A / B Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 04 Basic Application.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Getting Online track-2 WENT2001. What is working online? In a nutshell, working online simply means working on the Internet using electronic mail ( )
2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center.
PYP002 Intro.to Computer Science Brwosing the Web1 Browsing the Web Chapter 19.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
HTML 17 HTML 17. HTML 17 HTML is the language for making webpages Hypertext Markup Language You need to know the basics Questions about HTML are common.
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
Basic HTML5 Elements CPSC Spacing Adjacent spaces, tabs, newlines in the input reduce to a single space in the output The following will not display.
Objective % Select and utilize tools to design and develop websites.
What is the Internet? © EIT, Author Gay Robertson, 2016.
Web software.
Objective % Select and utilize tools to design and develop websites.
HTML.
Presentation title goes here
Presentation title goes here
A1 Student Posters Posters Print Services  Robinson Library  University of Newcastle  phone: Introduction The.
<ELLIIT Project Name>
Presentation title.
Presentation title.
Poster Title Heading Heading Heading Heading Heading Heading
2016 REPORTING The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
A0 PowerPoint Poster Posters at Print Services Robinson Library, Newcastle University • • phone Introduction.
2016 REPORT.
Creating a Google Earth Virtual Field Trip.
An Introduction to HTML Pages
Browsing the Web Chapter 19 PYP002 Intro.to Computer Science
A1 Student Posters Posters at Print Services  Robinson Library  University of Newcastle  phone: Introduction.
201X REPORT.
目 录 The quick brown fox. 目 录 The quick brown fox.
Title of Your Presentation Presenter Name, Job Title
2016 REPORT.
Presentation transcript:

Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines

Website elements  Header-body-footer

Website elements  Header-body-footer

Website elements  Header-body-footer  Navigation  Graphics  Favicon  Domain name

Website elements HTML  WordPress/some online system       -main/it-webdesign/it-wd-portofolio/ -main/it-webdesign/it-wd-portofolio/ Flash  Look for… Header-body-footer Navigation Graphics/favicon Domain name! Webhost Search engine optimization

Software Overview Elements of Webdesign \\ Week 1

Software  Filezilla FTP  WordPress  Serif Webplus X6

Make a Website ANYWHERE Elements of Webdesign \\ Week 1

Make a Website ANYWHERE  Write “HTML” (HyperText Markup Language) code  Bold  Italics  Underline  Paragraphs and breaks  Hyperlink  Examples on a website

Make a Website ANYWHERE  Bold: Code: Howdy there! This is a bold line. Output: Howdy there! This is a bold line.

Make a Website ANYWHERE  Italics: Code: Howdy there! These are italics. Output: Howdy there! This is a bold line.

Make a Website ANYWHERE  Underline: Code: I’m underlined! Output: I’m underlined!

Make a Website ANYWHERE  Paragraphs: Code: The quick brown fox jumps over the lazy dog. Output: The quick brown fox jumps over the lazy dog.

Make a Website ANYWHERE  Breaks: Code: The quick brown fox jumps over the lazy dog. Output: The quick brown fox jumps over the lazy dog.

Make a Website ANYWHERE  Hyperlinks: Code: The website is located download here. Output: The website is located over here.

Make a Website ANYWHERE  Combinations: Code: There once was a man who had a dog, and Bingo was his name-o. Output: There once was a man who had a dog, and Bingo was his name-o.

Make a Website ANYWHERE  Examples of these codes ON a live website  How to make a quick download link to a website or photo or video, show copy and paste

Homework Assignment Elements of Webdesign \\ Week 1

Homework Assignment  Find three interesting websites, their links before next class  Read articles under week 1 on the class website (posted by Sunday)  Start milling ideas for the proposal, contact the client this week!  Explore software