Showing posts with label learning css. Show all posts
Showing posts with label learning css. Show all posts

Monday, August 15, 2016

Going Native 1

Not Ready

I Am Not Ready

Learned today 15aug16 that I am not ready to move into JavaScript. Have a lot more html and css to learn. Went into W3schools. Need to learn more about adding CSS style and how it works with the box model. Need practice. So this task is what I will spend today doing. Tonight when I update the log post, hopefully I will have something new to post that I learned today. So far am working on floating images into text.

"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349) Got it!! Thanks to W3schools was able to swing three more images into my image gallery. Below is the rough draft without borders or background. Am tired. So will not complete the edit until tomorrow.Yep, will work on ///C:/

Saturday, August 6, 2016

Studies 4

Understanding Server Side Concept

Server Side-Unnecessary Inside Blogger

This is entirely new. Server-side language. Am not ready to enter this area, because I have to learn about JS to make my pages responsive. If my pages are not responsive there is no need for server-side.Responsive is so that the webpage viewer may interact with my content if they choose. Server-side allows storage of data entered by the viewer if they have chosen to interact. The "first" video I have watched is explaining LAMP and MAMP.

Am sticking with my goal of entering cyberspace as I understand it on a daily basis, so far. Have been working on an image display template in CSS which when completed in the next couple of days will post on here. It will be six images in two rows with a very nice block container.I do have a very nice image of clouds to post at the moment, nope two images that I will share.Update: 11 August 2016;2430 hrs. Have tried to set up an image gallery with two rows of six columns. Have not learned enough native source to set up such an image gallery. Am close but no cigar.


Am learning my source!! Yaaay...


When I first uploaded these images, they wrapped into this container like a sentence wraps because I just loaded them. There is a pop-up box that requests (server-side) how I would like to align the images. I left the viewer interaction response button empty (while choosing to use an image size of medium). I captured a screen shot to use as an explanation. Below is "Image Upload One" before I centered them using CSS. "Image Upload Two" shows the results of using CSS. Finally, the weblog itself shows how it is going to stay, at least for now.

Image Upload One


Image Upload Two

After uploading the two images above to show how some of my source works to you folks, if anyone sees this, was not happy with the appearance. So will play around a bit. To see if the view cannot be improved.

Pretty cool. Just published this container on my blog. Am noticing that vocabulary/syntax is also very important. The Blogger "template" is outside the text container provided. Blogger itself has a hierarchical Style Sheet that is the parent of anything written in the body. My blog post is the child of Bloggers property adult. This is why even with mistakes that I have made in the beginning... even now probably... Blogger's parent head over-rides my Internal Style Sheet of Bloggers External commands.

Friday, August 5, 2016

Studies 3

CSS Box Model

CSS Box Model

Have been studying Cascade Style Sheets for the past couple of days. They are very exciting to me because the layout of the templates is customized on one sheet instead of cluttering up html documents. They add color and flavor to a webpage, beyond basic text. Have also learned to use caution when toggling back and forth between Blogger in my browser and the composition page. I must have deleted this introducion paragraph by mistake... this is the second time I have texted this. Below is a png (portable network graphics) image of what the box model looks like.

By Matthias Apsel (Own work) [CC0], via Wikimedia Commons

Was surfing through W3schools and found an image gallery. So this is my project for this afternoon. The style is there to be learned. Need to make 2 rows though. And am going to try to get it into Blogger. Fun, fun, fun. Plus, was just staring at the page while getting my brain and head screwed onto my body, and over to the aside on the right is something about a slide show. As soon as this initial project is completed, will investigate.

Sunday, July 31, 2016

html Images

html Images From Local

html Lesson

Working on source development locally.

The above image is HTML source for the 2nd image below after it has been converted to a document readable on a browser.

Types of Source

Combining Source

Reference Libraries

Including DOM's with backward compatability

DOM also known as the Document Object Model is defined by W3C as of 13 November 2000: "The Document Object Model (DOM) is an application programming interface (API) for valid HTML and well-formed XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated." The link describes the model or tree structure much better than anything I could attempt.

