Web Technologies and Programming Lecture 18Dialog boxes in JavaScript Alert box Prompt box Confirm box What is DOM? HTML DOM Retrieving HTML elements getElementById() innerHTML getAttribute() setAttribute() HTML DOM Elements Finding HTML Elements Find an element by element Find elements by tag Find elements by class name
46 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 661 | Lượt tải: 0
Web Technologies Lecture 17 Introduction to JavaScriptWhat is JavaScript? Embedding JavaScript with HTML JavaScript conventions Variables in JavaScript JavaScript operators Input output in JavaScript JavaScript functions Conditional Statements Looping Statements
46 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 604 | Lượt tải: 0
Web Technologies and Programming Lecture 15Introduction to CSS3. CSS3 modules Selectors Box Model Backgrounds and Borders Text Effects 2D/3D Transformations Animations Multiple Column Layout User Interface CSS3 Rounded Corners CSS3 Properties. CSS3 border-image property CSS3 Border Images CSS3 Gradients CSS3 Linear Gradients CSS3 Radial Gradients CSS3 text-shadow CS...
49 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 551 | Lượt tải: 0
Web Technologies and Programming Lecture 14The process to design a page layout Determining requirements Grouping and categorization Key element for each page Translating design into code Liquid vs Fixed design The Div tag Coding the design Coding a page using divs and CSS Positioning and resizing divs.
50 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 608 | Lượt tải: 0
Web Technologies and Programming Lecture 13Font properties font-family font-size font-weight font-style font-variant Controlling text with CSS word-spacing letter-spacing line-height text-align vertical-align text-indent text-decoration text-transformation Styling links Styling background background-color background-image background-repeat background-position Styling ...
48 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 557 | Lượt tải: 0
Web Technologies and Programming Lecture 12CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed on screen, paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files CSS is used to define styles for your web pages, including the design, layout and variatio...
52 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 710 | Lượt tải: 0
Web Technologies and Programming Lecture 11How to Convert from HTML to XHTML Add an XHTML to the first line of every page Add an xmlns attribute to the html element of every page Change all element names to lowercase Close all empty elements Change all attribute names to lowercase Quote all attribute values
50 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 631 | Lượt tải: 0
Web Technologies and Programming Lecture 10HTML5 added the following attributes for : autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder required
52 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 584 | Lượt tải: 0
Web Technologies and Programming Lecture 09Use the HTML
element to define a table Use the HTML
element to define a table row Use the HTML element to define a table data Use the HTML element to define a table heading Use the HTML element to define a table caption Use the CSS border property to define a border Use the CSS padding property to add padding ... 50 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 616 | Lượt tải: 0
Web Technologies and Programming Lecture 08Adding images to web page Using images as links Image map Adding audio and video to web page Use the HTML
element to define an image Use the HTML src attribute to define the URL of the image Use the HTML alt attribute to define an alternate text for an image, if it cannot be displayed Use the HTML width and height attributes to define ...
49 trang | Chia sẻ: hoant3298 | Ngày: 24/11/2020 | Lượt xem: 622 | Lượt tải: 0Chia sẻ:
