bezalel: introduction to interactive design: ב4 - מבוא לעיצוב אינטראקטיבי -...
DESCRIPTION
Third talk: basic intro to web design (html, css, js, browsers, etc.)TRANSCRIPT
בצלאל
גיאחביב
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 ספריית רפרנסים
