Web Design Course Adam Ryan 5-C. This course is intended to give you an introduction into web design so that you can build upon this knowledge using the.

Slides:



Advertisements
Similar presentations
The Internet.
Advertisements

3.02H Publishing a Website 3.02 Develop webpages..
Creating Web Pages By: Dr. Matt Dean. Common Terminology Webpage Webpage Website Website Web Browser Internet Explorer Firefox HTMLHypertext Markup Language.
The Internet and the Web
TS 313 Multimedia Applications Welcome to TS 313 Multimedia Applications There is no audio lecture associated with this set of introduction slides Refer.
Communicating Information: Web Design. It’s a big net HTTP FTP TCP/IP SMTP protocols The Internet The Internet is a network of networks… It connects millions.
Project 1 Introduction to HTML.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
Website Development. UFCEKR Media TechnologiesB.Sc Multimedia Computing Website Development Origins of the Internet The World Wide Web Establishing.
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.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
CIS101 Introduction to Computing
The Internet and the World Wide Web. Una DooneyThe Internet and WWWSlide 2 What is the Internet? A collection of networks (LANS and WANS) around the world.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
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.
HTML & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.
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.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Chapter 4 Creating a Website from an InDesign Layout.
Creating and Publishing Your own website
1st Project Introduction to HTML.
Weebly and ECDL Software Introduction Links Click the DVD on the weebly home page. Click X to get out of pop up screens first. Click the DVD on the weebly.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
The Internet & The World Wide Web Notes
Chapter ONE Introduction to HTML.
Designing a Classroom Web Site Using NVU Beginning Level.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Create a Website Session I Key Components Hands-on HTML.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Web Administration.
All About Creating a Website. How the SIR Websites are Built. SIR Branch 116 Phil Goff July 21, 2011.
 Internet vs WWW  Pages vs Sites  How the Internet Works  Getting a Web Presence.
HINARI/Basic Internet Concepts (module 1.1). Instructions - This part of the:  course is a PowerPoint demonstration intended to introduce you to Basic.
Getting started! Module 1: Creating and publishing web pages Your class “home page”
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
2013Dr. Ali Rodan 1 Handout 1 Fundamentals of the Internet.
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.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Exploring Microsoft Office Welcome to Cyberspace: The Internet and World Wide Web1 Exploring the Internet Chapter 1 Welcome to Cyberspace: The Internet.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 1 1 Browser Basics Introduction to the Web and Web Browser Software Tutorial.
UNESCO ICTLIP Module 1. Lesson 61 Introduction to Information and Communication Technologies Lesson 6. What is the Internet?
CIS 250 Advanced Computer Applications Internet/WWW Review.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
Website Design:. Once you have created a website on your hard drive you need to get it up on to the Web. This is called "uploading“ or “publishing” or.
The Internet. Important Terms Network Network Internet Internet WWW (World Wide Web) WWW (World Wide Web) Web page Web page Web site Web site Browser.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.
Overview In this tutorial you will: learn what an e-portfolio is learn about the different things e-portfolios may be used for identify some options for.
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.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
(class #2) CLICK TO CONTINUE done by T Batchelor.
XP Creating Web Pages with Microsoft Office
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
3.02H Publishing a Website 3.02 Develop webpages..
Web Site Development and Macromedia Dreamweaver 8
Chapter 1 Introduction to HTML.
What is the Internet? © EIT, Author Gay Robertson, 2016.
Evolution of Internet.
Project 1 Introduction to HTML.
Exploring Microsoft Office 2013 Word Comprehensive
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
4.02 Develop web pages using various layouts and technologies.
4.02 Develop web pages using various layouts and technologies.
Exploring Web Page Design
Presentation transcript:

Web Design Course Adam Ryan 5-C

This course is intended to give you an introduction into web design so that you can build upon this knowledge using the Internet into your futures. Websites and apps are how products and services are being bought and sold more and more nowadays. It cuts down your costs when you sell directly to customers online 24/7. Setting up your own business an web presence is essential in the dynamic world Students are facing today and is a great life skill to be able to make money for yourself. Plus, if you lose your job, can’t find a job, want to impress your manager and improve his or her business model, want to promote anything or simply want to work in this area of business and computers, this is for you.

The Aim of This Course:  To be able to build your own website.  To learn about basic web programming.  To be introduced to App development languages.  Your project for the year: -To further your research online and to build the best possible website or App to your ability.

Units 1-5:  Overview of software options.  Hyperlinks will take you to the unit you need.  Unit 1: Introduction and Set Up  Unit 2: HTML Programming Notepad.  Unit 3: Graphics and images.  Unit 4: the law and security.

The Internet Means  The physical structure (servers, routers, cables, fibre optics and satellite connections.  A global network of networks that allows people, business and communities to communicate with each other.

Software used for web design  Weebly is free for schools to use.  Wix  Scoilnet blogs is free for schools to use.  Dreamweaver, easiest to use, most expensive.  Frontpage is arguably one of the best but difficult to use.  Coffee cup is cheapest.  Microsoft freeware/ shareware can be researched.

Different devices use different types of coding for programming.

Unit 1 of ECDL Webstarter  Introduction  Uploading webpages  Advantages of web publishing  Registering a web space.  Unit one quiz.

Web concepts  TCP/IP - stands for transmission control protocol / internet protocol and is the method computers use to communicate on the internet.  Eg. www or ftp or chatrooms  FTP – file transfer protocol – language that helps you upload and download files from the internet hosting company/ eg. Using file zila to upload to hosting 365 ( host irish.ie web names.  Hyper links clicks on them and they bring you other locations on the website.  Webservers a type of server dedicated to storing web based files.

Web concepts  Web pages is a page that can contain a mix of text. Images, sound and video. A number of webpages and home (index page) together make a website. Browser eg internet explorer.  Http/s: language that enables communication on the www and s adds higher security.  Url: uniform resource locater – full web address in other words.  HTML – hypertext mark up language – codes and programming language behind the web. Plain text but needs software. Eg. Java programming language.  Multimedia – more advanced.

Copy codes from websites  Click tools on a website and view source  Word wrap and consider width of the browser or you’ll find the text won’t fit on the page.  Plan ahead

Step One before you create a new website  Check to see if your domain name has already been taken by clocking on a domain registration website such as  Register365.ie  Weebly.com  This website also gives you an option to pay for hosting. Eg. About 180 per year annual service fee. However, there are free hosting companies available too. With some you may have to insert their address or advertise a banner for them.

Free hosting companies:  Eircom.net  Angelfire.com  Madasfish.com  Geocities.com  Tripod.co.uk  Biz.nf  000webhost.com  Myownfreehost.com  When uploading webpages you need a space on a hosting company. Eg. Eircom then an FTP. Eg. Filezila to upload and edit pages.

Step 2  Create your webpages maybe starting with a template from web software such as coffee cup. Or for a more basic website and to get used to writing code use notepad and next step is to save youre work to a yellow folder on your pc before uploading.  When uploading webpages you need a space on a hosting company eg. Eircom then an FTP eg. Filezila to upload and edit pages.

Step 3  Register with a hosting company.  There will be a step by step guide on most hosting companies.  You will need to create a new hosting account or mywebspace with a username and password. Always write down usernames and passwords so you don’t forget them. Usernames field type your website address or wherever it asls you to depending on the website you are making.

Test to see if registered  IT will say to test the page if it has not been registiered properly.  You may need to go back to the start and click update your website also click refresh on your browser or you’ve made a typo error somewhere and not followed their step by step guides properly so start again.

Webdesign programming