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

Slides:

Advertisements

Similar presentations

Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.

Advertisements

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

4.01 How Web Pages Work.

Skills: none Concepts: data and program files, IP packet, packet header, packet body, IP address, host name This work is licensed under a Creative Commons.

. Website and file organization. How websites work.

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

1 Software Testing and Quality Assurance Lecture 32 – SWE 205 Course Objective: Basics of Programming Languages & Software Construction Techniques.

Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.

Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.

Presented by Mina Haratiannezhadi 1.  publishing, editing and modifying content  maintenance  central interface  manage workflows 2.

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

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,

Getting Started with Dreamweaver

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.

Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.

CS590VC – Tutorial 9 Calling Web Services from Second life.

WEB DESIGN UNIT 2 Unit 2 Module 2-5. WHAT HAVE YOU LEARNED?  What is the title tag do? Where does it show?  What are the tags that need to be on every.

Editing for the Web TECM 4190 Dr. Lam. What makes a website “good” Write down some characteristics that you consider define a “good” website.

HTML 1 Joseph Cox HTML Hints and tips For IGCSE and Level 2 students.

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.

LOGO 2 nd Project Design for Library Programs Supervised By Dr: Mohammed Mikii.

Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?

Objective Understand concepts used to web-based digital media. Course Weight : 5%

How the Web Works Digital Histories Workshop Adam Crymble.

How to upload files to Altervista Overview:

Intro to XML Dr. Lam TECM5191. Why XML? Text CHRISLAM138 to

HTML Primer for Technical Communicators TECM 5191 Dr. Lam.

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.

INTRODUCTORY Tutorial 6 Using Links on a Web Page.

The Internet Using the Internet Web addresses Searching Favourites Saving / Printing web pages.

Dreamweaver: Introduction and Basics. Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..

Web Servers: The Engines that Drive the World Wide Web Dr. William Farmer Reza Sherafat McMaster University May 3, 2006.

Page Design Issues IWM 14 Information Services for the Web.

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

1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.

Harshda Vabale Aneeta Kolhe. This project actually extracts entire data from the website and then stores it on your local machine. This application can.

2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.

Your final site CSS WP Hand- code, using TextEdit, TextWrangler, Dreamweaver or any other wysiwyg editor. Site doesn’t require to be hosted Deliver all.

CIS 228 The Internet Day 4, 9/8/11 Getting on the Internet.

Website Design and Construction Services and Standards.

Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.

The Internet Day 4, 9/8/11 Getting on the Internet

4.01 How Web Pages Work.

HTML Links CS 1150 Spring 2017.

Getting Started with Dreamweaver

4.01 How Web Pages Work.

Pre-Production Meet with the client to create a project plan:

4.01 How Web Pages Work.

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

3.02H Publishing a Website 3.02 Develop webpages..

بسم الله الرحمن الرحيم.

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

Web Design and Development

How files are organized

Lesson Objectives Lesson Outcomes

Getting Started with Dreamweaver

4.02 Develop web pages using various layouts and technologies.

Making a website.

Multimedia Web Site Design

4.01 How Web Pages Work.

Unit 10 The Web Book Test.

HTML Links CS 1150 Fall 2016.

Information Retrieval and Web Design

4.01 How Web Pages Work.

Website File Management

Presentation transcript:

Dr. Lam TECM 3200

 Design thinking/web design process  Content, content strategy, and writing for the web  Layout and grids  Visual design  Typography and color  HTML/CSS

By end of today, you should know: 1. How HTML/CSS fits into a larger context of the Internet 2. How to define and describe the internet and how it works. 3. File management and retrieval strategies for your own websites. 4. The difference between web hosting and domain name services.

 Text CHRISLAM138 to 22333

Identify the protocol, server, and path

1. Write a relative link in HTML to the dog image below. Your HTML file will be stored in your root folder. Root folder images dog.jpg

1. Write a relative link in HTML to the dog image below. Your HTML file will be stored in your root folder. Root folder multimedia dog.jpg images

 Source: