Presentation: SEAS Final Jeongyoon Lee BME. Webpage project HTML entrée with some CSS sauce No web editor used (only notepad) Very simple code ◦ (accordingly)

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Build Your Own Webpage Code Academy.
Powerpoint Templates Page 1 Powerpoint Templates Let’s Build a Website by Sybil Prince Nelson.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
ADAM AKESSON’S E-PORTFOLIO For the Thinking Through Computing Learning Community.
Basic HTML. HTML Background November 1990, first created by Tim Berners Lee, the father/inventor of WWW Knighted by Queen Victoria in 2004 Hypertext is.
Designing a Webpage (from the very start). Background of HTML Don’t download a complete page. Download set of instructions (HTML): –Put this writing here…
What I Learned In CIS 101! By, Billy Johns. Excel is a GREAT program to create spreadsheets!!! I learned how to create cells, edit cells, and entering.
CASTLEHEAD HIGH SCHOOL WEBSITE Today you will learn how to :- Log-on to the website Website capability Web page layout Add Images/Text/Title/Files/Link.
Creating and Publishing Your own website
Informs Seminar Texas A&M Spring 2008 Brandon Pope Anurag Verma Some Material in this Presentation was created by Heungjo An (Thank you) Create Your Website.
WEB PAGES: Week 13 Our last Class. FRAMES HTML: Frames You can put a Web Page here ! and a different Web Page here !
JMD2144 – Lesson 5 Web Design & New Media. ‘Div’ide and conquer One of the most versatile structure tags available is the.. tag Short for ision, it allows.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
WEBSITE DESIGN COURSE SESSION 1. WORDPRESS WORDPRESS.COM ONLINE FREE SOFTWARE FREE HOSTING BUT WITH A TAG IN IT VERY SIMPLE TO MAKE WORDPRESS.ORG OFFLINE.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
1 Essential HTML coding By Fadi Safieddine (Week 2)
Introduction to HTML Today we will look at: Separating style and content The purpose of a text editor such as Notepad How web-pages are made Creating a.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Step 1: Choose a Domain that hosts WebPages Here’s some free ones to start you off:   
JMD2144 – Lesson 4 Web Design & New Media.
 The tag to create a link is called, which stands for anchor.  You put the address of the page to link to in quotes after href=, like the following:
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Hypertext Mark-Up Language Web Page Creation HTML.
Creating and Publishing Your own web site PC Version SEAS 001 Professor Ahmadi.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.
Website Test Nick Montez. My Website Animated Clipart.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Create Your Own Webpage. Today’s Class Internet Safety & Privacy Tables Embedding music and video Frames.
Agenda Session 3 (8/2/06). From Last Week  Review of homework  Word Doc comparison  Frame viewing (see  More on 508/WCAG.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
HTML: Images and Links Many Thanks to “Joe,” at index.html, from whom I got these lessons!
WEBSITE DEVELOPMENT How Professional are designing the web?? by Sachin Pilankar.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Uploading Information to the Website. Uploading Information Uploading information to the website is very simple. Our website is updated through a system.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Web programming Part 1: HTML 由 NordriDesign 提供
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
English Exam My Website Name: Ernesto Campos Level: 10º Date: 27/09/06.
HTML Lesson 2. Internal Hyperlinks  Internal Hyperlink is a link that links to another page within a website.  Make another page using notepad++: page2.html.
CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Here are some things you can do while you wait 1.Open your omeka.net site in your browser (e.g. 2.Open.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
IGEM Wiki Workshop 11/05/2017.
Where to Start When Re-Designing a Webpage
CSE 3! By Emma Sasson CSE Online Webpage HTML WORD EXCEL ALICE
Web software.
Web Page Development Tools
Starting to develop a website
HTML Links.
Enhancing Your Web Site—Adding Links Web Page
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
One Set of Styles Connected to As Many Pages as You Want!!!
Presentation transcript:

Presentation: SEAS Final Jeongyoon Lee BME

Webpage project HTML entrée with some CSS sauce No web editor used (only notepad) Very simple code ◦ (accordingly) very simple layout Still neat and organized

File Upload Used “FileZilla” open source software (Free to use!) sftp connection is very easy Simple interface, but does all I need

What’s there? Large Tahoma font, look prettier CSS background, pink floral ◦ No more “no-girl’s land” CSS to disable underline on link ◦ a { text-decoration:none; } Frames to divide page: target tag ◦

Seeing is believing Rather than a hundred words I say, let’s just go and see the website Schedule, resume, projects, etc.

Don’t mess with website! Just put a bunch of links on webpage for all the projects No MATLAB / Interactive-C codes contaminating my website a href does everything for me Instead, I put pictures that I took and videos of me playing piano

Final thoughts Let’s just use Dreamweaver. Thank you.