HTML and Other Web Technologies CSE 101 Saturday

HTML and Other Web Technologies CSE 101 Saturday, January 15, 2022

HTML – Hyper Text Markup Language Common information Structures Tables http: //www. w 3 schools. com/html_tables. asp Ordered Lists http: //www. w 3 schools. com/html_lists. asp Links http: //www. w 3 schools. com/html_links. asp

HTML – Hyper Text Markup Language Coding in something like HTML is meticulous. Be sure: All brackets are closed… “<BR>” Each element has a starting and ending tag… <A HREF=www. google. com>this is my google link</A> There are sites out there called “Validators” to help debug your files http: //infohound. net/tidy/ http: //validator. w 3. org/ Firefox add-ons such a “HTML Validator” and “Firebug” give you many developer tools integrated right in to your web browser.

HTML – Hyper Text Markup Language Coding aside it is difficult to design a well flowing visually appealing site. See… http: //www. buffalo. edu/toolbox/ http: //webstyleguide. com/wsg 3/index. html Popular HTML developer tools include: Adobe Dreamweaver http: //tryit. adobe. com/us/cs 4/dreamweaver/tw 1/? sdid=ETRPJ & Microsoft Expression Web (Formerly Frontpage) http: //www. microsoft. com/Expression/products/Web_Overvie w. aspx Microsoft Sharepoint Designer http: //office. microsoft. com/enus/sharepointdesigner/default. aspx

HTML – Hyper Text Markup Language Typically HTML files are developed on a machine that is not a web server. Ex: a developer’s work station using graphical programs such as Dreamweaver. It is necessary to then move or copy the developed HTML files to the web server that will be hosting these files. Popular protocols used to transfer files include FTP (deprecated), SFTP, SCP and SSH

HTML – Hyper Text Markup Language For your assignment you should use the following programs to transfer your files: PC File. Zilla - http: //ubit. buffalo. edu/software/win/filezilla. php Win. SCP - http: //ubit. buffalo. edu/software/winscp. php Mac Fetch - http: //ubit. buffalo. edu/software/mac/fetch/

HTML – Hyper Text Markup Language You should be connecting the programs to: Server: ubunix. buffalo. edu Login: your UBIT name Password: UBIT password Go in to your public_html folder This folder is the top level of your web space Be sure you are using the UBVPN client if off campus http: //ubit. buffalo. edu/software/ Note: if you are working from a lab you can just drop files in to your S: public_html folder. See: http: //ubit. buffalo. edu/ubfs/edithomepage. php

HTML – Hyper Text Markup Language HTML Design is an iterative process. Sometimes many edits / file uploads are needed. Be sure you are emptying your browser cache if suddenly it appears as though your page is not refreshing.

HTML – Hyper Text Markup Language Some sites make embedding HTML in to your pages easy. Youtube…

HTML – Hyper Text Markup Language Defining the look and the feel of a site can be cumbersome. In HTML we can move all the style information out of our html documents and in to a separate document called a cascading style sheet or CSS. http: //www. w 3 schools. com/html_css. asp http: //www. csszengarden. com/

HTML – Hyper Text Markup Language Accidentally loose a copy of your web paged? Google maintains stored copies of pages called “cached pages”. www. Archive. org