Sweet, thank you so much guys will let you know how it goes.
-
Join the MyBroadband community
South Africa’s biggest forum. Discuss, discover, and connect with thousands of members.
-
Question of the Day: What's the most interesting small town you've visited in South Africa?
Another Noobly Question [CSS3 and HTML5]
- Thread starter Thor
- Start date
Sweet, thank you so much guys will let you know how it goes.
DA-LION-619
Honorary Master
No difference between the Community and Pro version. Community is for single installs and Pro is for lab installs.
Thank you, that makes sense.
DA-LION-619
Honorary Master
http://www.microsoftvirtualacademy.com/Studies/SearchResult.aspx?q=CSS3
https://www.syncfusion.com/resources/techportal/ebooks
I mostly use these two sites for learning.
Thank you so much, boy oh boy, What a world
Johnatan56
Honorary Master
Thanks for the correction, checked up on it.
Think I have the idea in the head due to swapping between year releases as well (2010 to 2015).
DA-LION-619
Honorary Master
Johnatan56
Honorary Master
Yeah, just downloaded it. Got a new laptop to install it on.
Am a student so get the Pro for free.
DA-LION-619
Honorary Master
I'm on the Community edition, less hassle. I also qualify for the MSDN version I think but again less hassle.
Guys, I am lost.
How do I edit my website that was build in brackets in visual studio?
I downloaded it installed etc, but I am overwhelmed with all the features and can't get it to work It wants me to create a asp.net site.
I have a folder "Mysite" for example and inside I have all the files: Example
How do I edit my website that was build in brackets in visual studio?
I downloaded it installed etc, but I am overwhelmed with all the features and can't get it to work It wants me to create a asp.net site.
I have a folder "Mysite" for example and inside I have all the files: Example
Code:
css
js
img
index.html
example1.html
example2.html
...
...
etc
Last edited:
Lawrence777
Well-Known Member
Go to file and open website. Choose the folder your website is in.
Can you perhaps post a screenshot of the file structure of the site done in brackets? I am not familiar with brackets at all.
http://i.ytimg.com/vi/wOubsDuxXg4/hqdefault.jpg
Can I give you a rough summery of CSS and JS. Why you can have them external, or on the page.
Can I give you a rough summery of CSS and JS. Why you can have them external, or on the page.
On visual studio trying to open folder "working" with the website inside
Then I go to file open website:
Then I navigate to the folder containing the website:
Then I just get a blank page with nothing:
Then I go to file open website:
Then I navigate to the folder containing the website:
Then I just get a blank page with nothing:
Yes please I will appreciate it a lot.
My apologies beforehand if this is not 100% correct, but here is a quick crash course.
You have an html page (or jsp, aspx etc.)
When that page loads, the content gets added to the DOM from the top of the page to the bottom (you can see the DOM by pressing F12 on chrome or using firebug for firefox.)
It has a <head> portion that contains you .js and .css files.
With Css styles, it will read whatever is at the top and filter down (cascading style sheet). You will want your main css file (containing generic styles thats used over the site) to be listed in the head.
Lets take an example. On the (lets call it) main.css I have the following style. .header {background: #fff;}. This will give the .header tag a background of white, but on contact-us.html I want .header to have a black background. I can either link a .css on the contact-us.html and have a .header {background: #000;} style in there or on the page <style type="text/css">.header {background: #000;}</style>.
So when the above example page loads it will load the main.css in to the DOM first. Then your page style and because it was last, it will overwrite your main.css style (Cascaded down to the page).
With .js files. If you have a function that needs to change something on the DOM, the DOM needs to be loaded first in order for it to work. Otherwise it won't find the selector you're trying to change. A lot of people then places the .js file at the bottom of the page, so that it will only load once the DOM has loaded.
You can work around this by wrapping your function with a $(document).ready(function(){ yourFunction() }); (if you're using jquery). This tells the page to initiate the JS only after the DOM has loaded.
This is a very very quick tut. So much more to cover on both .css and .js but this could get you starting.
Does it make sense?
You have an html page (or jsp, aspx etc.)
When that page loads, the content gets added to the DOM from the top of the page to the bottom (you can see the DOM by pressing F12 on chrome or using firebug for firefox.)
It has a <head> portion that contains you .js and .css files.
With Css styles, it will read whatever is at the top and filter down (cascading style sheet). You will want your main css file (containing generic styles thats used over the site) to be listed in the head.
Lets take an example. On the (lets call it) main.css I have the following style. .header {background: #fff;}. This will give the .header tag a background of white, but on contact-us.html I want .header to have a black background. I can either link a .css on the contact-us.html and have a .header {background: #000;} style in there or on the page <style type="text/css">.header {background: #000;}</style>.
So when the above example page loads it will load the main.css in to the DOM first. Then your page style and because it was last, it will overwrite your main.css style (Cascaded down to the page).
With .js files. If you have a function that needs to change something on the DOM, the DOM needs to be loaded first in order for it to work. Otherwise it won't find the selector you're trying to change. A lot of people then places the .js file at the bottom of the page, so that it will only load once the DOM has loaded.
You can work around this by wrapping your function with a $(document).ready(function(){ yourFunction() }); (if you're using jquery). This tells the page to initiate the JS only after the DOM has loaded.
This is a very very quick tut. So much more to cover on both .css and .js but this could get you starting.
Does it make sense?
To add a bit to CSS.
With the above example of the main css and the linked css on contact-us. An ID selector is a lot stronger than a class selector.
Meaning:
main.css
#pageContainer .header {background: #000;}
will NOT get over written by:
contact-us.html (page styles)
.header {background: #000;}
As the class selector isn't strong enough.
You can over write it by using the selector in the main.css because it will get loaded after the main.css.
With the above example of the main css and the linked css on contact-us. An ID selector is a lot stronger than a class selector.
Meaning:
main.css
#pageContainer .header {background: #000;}
will NOT get over written by:
contact-us.html (page styles)
.header {background: #000;}
As the class selector isn't strong enough.
You can over write it by using the selector in the main.css because it will get loaded after the main.css.