Or Just the ma’am Instructor: Eric Riley [email protected] Basic HTML.
-
Upload
gerard-merritt -
Category
Documents
-
view
214 -
download
0
Transcript of Or Just the ma’am Instructor: Eric Riley [email protected] Basic HTML.
![Page 2: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/2.jpg)
2
Why build a website?
• Instant publication• To use the power of hypertext• Personal Satisfaction• To illustrate your skill
Caution: When you start adding pages it can get unruly. Have a plan and save yourself trouble.
![Page 3: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/3.jpg)
3
What is HTML?
• HTML is a formatting language made up of tags.
• Tags have brackets < >
• A command goes in the brackets
• Tags usually come in pairs to show a <start> and an </end>.
i.e., <command></command>
![Page 4: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/4.jpg)
4
Hexadecimal Color Codes
Colors in HTML are codes six digits long made of numbers and letters.
i.e. <body text="FFFFFF">This is the code for white.
Geek Note: RRGGBB
![Page 5: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/5.jpg)
5
Writing an HTML file
• Straight Text◦ Notepad
• Fancy Editors◦ Front Page◦ Cold Fusion◦ Dream Weaver
![Page 6: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/6.jpg)
6
Starting a Notepad File
• Open NotepadStart > Programs > Accessories > Notepad
• Save the File◦ Select: File > Save As
◦ Save in: A Drive or C Drive; create a personal folder
◦ File Name: index.html or mypage.html
◦ Save type: All Files (to make sure you’re not saving over something with the
same name)
![Page 7: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/7.jpg)
7
Where is my file???
G Drive
Your Computer
Dante Server
![Page 8: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/8.jpg)
8
Publishing your Page
Open Secure FTPStart>Programs>FTP Clients>SSH Secure FTP>Secure FTP Dante • Enter your UW NetID and Password • Open your public_html folder• Click the up arrow and find the image “book.gif”• Upload• Change properties to read for everyone and
write for you (permission mask 644)• Upload your html page and do the same
![Page 9: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/9.jpg)
9
Recap
• Why to build a website• How to format documents in HTML• Where your files sit• How to adjust permission masks
![Page 10: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/10.jpg)
10
¿Questions?
Do you have any questions about this material?
![Page 11: Or Just the ma’am Instructor: Eric Riley eriley@u.washington.edu Basic HTML.](https://reader036.fdocuments.us/reader036/viewer/2022082711/56649ec05503460f94bcb5d5/html5/thumbnails/11.jpg)
11
Evaluation
Please take a moment to fill out our
evaluation forms.
Thank you