And I'm going to call this one- you can give it any name. I'm going to save it on my 'Desktop', in my 'DW Exercise files', under 'Images'. I'm going to go 'File', 'Save As', and I'm going to save it as a 'JPEG', actually no, I have to save it as a 'PNG' because I need the transparent background. The background layer, I do not need, I want it to be transparent so I’m going to select the background layer, and click this. I'm trying to get it so that this icon sits relatively in the middle there. What I'm looking to do, is I'm just looking to- I'm going to zoom in again. And I'm going to use 'Edit', 'Transform', and I'll use 'Scale'. I'm using 'Control -' on my keyboard to zoom out. And I'm going to paste my little graphic. I have to zoom in a bit on it, because it's pretty damn small. Then I'm going to make a new file, so copied it, go to 'New File', remember, adjusted size with 32x32 pixels. Actually I'm going to do a 'Select', 'All', then go to 'Edit', 'Copy'. So in Photoshop here, I've got open a version of my logo. You can start with anything really, I use Photoshop because I've got it. We need some basic photo editing program. I just want the basic one that gets used in these parts. I'm going to use the good old fashioned Favicon, not the big fancy new one. So what you need to do is, have a logo ready for it. I like this site here, it's called It's a pretty site, and it works. Then go off and Google something like Favicon Generator. ![]() You need a square version of your logo, or icon that you want up there. So to build one, there's two things that needs to happen. Most people will never notice them, but as a Web Designer it feels like I've really got a website when I've got my own Favicon. It's one of those weird things where it's one of my most favorite parts of building a website, making sure the Favicon's up there. Can you see this list here? These are little Favicons for different websites. And these are little images that you upload to your server that the browser then uses, both in these tabs, and under bookmarks. This little icon here, it appears, both this icon, and this little tab here, these are the Favicons. In this video we're going to look at Favicons, or favorite icons, or whatever you want to call them. How to add Bootstrap components to a web page design using Dreamweaver? How to add a favicon to a website using Dreamweaverĥ2. Is it a good idea to use Dreamweavers starter templates?ĥ1. How to embed Youtube, Addthis, Disqus, Google Maps & Eventbrite on a Dreamweaver pageĥ0. How to add embed code to a Dreamweaver siteĤ9. Production video - Tiding up the web page designĤ8. 5 things to try: An FTP error occurred - cannot make connection to hostĤ5. How to upload your Dreamweaver website using Ĥ4. Making the fonts smaller in Bootstrap mobile view using DreamweaverĤ3. How to turn images off in bootstrap mobile view using DreamweaverĤ2. How to apply bootstrap columns widths (xs sm md lg xl) in DreamweaverĤ1. Understanding how fonts change size in Bootstrap mobile viewĤ0. What are bootstrap columns widths (xs sm md lg xl) in Dreamweaverģ9. How to create the responsive mobile view using media queries in Dreamweaverģ8. Production video - Creating the portfolio boxes in Bootstrapģ7. How to absolutely position text in Dreamweaverģ6. How to create a CSS background image in Dreamweaverģ5. How to make a CSS compound selector in Dreamweaverģ4. Answer - How to remove the nav bar line from Bootstrap.ģ3. How to customise Bootstrap nav bar using Dreamweaver's code navigatorģ2. How to add a Bootstrap navbar using Dreamweaver?ģ1. Backup your Dreamweaver website as you goģ0. How to change html link color in DreamweaverĢ9. Production Video - Fonts Linking pages in Dreamweaver using hyperlinksĢ7. Picking fonts in Dreamweaver using Google fontsĢ6. How to edit CSS using Dreamweaver 2015?Ģ4. Production video - Nesting Bootstrap fluid containersĢ3. How to center images in Dreamweaver using Bootstrap (.center-blox)Ģ0. ![]() Nesting Bootstrap containers inside each otherġ9. Previewing and testing your website with Dreamweaver device previewġ8. Production video - Adding more Bootstrap columns & rowsġ7. How to add Bootstrap columns & rows in Dreamweaverġ6. Production video - Creating our fluid containers using Dreamweaverġ5. How to insert using Dreamweaver’s Before, After, Wrap, or Nest optionsġ4. Adding Bootstrap containers & creating our first custom CSSġ3. How to basic page information to a web page (meta tags)?ġ2. How to install bootstrap using Dreamweaver?ĩ. Exercise files, completed projects & production videosĨ.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |