Kwi's RTBD

1. Add Comment LiveRe DISQUS 2. Add Chatting Tawk 3. Traffic Google Analytics Website Tracking Global Site Tag --> Add to head tag

apache install ubuntu I had a hard time installing ubuntu in a window setting as well as apache2. Hence I will skip this part because lots of detailed steps are missing since I had to search so many websites on how to read my error and solve the problem. Overall, if apache2 is installed correctly use apache2 -v and enter will show you the server version and server built. If you see these, it is installed correctly

If you are using Mac, Apache is already installed but since I am using Window I have to download and install Search: bitnami mamp stack MAMP is for Mac WAMP is Window 생활코딩 24/35

I downloaded Bitnami and installed in my computer http://127.0.0.1/index.html  will generate this page if its installed properly So, where is this index.html filfe? C:\Bitnami\wampstack-7.2.25-0\apache2\htdocs Then right click index.html and open with textpad To break down this Bitnami generated html page that under http://127.0.0.1/index.html I can also modify this page and generate 127.0.0.1 is an Internet Protocol Address (IP Address) So, these files under hpdoc are not my work so what if I move my work to this doc will that generate? http: Hyper Text Transfer Protocol http://127.0.0.1/index.html  was generated by web browser and webserver * find more about how http works Under your "View your Network Properties", there should be your IP address

My overall goal is to make my own webpage from scratch. 생활코딩 was extremely helpful and enjoyable. Today, I decided to create a portfolio proto based on what I learn from day 1 to day 10. https://kyeo2017.github.io/portfolio_proto/p1.html This webpage will continuously grow as I learn more coding. I will also introduce what I learn from my GIS research, ideas, and new projects. The more I learn the more I realized that I like learning to code and cant wait to try something new!

How to install apache http server os/window/mos Apache Pick any from the list. I will choose Bitnami WAMP Stack

Let's use free web host Github 1. Log in to Github 2. Create New Repository 3. Add project name, check public and initialize? 4. In this page, I can upload the html source code 5. Upload and Commit changes 6. New edits can be also uploaded (using upload files) and add a description to this 1. Settings 2. Github pages --> Source --> master branch and save 3. Generates published webpage  My first web page with Github! Yay!!! https://kyeo2017.github.io/web1/ * In case if this address don't work, add index.html and it will work * Free Static Web Hosting Service 1. Netlify Drop 2. Neocities 3. Amazon S3 4. Google Cloud Storage  5. Azure Blob

If the internet is the entire city, the web is a building inside the city. If the internet is the giant road, the web is a car on that road Info.cern.ch * To understand the relationship between Web Browser(also can be called as Web Client) and Web Server Real-life example

HTML Specification 설명서 (W3C) <a></a> =  Anchor = link? I use Link icon all the time. Anchor tag allows to add hyperlink What I learn from this?            - href is Hyper Reference            - <a href="">OOO<a/> 요런식으로 들어야함. 제대로 안 넣었더니 링크가 안달림 ㅠㅠ Can I open this link as new tab? target="blank" What is tool tip? It allows to see preview of that link  All rights and reserved  생활코딩 I screenshot the webpage layout example from  생활코딩 Somehow my code was not saved at this point I will copy simple code from 생활코딩 and will work my way up as it goes. At this time I want to put the link to each title and I will use anchor <a href=""></a> WEB, HTML, CSS, and JavaScript will contain each different contents and I will duplicate for each link For each html file will contain different c...

Can I create title of my webpage instead of 1.html? <title></<title> This changed my web page title from 1.html to My Web --> Alright but I kind of want to add different language but I know I need to use an attribute <meta charset =" utf-8 ">. Charset = Character & Set The most importantly... To finish and make this as universal  1. Start off <!doctype html>: The document type of this page is html 2. follow by <html></html> 3. Separate the title and the body: <head></head> and <body></body> Let's look at the YouTube's source page!

11/18/2019  Feeling confident 😊 Imagining what my webpage will contain other than txt and images? Table of contents.   hmmmm...but is there any tag for table to content? like paragraph <p> <li></li>, li is for List Now I'm wondering what if I have more than one type of content? <ul></ul> <-- Parent for <li></li> / ul --> Unordered List What I learn so far           - cmd + select each line to modify multiple lines at the same time           - <ul></ul> creates indentation What if I want to change anything under the list but its within 1000 millions of data? <ol></ol> --> Ordered List  I know it is the beginning but more I know the more confident I am! 

11/17/2019 - Productive weekend 🌞 I'm thinking how hard to add images into my webpage? All my favorite webpage contains lots of images. Which code can I use? <img> = image <img> but I feel like image file always contains with jpg or jpeg and stuff so lets search. What other code do I need to add with tag <img>? <img src="" width "" >, src = source /  Attribute (속성) Where to get a free image source? Unsplash 1. Pick any image and save under web file  2. Change image name if its too long  3. Use <img src="add name"> 4. Save and display but the image size was wayyyyy to big so I need to make the adjustment 5. <img src="cd.jpg" width="450"> or can use 100% to fit in the webpage <img src="cd.jpg" width="100%"> yay!!!!!