1. 1 Chapter 27 Creating Web Pages by Hand Contents  HTML  Structuring your Web site  Starting a Web page  Controlling the overall appearance of the page  Formatting text  Adding pictures & links  Formatting your page in frames  Formatting Web pages by using styles

2. 2 HTML  Developed to provide a way to format text and graphics to be read by Web browser  Markup language rather than a programming language  http://www.w3.org

3. 3 Structuring Your Web Site (1/2)  Tips for making your site easy to navigate Be flexible Use navigation links to direct readers to other pages Consider frames

4. 4 Structuring Your Web Site (2/2)  Tips for making your site easy to read Write short paragraphs Break up the text Keep graphics small and fast

5. 5 Starting a Web page – HTML Tags

6. 6 Formatting Text Heading tag:, Paragraph: Enter key 기능 : ( 없음 )

7. 7 Adding Special Characters

8. 8 Presenting Information in Lists & Tables 1 2 3

9. 9 Formatting the Table  Align:  Valign: (top, center, bottom)  Cellpadding:  Bgcolor:  Background:  Width & Height:

10. 10 Adding Pictures  기본 형식 :  Absolute vs. Relative Pathmanmes: : directory level 표시  Image Attributes  Text 배치 속성 : align top(middle, bottom)  그림 주위 여백 관련 속성 : hspace(left/right), vspace(above/below), border, alt

11. 11 Test-Adding Pictures

12. 12 Adding Links  사이트 링크 : Mcgraw-Hill Books  페이지 링크 : Schedule  같은 페이지 내에서 링크 Book Club Members list of book club members  E-mail address 링크 가짜 ailab 주소

13. 13 Gathering Information in Forms  Form: 직접 정보를 주고 받을 때 feedback 기능 : Gathering information from readers Performing a survey to find out what readers think Giving readers an opportunity to order products  수행하는 방법 Creating the form page in HTML Creating a CGI script that processes the responses (Chapter 34.)

14. 14 Fill in the Blanks  Text boxes: 자료 입력할 수 있도록 함  Radio buttons: 여러 개 중에서 하나를 선택 Three Four  Check boxes: 원하는 만큼 선택할 수 있음 Newspaper Magazine  Drop-down boxes: drop-down list 에서 선택 Action/adventure Historical  Submit button: 사용자가 웹서버에 정보를 전달

15. 15 View in Browser

16. 16 Formatting your pages in Frames  Main file 에 (layout of the page 부여 ), ( 각 frame 에 나타나는 file 이름을 지시 ) 가 있음. Frame layout: ( 수직 :cols, 수평 rows) tag 는 tag 사이에 위치

17. 17 View in Browser Test

18. 18 Formatting Web Pages by Using Styles Storing Styles in a Separate File Style Sheet Rules