Mozafar Bag-Mohammadi

Slides:

Advertisements

Similar presentations

Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.

Advertisements

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark.

Dreamweaver MX ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.

Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,

IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.

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,

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

Basics of HTML.

 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.

Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.

AJAX Making Dynamic Web pages more Dynamic Jim Hendricks April 25th, 2006.

Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.

HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.

HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.

Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

Creating Webpage Using HTML

How the Web Works Digital Histories Workshop Adam Crymble.

Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.

McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

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.

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.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Introduction to HTML Unit 3: E-business.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.

K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK.

INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.

University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza

Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Basic Steps to create a Website using HTML5. Hypertext Markup Language.

Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.

Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 13 A & B Programming Languages and the.

Canvas Styles Adding Color with HTML / CSS Marley - Jan

Hypertext Markup Language.  A markup language use for creating web pages  It is an instruction to a webpage on how it will look Prepared by: Mark Wilson.

Creating a website. What you should learn HTML HyperText Markup Language Basic structure of your web.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

The Brenkoweb provides the excellent online programming tutorial for the programmer in various languages like as PHP, SQL, HTML, ASP, Javascript,

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.

Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.

G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher

Mark-up Languages Compare and describe at least 3 mark-up languages and what they do.

Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.

WEB 237 Week 1 DQ 2 What is the current markup language standard? Describe how CSS can be leveraged in website programming Check this A+ tutorial guideline.

PHP Assignment Help BookMyEssay. What is PHP PHP is a scripting language generally used on web servers. It is an open source language and embedded code.

Web Basics: HTML/CSS/JavaScript What are they?

Introduction to Website Creation in sphb K200

Lecture 8. HTML. Author: Aleksey Semyonov

Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.

Creating a Successful Web Presence

Web Page Development Tools

Test 1 Review Website Basics, HTML, CSS

HTML 12/27/2018.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Unit 6 part 3 Test Javascript Test.

Web Page Development Tools

Computer communications

ITI 163: Web, Mobile, and Social Media Design Introduction

ხელმძღვანელი: დიმიტრი ქარაული

The Most Basic HTML Page

Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.

Client-Server Model: Requesting a Web Page

Introduction to HTML By Perry Nelson Information Specialist.

Presentation transcript:

Mozafar Bag-Mohammadi Web Page Design Mozafar Bag-Mohammadi

Outline HTML JavaScript PHP Tag ها، لیست ، جدول و فرم صفحه آرایی CSS ساختارهای کنترلی و آرایه و متغییرها محاورات ساده با کاربر فرمها PHP کلیات، نصب و راه اندازی سرور متغییرها، ساختارهای کنترلی سازماندهی برنامه ها و استفاده مجدد ارتباط با بانک اطلاعاتی

ساختار درس نمره دهی: کتاب و منابع: امتحان ۶0% تمرین 20% پروژه ۲0% اصول طراحی و برنامه نویسی تحت وب- جعفر نژاد قمی اینترنت

What is Web Programming? A Markup Language marks up the content of your website. A Style Language specifies how your website will be presented. A Programming Language tells your website what to do.

HTML HyperText Markup Language (HTML) یک زبان برای مشخص کردن محتوی استاتیک صفحات وب است. کلمه hypertext به این واقعیت اشاره دارد که یک صفحه وب فقط از متن های ساده تشکیل نشده است و می تواند شامل مولتی مدیا ، لینک به صفحات دیگر و لینک به جایی دیگر در همین صفحه باشد. کلمه markup به این واقعیت اشاره دارد که روش کار HTML استفاده از tag ها برای افزودن معنای اضافی به متن معمولی است. این tag ها نوع و ساختار داده را تعیین می کنند.

چرا HTML؟ چرا به یادگیری HTML نیاز داریم؟ HTML یک زبان سطح پایین است و نرم افزار های مفید زیادی مثل frontpage و Macromedia DreamWeaver وجود دارند که صفحات HTML را بصورت اتوماتیک درست می کنند. چرا به یادگیری HTML نیاز داریم؟ کنترل رفتار سایت در پایینترین سطح ممکن. افزایش خوانایی صفحات کاهش حجم صفحات استفاده از اجزا مفید صفحات دیگر و جاگذاری آنها در سایت خودمان استفاده از زبانهای دینامیک Javascript و applet ها برای طرف مشتری PHP و ASP برای طرف سرور

برنامه نویسی دینامیک در طرف مشتری

برنامه نویسی دینامیک در طرف مشتری سرور درخواست مشتری را دریافت می کند. سرور به درخواست مشتری پاسخ می دهد. پاسخ سرور شامل محتوی استاتیک و دینامیک است. مرور گر طرف مشتری پاسخ را دریافت می کند. مرورگر اطلاعات را پردازش می کند و برنامه طرف مشتری را اجرا می کند تا محتوی دینامیک تولید شود. مرور گر اطلاعات را به مشتری نشان میدهد.

برنامه نویسی دینامیک در طرف سرور

برنامه نویسی دینامیک در طرف سرور سرور درخواست مشتری را دریافت می کند. پاسخ سرور بر اساس درخواست مشتری و به صورت دینامیک تنظیم می گردد. برای این کار معمولا به پایگاه داده مراجه می شود و محتوی مورد نیاز از پایگاه استخراج می گردد. مرور گر طرف مشتری پاسخ را به صورت استاتیک دریافت می کند. مرور گر اطلاعات را به مشتری نشان میدهد.

مدل ترکیبی امروزه از ترکیب هر دو روش فوق استفاده می گردد. یعنی پاسخ سرور دارای دو قسمت است: محتوی استاتیک که ممکن است از پایگاه داده استخراج شده باشد و بر اساس نیاز مشتری تنظیم شده است. ( برنامه نویسی طرف سرور) محتوی دینامیک که فعلا به صورت یک کد از زبانی مثل JavaScript است و باید در مرور گر مشتری تفسیر و به کد HTML تبدیل شود. ( برنامه نویسی طرف مشتری)