בצלאל

גיאחביב

2014בצלאל 2014

עיצוב לווב: מבוא

בצלאל

גיאחביב

2014

2014

בצלאל

גיאחביב

2014

איך עובדת *הרשת?

2014

בצלאל

גיאחביב

2014 Client / Server

2014

בצלאל

גיאחביב

2014

1. Server serves files 2. Client is a browser asking for files, displaying them 3. When the user clicks on a link, client asks server for new page 4. When user events occur, client sometimes does things on it’s own.

Client / Server

2014

בצלאל

גיאחביב

2014

מה זה דפדפן?*

2014

בצלאל

גיאחביב

2014 אפליקציה שניגשת לרשת .HTML ויודעת להציג דפי

2014

בצלאל

גיאחביב

2014 במקור, הכל התחיל .hypertextמ

2014

בצלאל

גיאחביב

2014 Hypertext

Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text which the reader can immediately access…

The hypertext pages are interconnected by hyperlinks, typically activated by a mouse click, keypress sequence or by touching the screen.

wikipediahttp://en.wikipedia.org/wiki/Hypertext

2014

בצלאל

גיאחביב

2014

2014

בצלאל

גיאחביב

2014

2014

בצלאל

גיאחביב

2014

2014

בצלאל

גיאחביב

2014 מלחמות שליטה בדפדפן

2014

בצלאל

גיאחביב

2014

דפדפנים פופולריים?

2014

בצלאל

גיאחביב

2014

On desktop vs. mobile?

2014

בצלאל

גיאחביב

2014

מה הדפדפן*אוכל?

2014

בצלאל

גיאחביב

2014 HTMLHypertext Markup Language

.1

2014

בצלאל

גיאחביב

2014 ?hypertext מה זה

2014

בצלאל

גיאחביב

2014 Hypertext

Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text which the reader can immediately access…

The hypertext pages are interconnected by hyperlinks, typically activated by a mouse click, keypress sequence or by touching the screen.

wikipediahttp://en.wikipedia.org/wiki/Hypertext

2014

בצלאל

גיאחביב

2014 HTMLתוכן, תוכן מאורגן

2014

בצלאל

גיאחביב

2014 HTMLתוכן, תוכן מאורגן

יותר מדויק להגיד: תוכן ומבנה

2014

בצלאל

גיאחביב

2014 CSSCascaded Style Sheets

.2

2014

בצלאל

גיאחביב

2014 CSSסיגנון + לייאאוט של

התוכן והמבנה

2014

בצלאל

גיאחביב

2014 video; audio; images;vectors; fonts

.3

2014

בצלאל

גיאחביב

2014 Javascript .4

2014

בצלאל

גיאחביב

2014 Javascriptדרך להוסיף אינטראקטיביות,

חישובים או לוגיקה לדפי .html

2014

בצלאל

גיאחביב

2014 Plugins: Flash, Java,

Silverlight, Unity

.5

2014

בצלאל

גיאחביב

2014 Pluginsמה אתם יודעים עליהם?

2014

בצלאל

גיאחביב

2014 Pluginsנהיים פחות רלוונטים ככל

שעובר הזמן.

הדגמה פשוטה עם: Coda

2014

בצלאל

גיאחביב

2014

2014

בצלאל

גיאחביב

2014

2 עקרונות מפתח*

2014

בצלאל

גיאחביב

2014

הפרדה בין תוכן לצורה

2014

בצלאל

גיאחביב

2014 Tumblr Themes

2014

בצלאל

גיאחביב

2014

ווב סטנדרדס.מי מגדיר את השפות html, css, js? - גוף

.w3c סטנדרטים בינלאומי בשם

מורכב מנציגים מחברות מובילות וארגונים שונים.

2014

בצלאל

גיאחביב

2014

הווב כפורמט *פתוח

2014

בצלאל

גיאחביב

2014 הווב כולו בנוי פחות או יותר מאותם מרכיבים.

2014

בצלאל

גיאחביב

2014 כל פעם שאנחנו רואים משהו בתוך דפדפן, אפשר לגשת

assetsלקוד שלו, ל inspect element,

.resources

2014

בצלאל

גיאחביב

2014 StyleBot

2014

בצלאל

גיאחביב

2014 Harlem Shake Snippet

2014

בצלאל

גיאחביב

2014 הדגמה עם: Inspect Element

2014

בצלאל

גיאחביב

2014

קצת על: *אנליטיקס ומדידות

2014

בצלאל

גיאחביב

2014Analytics

2014

בצלאל

גיאחביב

2014Measuring actions

2014

בצלאל

גיאחביב

2014Eye tracking

2014

בצלאל

גיאחביב

2014

לקראת התרגיל *השני

2014

בצלאל

גיאחביב

2014 storytelling on the Web

2014

בצלאל

גיאחביב

2014 אתרים של עמוד אחד: כמה דוגמאות.

בצלאל 2014

בצלאל

גיאחביב

2014 ולא שכחנו: ספריית רפרנסים

*

2014

בצלאל

גיאחביב

2014 איך התקדמתם/ן? בואו נראה.

2014

בצלאל

גיאחביב

2014 ספריית רפרנסים

2014

בצלאל

גיאחביב

2014 ספריית רפרנסים

בצלאל

גיאחביב

2014בצלאל 2014

תודה רבה.

guy.haviv@designit.comבצלאל

גיאחביב

2014