As I attempt to learn source, so far, there are three rules I am trying to keep in mind. First to write in a structure that my computer understands and other people can understand how to read what I have written. My computer needs to understand what I have written as well as other "people" needing to be able to read what is written. This is why we all have taken courses in English... to enable cross communication amongst one another. Secondly, I will need to keep in mind the prior versions of Windows that are in use and to enable the prior versions to understand this version of source. HTML is living and as such it grows and changes. The older models of computers are not living;static machinery does not grow nor learn. Therefore, source must be legible to the older versions while still being readable to the current versions of computers. Finally, and probably the most important factor is accessibility for everyone which I am just beginning to learn. Blind folks have machine readers that need to understand my source as they read my posts. And I am sure not all of the blind can type. Speakers of languages different from my American-English, have translation software to change my writing to their native tongues.

Wednesday, July 27, 2016

Studies 2

Studies 2-Literal Studies

Literal Studies

Whew! Have been watching lots and lots of videos about html4, xhtml, html5, and css2. Great Fun!. My knowledge is increasing and am going to apply this knowledge to some of the stuff I have been writing locally (which means "inside" my own computer). To share exactly which stage my studies have landed me, look at this guy's video on YouTube. His channel is called tutor4u and with his help, after viewing his video, I am beginning to reach a clear understanding of css markup.

On another note, have been watching my rose shrubs die because of the temperature here in my town. And my Aloe has lost its healthy green color turning a dull brownish. Could probably keep them hanging on through the Summer, except water is so very precious during a drought. Therefore early next Spring my focus will be upon cacti. Give them a bit of water and toss them into an oven and they thrive. It is getting about time for lunch.

Tomorrow, I have planned on capturing an image showing a "Hawaii" theme. Am an avid "plusser," a user of the social media site named Google Plus. Am a member of a community on G+ named Weekly Photo Challenge and there are weekly themes. The challenge is to do your best and to capture one image for each weekly theme. 52 images altogether. The time is already 1630hrs, so this day is almost gone. Time is so precious. 1740hrs. This is what I have decided to do. Included in my earlier post about cactus are a few images. I have many. Am going to construct a website on my local drive about cactus. With my location and the drought it seems appropriate. The things I am learning are too cool to neglect. Too much fun. Below is the image I submitted for the Hawaii theme.

The reason Spam is in the photo is because of the Hawaiian Islands themselves. There are not many herds of cattle running around on the islands. Refrigeration is very expensive and Spam (at least on the smaller islands) has always been an alternative. Ask anyone living there. Canned meat is quite common. And on the other side of the coin are canned pineapples here Stateside. Pineapple is not common and when some is needed we buy a can. In Hawaii, we would be laughed off the islands.

Studies 1

Studies-Beginning

Beginning

Just watched the 29th and 30th video included inside Bucky's lessons.That link will connect you with the new boston dot com and a list of about forty videos this man has put together to help us all learn about source mark-up. Cannot either emphasize or for that matter RE-Emphasize the importance of watching the YouTube videos provided by Google. UNREAL! Today, I learned what Cascading Style Sheets actually defines. And as part of Bucky's lessons I will learn how to position different items on a page.This is the Beginning: will have to watch his videos as well as others AND accent the knowledge with information from W3schools.Over to the right there is a link to the "school's" homepage.

Writing this new CSS will probably not be possible inside Blogger so much. Will be able to use the Internal style sheeting, but inside my own computer with my own webpage development, it will be possible. This Blogger page you are seeing on the other side of the toggle to the actual site involves a lot of source. Just right click on a blank/empty spot on the page. A pop-up menu is going to offer options to click. Select the option, "View page source." See! All of that texted source is beyond my level, and involves external pages which organize the layout of my entire page. The position of items, the colors, copyrighted icons, et cetera. The composition of my entire blog (the webpage) is a part of the FREE service provided by Google on its Blogger site. Exactly like the FREE service provided by Google on the site, "YouTube." Only Blogger is for webpages and YouTube is for video uploads.

Blogger offers, for FREE, a toggle back and forth between html and the real world, and nothing else. If I were capable of designing a webpage layout (html, css, JavaScript, and many other forms of source) as nice as Google's, I would have my own site. By watching the lessons on YouTube accented (at this point in time 26jul16) by W3schools, I am on my way to developing my own website! Take my advise! Have started from scratch, not knowing html, and have moved up into css by following the lessons from the beginning to lay a foundation. With access to videos for review, the ability to study, and memorize the source, will be taking the "Beginning" steps into Cyberspace. Yaaay Am going off to do chores. 1900hrs

Went away for chores 2440hrs and have decided to step back for a day or two. Need to become fluent in html and css before stepping ahead. Need to become more familiar with manipulation of these two markup sources. Am getting ready to sleep now.