my notes - webdesign
http://mynotes.babies.vn/
2026-05-17T06:51:55+00:00my notes
http://mynotes.babies.vn/
http://mynotes.babies.vn/lib/exe/fetch.php?media=wiki:dokuwiki.svgtext/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)corel
http://mynotes.babies.vn/doku.php?id=webdesign:corel&rev=1667060147&do=diff
Corel
Some Basic Experiences in Corel
Edit Objects in Corel
Basic Steps to Edit Objects in Corel: Default all objects in corel will be grouped eachother, so we need to ungroup them before Edit
* Step1: Open corel file which you want to edit
*text/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)gridandguides
http://mynotes.babies.vn/doku.php?id=webdesign:gridandguides&rev=1667060147&do=diff
Grid and Guides
refer:
<http://helpx.adobe.com/en/photoshop/using/grid-guides.html>
Show or hide a grid, guides, or smart guides
Do one of the following:
* Choose View > Show > Grid.
* Choose View > Show > Guides.
* View > Show > Smart Guides.
* Choose View > Extras. This command also shows or hides layer edges, selection edges, target paths, and slices.text/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)howbrowserwork
http://mynotes.babies.vn/doku.php?id=webdesign:howbrowserwork&rev=1667060147&do=diff
How Browser Work and HTML Language
refer:
howbrowserswork
Rendering engines
The main flow
Main flow examples
Figure: Webkit main flow
Figure: Mozilla's Gecko rendering engine main flow
Parsing and DOM tree construction
HTML Parser and DOM
The job of thetext/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)html-and-css
http://mynotes.babies.vn/doku.php?id=webdesign:html-and-css&rev=1667060147&do=diff
HTML
Layout with <div> tag
refer:
The render tree relation to the DOM tree
positioning scheme
display blocks using <div> tag with none property float
HTML code:
<html>
<head>
<title>Example</title>
<style>
* {
margin:0;
}
body {
text-align:center;
}
#wrapper {
margin:auto;
width:300px;
}
#header {
height:30px;
background:#99CC66;
}
#body_left {
width:20%;
height:100px;
background:#FF9900;
}
#body_main {
width:80%;
height:100px;
background:#99CCFF;
}
#footer {
…text/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)html5-and-javascript
http://mynotes.babies.vn/doku.php?id=webdesign:html5-and-javascript&rev=1667060147&do=diff
HTML5 and Javascript
Understand about HTML5
HTML5 Browser Support:
* <http://www.w3schools.com/html/html5_browsers.asp>
HTML5 browser support:
* HTML5 is supported in all modern browsers.
* In addition, all browsers, old and new, automatically handle unrecognized elements as inline elementstext/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)htmloptionsforslices
http://mynotes.babies.vn/doku.php?id=webdesign:htmloptionsforslices&rev=1667060147&do=diff
HTML Options Slices
Refer: <http://helpx.adobe.com/photoshop/using/html-options-slices.html>
Display the Slice Options dialog box
Do one of the following:
* Double-click a slice with the Slice Select tool . (If the tool isn’t visible, hold down the Crop or Slice tool.)
* With the Slice Select tool active, click the Slice Options button in the options bar. This method is not in the Save For Web & Devices dialog box.text/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)photoshop
http://mynotes.babies.vn/doku.php?id=webdesign:photoshop&rev=1667060147&do=diff
Photoshop
Install and Crack Photoshop
Hướng dẫn cài đặt và Crack Adobe Photoshop CS6:
* Cài đặt với chế độ là Trial Mode ,
* Nếu phải Sign In thì các bạn chọn Create New Account rồi đăng ký 1 cái account
*text/html2022-10-29T16:15:47+00:00Anonymous (anonymous@undisclosed.example.com)slicetool
http://mynotes.babies.vn/doku.php?id=webdesign:slicetool&rev=1667060147&do=diff
Slicing Web Pages
refer:
<http://helpx.adobe.com/en/photoshop/using/slicing-web-pages.html>
<http://thesiteslinger.com/blog/do-we-still-slice-psds/>
Introduce about slicing web pages
Understand about slices
Slices divide an image into smaller images that are reassembled on a web page using an HTML table or CSS layers. By dividing the image:
* you can assign different