Home
Search results “Html text style options”
HTML Programming Part 2(Font and Text Options)
 
04:05
This is my second part on how to program HTML if this video helped you please leave a like and subscribe!!!
Restrict Text Input Characters HTML JavaScript Tutorial
 
06:53
Lesson Code: http://www.developphp.com/video/JavaScript/Restrict-Text-Input-Characters-HTML-JavaScript-Tutorial Learn to restrict one or more text fields in a form to allow only characters that you desire to be typed into them. We will remove undesirable characters in real time as the user types.
Views: 43501 Adam Khoury
4 - HTML Text Formatting
 
10:46
If you use a word processor, you must be familiar with the ability to make text bold, italicized, or underlined; these are just three of the ten options available to indicate how text can appear in HTML and XHTML. Bold Text Anything that appears within b.../b element Italic Text Anything that appears within i.../i element Underlined Text Anything that appears within u.../u element Strike Text Anything that appears within strike.../strike Monospaced Font The content of a tt.../tt element is written in monospaced font. Most of the fonts are known as variable-width fonts because different letters are of different widths (for example, the letter 'm' is wider than the letter 'i'). In a monospaced font, however, each letter has the same width. Superscript Text The content of a sup.../sup element Subscript Text The content of a sub.../sub element Inserted Text Anything that appears within ins.../ins element Deleted Text Anything that appears within del.../del Larger Text The content of the big.../big element Smaller Text The content of the small.../small element Grouping Content The div and span elements allow you to group together several elements to create sections or subsections of a page. I'm Junaid, partial blogger and SEO speaker along with programmer :) Creating tutorials is fun, and I'm on the way don't forget join me on other social media. https://www.facebook.com/JunaidShahidOfficial https://plus.google.com/+JunaidShahid1 https://twitter.com/MrJunaidShahid Blog: https://junaidshahid.com Keyword Rank Videos: http://bit.ly/2rRpphr How Do You Do Blogging Series: http://bit.ly/2s4iAsR
Views: 16 Meray Tutorials
05 - Formatting Text - HTML Tutorials
 
06:21
HTML Tutorials 05 - Formatting Text In this tutorial I will show you how to stylize, format, and color your text. It will involve, bold, italicized, underlined, struck-through, subscript, and superscript text as well as other styles such as colors, fonts, and size. Previous Video: 04 - Comments http://www.youtube.com/watch?v=p8gfwuO7mJQ Next Video: 06 - Links http://www.youtube.com/watch?v=SSR_Vl4phc8 Quick Steps: Create an index file under the 05 folder Use em tags to make italicized/emphasized text Use strong tags to make bold text Use big and small tags to make large and tiny text Use the sup and sub tags to make superscript and subscript text Use the ins tag to create underlined text Use the del tag to create strike-through text Use the format tag to create formatted text Set the format's size attribute: size="5" Set the format's font family attribute: face="Arial" Set the format's color attribute: color="#ff0000" Comment, rate, subscribe and ask questions Helpful Information: The size and color and face are attributes to the format element (or tags). More help is available at: http://www.w3schools.com/ Background Music: Coleman Hawkins Quintet - South of France Blues
Views: 1115 llewgnolm
How to Change the Font Size in WordPress (3 Different Options)
 
03:39
Are you wanting to change the font size on your WordPress posts and pages? Not all themes have a simple built-in method for changing the size of text but we have taught many people the way to change this. In this video, we will show you how to change the font size in WordPress. The simplest step would be to use the header tags which are styled by the theme you are using. By highlighting specific text, clicking the dropdown, and selecting the style you want your theme will customize it to be that specified font size. Every theme is unique so depending on the theme would determine how the text will look. A second method would be to install and activate the TinyMCE advanced plugin found here: https://wordpress.org/plugins/tinymce-advanced/ Once you activate the plugin go under Settings, TinyMCE Advanced to customize the editor's settings. You will see the TinyMCE Editor and be able to add or remove extra buttons but for this, we want the font family and font size added to the editor. This will allow you to choose how large the text should be as well as how it should be styled. The third method requires a little knowledge of CSS as we will be walking through how to manually edit the code for your site for your font size. You will go under Appearance, Customize, Additional CSS to get to the built-in editor. Target what you want to add a change to, for paragraphs, it's normally p. If you do not know what to target you can find out using inspect element, we have an article on how to use inspect element below: http://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/ Text version of this tutorial http://www.wpbeginner.com/beginners-guide/how-to-change-the-font-size-in-wordpress If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Check us out on Facebook https://www.facebook.com/wpbeginner Follow us on Twitter http://twitter.com/wpbeginner Check out our website for more WordPress Tutorials http://www.wpbeginner.com
Change Style Sheet Using Javascript Tutorial CSS Swap Stylesheet
 
04:46
Lesson Code: http://www.developphp.com/video/JavaScript/Change-Style-Sheet-Using-Tutorial-CSS-Swap-Stylesheet Learn to change the entire style of your web page with a click using JavaScript that is targeting the href attribute of your familiar link element using the setAttribute method of JavaScript. DEMO: http://www.adamkhoury.com/demo/js_swap_css_stylesheet/
Views: 45998 Adam Khoury
How to Create an HTML Dropdown Menu | Learn HTML and CSS | HTML Tutorial | HTML for Beginners
 
20:23
How to Create an HTML Dropdown Menu | Learn HTML and CSS | HTML Tutorial | HTML for Beginners. In this lesson we will learn how to create an HTML drop down menu. A drop down menu is easy to create, and in this lesson I will go over everything including the styling of the menu. The actual drop down effect starts at 18:56 in the video. Download lessons materials: http://mmtuts.net/course.php?c=htmlcss&l=35 -- mmtuts is a YouTube channel that focuses on teaching beginner and advanced courses in various multimedia related skills. We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs. PHP for beginners is a how to series that teaches the PHP coding language to people who are just starting out learning programming. The course teaches how PHP scripting can be made easy and teaches how to build many apps such as a login system, a comment section, how to upload images, how to create users in a website, and much more. Creating dynamic websites with PHP is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners. If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.
Views: 163781 mmtuts
Contact Form 7 CSS to Style CF7 Submit Button, Inputs, Fields and Dropdown | CF7 Tuts Part 2
 
12:42
Contact Form 7 CSS to Style CF7 Submit Button, Inputs https://youtu.be/bKarC0QO5og Check out https://happyforms.me/, it's a cool new form builder that you may like better than CF7 (and it's free!): HappyForms.me CF7 CSS styles part 2: https://www.youtube.com/watch?v=9e-JbYgYBSs&t=0s&list=PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV&index=3 Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist Styling contact form 7 forms isn't that had once you know the right contact form 7 css. In this tutorial I show you how to style the contact form submit button, various input fields, text area fields, URL fields, telephone fields, number fields and dropdown selection fields. I have created a blog post will sample CSS and sample CSS selectors that you can copy and paste. Here's the link: https://wplearninglab.com/contact-form-7-css-style-almost-anything/ I'll also paste the styles below: /* Submit Button CSS Styles */ .wpcf7 input[type=submit] { padding:15px 45px; background:#FF0000; color:#fff; font-size:30px; font-weight:bold; border:0 none; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; } /* Label Text Styles */ .wpcf7 label { padding: 0 0 10px 0; font-size: 20px; } /* Text Input Field Styles */ .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 .wpcf7-select{ font-size:30px; border: 1px solid red; } /* Textarea Field Styles */ .wpcf7 textarea { width: 100%; color: red; font-size: 20px; border-color:red; } /* Overall form styles */ .wpcf7 { background-color:gray; } Remember that these styles need to go into your CSS stylesheet or if you are putting them right into the header of your site they need to be between style tags. If you are lucky enough to have a theme that allows custom CSS, you can copy and paste them into there. If you're not sure where to find a place where you can enter CSS, this tutorial may help you: https://www.youtube.com/watch?v=vLSUWT9MNlA CSS is a very forgiving language, so if you make a change that makes something look really bad just undo your change, save and everything is back to normal. I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
HTML Tutorial 1: Basics (pictures, align, size, redirecting, metatags, links, text options)
 
26:04
Want a Website? http://goo.gl/02NI8G Hey guys, HazardEdit here!! This is the first Tutorial about Basic HTML Coding. I really hope you guys like these series of Tuts. Very sorry about Minecraft Server Setup Tuts, but I think there are enough of them on the Net. Notepad++: http://notepad-plus-plus.org/ The Doctype code: !DOCTYPE html "-//w3c//dtd XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1-transitional.dtd"
Views: 3289 HazardEdit
How to create an HTML/CSS only toggle switch.
 
13:28
In this video I'll be showing you how you can replace a normal checkbox with an iOS style toggle switch. Sourcecode: http://codepen.io/LewisLong/pen/BKEMjP If you enjoy my videos and would like to buy me a beer you can donate here: paypal.me/iamlewislong
Views: 22472 Lewis Long
HTML - Styling Text using CSS
 
10:54
This third video tutorial focuses on how to use CSS to customise the look and feel of your text, both for your headings and for your paragraphs. We investigate the use of fonts, font sizes, colours, line spacing, text alignment. Find out more on www.101computing.net/html-styling-text-using-css/ Credit: Outro TheFatRat (Unity)
Views: 174 101Computing
How To Use CSS text-transform
 
03:31
How To Use CSS text-transform https://youtu.be/_3-uoFBABHA The CSS text transform property allows you to change the case of text. You can force text to be all uppercase, all lower case, or capitalized. It is a really easy css property to use and it can potentially save you a lot of time that you would have spent editing the case of text manually. That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :) If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab
HTML Changing Text Size
 
01:34
In this tutorial, Pandotech will show you how to change the text size in HTML using Adobe Dreamweaver.
Views: 756 pandotech
Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5
 
16:08
Lesson Code: http://www.developphp.com/video/JavaScript/Form-Select-Change-Dynamic-List-Option-Elements-Tutorial In this Javascript video lesson you will learn how to program dynamic select form list elements. To demonstrate the logic we will show how to change options of a select list based on the selection the user makes from the first list. A web application developer will definitely need to know how to do this when they get into form programming that involves data intake of categories and subcatories from a user.
Views: 235649 Adam Khoury
Sticky Navbar with Smooth Scroll | No Javascript No JQuery | Pure CSS Sticky Header
 
10:23
Sticky Navbar with Smooth Scroll | No Javascript No JQuery | Pure CSS Sticky Header Please share the video and subscribe this channel for front-end development related videos Checkout these html templates: ------------------------------- Mouri - Personal Portfolio Template https://youtu.be/ojFfj3UHrAg Xenox - One Page Personal Portfolio Template https://youtu.be/22dP_z9O_Mc Alvin - Personal Portfolio Template https://youtu.be/UZ99WpmCj2g SHOMA - One Page HTML Business Template https://youtu.be/LMm2a8TI-eU Mason - Personal Portfolio HTML Template https://youtu.be/bZubDlGetSg Alo - Personal Portfolio HTML Template https://youtu.be/LnfFX1tD6qY Natasha - One Page Portfolio HTML Template https://youtu.be/DJ3K6qhuI1Y DULALI - One Page Multipurpose Template https://youtu.be/m7VNnhB5z9w Mehul - Personal Portfolio HTML Template https://youtu.be/dPz0_M0JhD0 NANDINI - One Page Business HTML Template https://youtu.be/QPEw6asG1GE LOREM - Multipurpose HTML Template https://youtu.be/uIdRHdWMBzQ Celena - Personal Portfolio html Template https://youtu.be/JJUEZjLb1ZY Sporsho - One Page Wedding Invitation Template https://youtu.be/-Aj0vMdeCvg Robert - Personal Portfolio HTML Template https://youtu.be/ohKMVms6m7g Julia - Personal Portfolio HTML Template https://youtu.be/qx9s_WsnslA Saffron - Multi-Purpose HTML Template https://youtu.be/cvqPOjReDyg Robin - Personal Portfolio HTML Template https://youtu.be/I8exRX7OA7Q Alexandra - Barber Shop HTML Template https://youtu.be/VLHRwqfFTrw Follow this Channel on: -------------------------------------------------- Facebook : https://www.facebook.com/Divinector/ Twitter : https://twitter.com/Divinector Google Plus : https://plus.google.com/+Divinector Instagram : https://www.instagram.com/Divinector/ Website http://divinector.blogspot.com Image Credit: -------------------------------- Pexels #divinector
Views: 6766 Divinector
How to Create Transparent Drop Down Navigation Menu with CSS and HTML
 
12:02
Hey guys, I'm now using Patreon to share improved and updated video lesson material. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie :) Download this video's files here: https://www.patreon.com/posts/inserting-data-20819049 ( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! ) `````````````````````````````````````````````````````````````````````````````````````````````` ( Website ) https://clevertechie.com - PHP, JavaScript, Wordpress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams. ( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube ( Google Plus ) https://goo.gl/J71p6f - clever techie video tutorials. ( Facebook ) https://www.facebook.com/CleverTechie/ ( Twitter ) https://twitter.com/theclevertechie
Views: 977588 Clever Techie
4 Places To Edit WordPress CSS | WP Learning Lab
 
08:08
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL 4 Places To Edit WordPress CSS | WP Learning Lab To edit WordPress CSS you first need to know all the places you can find CSS. There are 4 common places. You may not have all these locations on your website because some of them are theme-dependent. The possible CSS locations are: 1. The WordPress theme or child theme stylesheet (this one you have for sure) 2. The theme options panel (this one you may or may not have) 3. A CSS editor on each page and post (this one you may or may not have) 4. Inline CSS applied directly to HTML elements on the page (this one you will have only if you're written it) Let's go through each one. The WordPress theme or child theme stylesheet When inside your WordPress dashboard if you click on Appearance then Editor you will be able to edit theme or child theme files. Usually the style.css is loaded first by default. If it's not loaded find the style.css file in the list of files on the right side of the editor page. When you find it, click on it. That will open the CSS file in WordPress editor. At this point you can make edits to the file and click on the Update button to save your changes. How to actually code CSS is beyond the scope of this tutorial, but you can check out my CSS channel over here (https://www.youtube.com/channel/UCeFLITjl2v9vtIkftw9UMsw) The danger in editing CSS directly in the stylesheet of the main theme is that what you create may be over written when the theme updates. You get around this problem by creating a child theme (see a tutorial on how to create a WordPress child theme here: https://www.youtube.com/watch?v=Z8n1h-85SMQ). The theme options panel Not every theme has a theme options panel, but the ones that do make WordPress CSS so much easier to edit. You can simply add CSS to the CSS box in the theme options and click save changes. The upside is that theme updates won't erase the CSS code you create. A CSS editor on each page and post Some themes, like Avada and Divi, give you the option of insert CSS code right into the individual posts and pages of your website. This is great for CSS that you want to be only one page. I would only recommend doing this if you're putting more than 100 lines of CSS into the page. If it's less than 100 lines of CSS you're better to put into the main stylesheet so you stay organized. If it's more than 100 lines of CSS code that only need to exist on one page then your site will load a little bit faster overall by not loading all that CSS into every page. Inline CSS The last place in our list and the last place you'd want to create CSS code is right in your HTML elements. This is called inline CSS and can be difficult to work with for two big reasons. First, you can't apply the CSS to more than one element at a time. So if you want to style all the paragraphs on the page in the same way you have to apply the same CSS code over and over again to each p tag. This is a pain to administer and will result in larger than needed page sizes. Second, if you add inline CSS to lots of pages it will be come difficult to remember what CSS you applied where. Then trying to find it an make edits will become a pain. Inline CSS also takes precedent over CSS in the stylesheet. So you might be make changes to CSS in the stylesheet, but nothing is happening on the page. You'll go through a frustrating few minutes before you figure out the CSS is actually inline on the page. I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab
 
07:18
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab Changing WordPress Font-size is done in the theme options panel or with CSS. Once you know where to make the changes in your theme it is easy to do. As with a lot of things in Wordpress, where you do things depends on the theme you're using and the plugins you're running. First, always check to see if your theme has theme options. If it does then you should be able to find a typography tab to edit font sizes. Sometimes font sizes will be found in the general settings of the theme options. The theme options will be found either under the Appearance menu in the left hand side admin menu or there will be special menu item that the them itself added. If your theme doesn't have theme options, then you're next stop should be the customizer. Some themes have a lot of WordPress Customizer support. Go to Appearance then Customizer to see if you can edit font sizes there. If both of those are a no-go then you're left with going to directly to the stylesheet to change font sizes. This is method is great if you have some CSS knowledge. To find your stylesheet go to Appearance then Editor. The stylesheet will be the first thing to appear in the editor. If, for some reason, it's not there, then find the style.css file in the list of theme files on the right and click it to open it in the editor. NOTE: You should be edit stylesheet of a child theme only. If you edit the parent theme stylesheet directly then your edits could be overwritten when you update the them. Here's a tutorial on how to create a child theme if you need it: https://www.youtube.com/watch?v=Z8n1h-85SMQ Now that you have the CSS stylesheet open in the editor you will need to find the font styles. The easiest way to do this is go to your main site and find the fonts that you want to edit. If you're using Google Chrome or Firefox right click on the text and choose the "inspector" or "inspect" from the context menu. If you're not using Google Chrome or Firefox then start using them. In the inspector that opens at the bottom of the page you should see the text highlighted in the main area and the class of the element on the right. You can type styles right into the element on the right hand side to quickly test to see how big you want the font to be. This doesn't save it permanently. What you see is only in your browser and as soon as you refresh the page you'll lose it. So, find the class for the text, find the right size and move that CSS rule in to the stylesheet for the child theme. Sometimes you'll have to fight with the existing CSS to make your font changes take effect. That's where a command link !important comes in very handy. If you type .h2 {font-size:10px !important;}. Having !important forces that style to take precedent over all others. It's a lazy way to code CSS, but unless you have time to find the conflicting styles, it's a fast and easy trick. Subscribe to this awesome channel here: http://www.youtube.com/subscription_center?add_user=wplearninglab
10 Essential Atom Editor Packages & Setup
 
27:08
In this video I will start with a default Atom editor and add each of my favorite packages and plugins step by step so make Atom an overall better code editor. PACKAGE LIST: -Emmet -File Icons -Atom Live Server -Todo -Mini-Map -Pigments -Linter -Atom Beautify -Ask Stack -Highlight Selected SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
Views: 286148 Traversy Media
Styling Form Inputs in Google Forms
 
14:19
How to customize and style your Google forms that include dropdown selections and multiple choice questions, as well as text inputs. http://www.ashlylorenzana.com/Code-Experiments/google-forms-css.html
Views: 22496 Ashly Lorenzana
HTML tutorial: Flowing text around an image | lynda.com
 
05:29
This HTML tutorial shows how to flow text around a normally inline image element using the CSS float property. Watch more at http://www.lynda.com/HTML-tutorials/HTML-Essential-Training-2012/99326-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-web-dev-mEMrFbX4Agg. This tutorial is a single movie from the first chapter of the HTML Essential Training course presented by lynda.com author Bill Weinman. The complete course is 5.5 hours long and introduces new web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language behind most web pages HTML Essential Training table of contents: Introduction 1. Overview 2. Fundamentals of HTML 3. Meta data and the document head 4. Text 5. A CSS Primer 6. Images 7. Hyperlinks 8. Lists 9. Structural, contextual, and semantic elements 10. Audio, video and other objects 11. HTML5 Data Elements 12. HTML5 Microdata 13. Document Outlines 14. Tables 15. Frames 16. Forms 17. A case study Conclusion
Views: 141478 LinkedIn Learning
Vertically center elements with CSS
 
05:28
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 40819 Codecourse
Styling HTML 5 Forms #2 - Styling Radio Buttons
 
06:59
Yo gang, in this HTML5 form styling tutorial, I'll show you how we can style radio buttons with some custom imagery and just a little bit of CSS. ----- COURSE LINKS: + Repo - https://github.com/iamshaunjp/styling-html5-forms-playlist + Atom editor - https://atom.io/ CSS Playlist - https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT HTML Playlist - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc --------------------------------------------------------------------------------------------- You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage... SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== PSD to WordPress Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W ============ Node.js for Beginners Playlist ============= https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ================== Social Links ================== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 21168 The Net Ninja
HTML Full Course - Build a Website Tutorial
 
02:02:32
Learn the basics of HTML5 and web development in this awesome course for beginners. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:54) Choosing a Text Editor ⌨️ (0:08:13) Creating an HTML file ⌨️ (0:20:31) Basic Tags ⌨️ (0:36:47) Comments ⌨️ (0:42:13) Style & Color ⌨️ (0:48:07) Formatting a Page ⌨️ (0:59:16) Links ⌨️ (1:07:33) Images ⌨️ (1:16:12) Videos & Youtube iFrames ⌨️ (1:23:00) Lists ⌨️ (1:28:53) Tables ⌨️ (1:37:21) Divs & Spans ⌨️ (1:44:54) Input & Forms ⌨️ (1:53:44) iFrames ⌨️ (1:57:21) Meta Tags Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter - https://twitter.com/mike_dane 🔗The Mike's website: https://www.mikedane.com/ ⭐️Other full courses by Mike Dane on our channel ⭐️ 💻Python: https://youtu.be/rfscVS0vtbw 💻C: https://youtu.be/KJgsSFOSQv0 💻C++: https://youtu.be/vLnPwxZdW4Y 💻SQL: https://youtu.be/HXV3zeQKqGY 💻Ruby: https://youtu.be/t_ispmWmdjY 💻PHP: https://youtu.be/OK_JCtrrv-c 💻C#: https://youtu.be/GhQdlIFylQ8 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Views: 535359 freeCodeCamp.org
WordPress: how to change the font (size / type / color) on your entire website
 
02:57
WordPress: how to change the font (size / type / color) on your entire site Full article: http://imstartpage.com/change-font-wordpress-font-type-size-color Find or convert hex colors: http://imstartpage.com/color-code-conversion-tool-rgb-hex-cmyk Follow me on other media: ►Website: http://www.guidoshowtos.com ►Facebook: https://www.facebook.com/guidoshowtos ►Twitter: https://twitter.com/guidoshowtos ►Google+: https://plus.google.com/+Guidoshowtos Full instructions: The method I'm going to show, will change the default font on your entire website. The default font on your site is specified by a file called a 'stylesheet'. The stylesheet is part of your current WordPress theme. So; to change your font, you'll have to edit your stylesheet. To find out exactly what to edit, you can use a feature in Google Chrome; right-click the font you want to change, and then click 'inspect element'. On the right side of the menu, you'll see exactly what parts of the stylesheet are being used to make your site look the way it looks. Here, scroll down until you find something that says 'font'. OK, this is the part that specifies what fonts are being used on your site. You can have a look at the entire stylesheet by clicking this link. To change the font in WordPress, we need to find this part of the stylesheet in the back-end of WordPress. Because your stylesheet contains hundreds of lines of code, an easy way to find it is to use Google Chrome's search feature. So, I'm going to copy this part of the code, and add it in the search bar later. To edit your stylesheet, go to your dashboard, then click 'Appearance', and then 'Editor'. By default, it'll open the stylesheet, so that's style.css. Now press Ctrl+F to bring up the search bar, a and paste the text you copied earlier. This will bring you to the exact code you need to edit. For 'Font size', change the number to make your font smaller or larger. To change the font type, edit the name of the font, for 'font-family'. The first one in the line is the one that's going to be used. For 'color', enter the color you want to use. These are specified in the hexadecimal format (hex). When you're done making changes, scroll down and click 'Update file'. And that's it! Go back to your site, and refresh the page to see the changes take effect. And it works; your site is now using a larger font, another font type, and another font color. --- Dutch article: http://websiteopzetten.com/lettertype-font-veranderen-wordpress-type-grootte-kleur/ Also read: http://websiteopzetten.com/webhosting/
Views: 51732 Guido's How-to's
How to Change Text Font, Size & Alignment in HTML Urdu/Hindi
 
07:34
How to Change Text Font, Size & Alignment in HTML Urdu/Hindi In this video, I will teach you How to use change font in HTML and change font size and text alignment. subscribe youtube channel for promoting us on youtube watching for more videos please visit: http://www.jaspalitcenter.com
Views: 38 Jaspal IT Center
CSS Box Style Image Transparency
 
05:48
PlugNedit.com Online HTML Visual Editor WordPress users can find the plugin at: http://wordpress.org/plugins/plugnedit/ PlugNedit's Visaul Editor provides all the tools of a HTML editor with a twist, the items are easily placed on the page, moved around and stacked on top of each other. The visual editor plugin is useful for anyone that has a WordPress site or stand alone plugin for any site, it's a simple to use WYSIWYG drag and drop visual HTML editor with advanced options.The visual editor contains a new section for building HTML web pages outside your wordpress template ( Landing Page ). Plug & Edit WYSIWYG Drag And Drop Visual HTML Editor does not modify your WordPress editor and is safe to install with other Plugins that do. The editor is located at Plugnedit.com, in order to use media files you will need to import links of your media which are stored temporarily. Plug & Edit Drag And Drop Visual HTML Editor and blog page builder for WordPress is a tool that allows specialized formatting of text on images, and other unique formatting for blog entries. The WYSIWYG builder is based on floating layers and palette menu control interface that allows for drag and drop movement of text and pictures and the ability to stack text and pictures and videos on top of one another.
Views: 11397 John Brown
Bootstrap list groups
 
07:40
bootstrap 3 list group examples bootstrap list group item badge bootstrap list group anchor bootstrap list group item color bootstrap list-group-item css bootstrap list-group-item disabled bootstrap list group custom content Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/06/bootstrap-list-groups.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Bootstrap list groups are useful for displaying simple lists of elements, as well as complex ones with custom content. Basic list group : To create a basic list group, create an unordered list. Use .list-group class on the [ul] element and .list-group-item class on the [li] element. [ul class="list-group"] [li class="list-group-item"]India[/li] [li class="list-group-item"]USA[/li] [li class="list-group-item"]UK[/li] [/ul] List group item with a badge : To create a badge, include a [span] element with .badge class inside the [li] element. [ul class="list-group"] [li class="list-group-item"]India[/li] [li class="list-group-item"]USA[/li] [li class="list-group-item"]UK[/li] [li class="list-group-item"] Australia [span class="badge"]New[/span] [/li] [/ul] List group with hyperlinks : To create list group with hyperlinks, use [div] instead of [ul] and [a] instead of [li] [div class="list-group"] [a href="http://dell.com" class="list-group-item"]Dell[/a] [a href="http://google.com" class="list-group-item"]Google[/a] [a href="http://microsoft.com" class="list-group-item"]Microsoft[/a] [/div] On hover the cursor changes to a hand symbol and the background colour changes to grey. When you click on an item, you will be redirected to the respective URL. Styling list items : Use contextual classes to style the list items. [ul class="list-group"] [li class="list-group-item list-group-item-danger"]India[/li] [li class="list-group-item list-group-item-info"]USA[/li] [li class="list-group-item list-group-item-success"]UK[/li] [li class="list-group-item list-group-item-warning"]Australia[/li] [/ul] Highlight and disable list group items : Use .active class to highlight a list-group-item and .disabled class to disable a list item. [ul class="list-group"] [li class="list-group-item disabled"]Disabled Item[/li] [li class="list-group-item active"]Active Item[/li] [li class="list-group-item"]Other Item 1[/li] [li class="list-group-item"]Other Item 2[/li] [/ul] List group custom content : List groups can contain your own custom content. Nearly any HTML can be used. [div class="list-group"] [a href="#" class="list-group-item"] [h4 class="list-group-item-heading"]List Group Item 1 Heading[/h4] [p class="list-group-item-text"]List Group Item 1 Text[/p] [/a] [a href="#" class="list-group-item"] [h4 class="list-group-item-heading"]List Group Item 2 Heading[/h4] [p class="list-group-item-text"]List Group Item 2 Text[/p] [/a] [a href="#" class="list-group-item"] [h4 class="list-group-item-heading"]List Group Item 3 Heading[/h4] [p class="list-group-item-text"]List Group Item 3 Text[/p] [/a] [/div]
Views: 72680 kudvenkat
Centering with CSS
 
18:56
I show you 4 ways to center crap with CSS! Woo! Center a div with css. Center an image with css. Center your mom with valium. CSS Basics Series - https://www.youtube.com/playlist?list=PLqGj3iMvMa4IOmy04kDxh_hqODMqoeeCy Late Nights with Trav and Los Podcast - http://travandlos.com/ Subscribe on iTunes - https://itunes.apple.com/us/podcast/late-nights-with-trav-and-los/id944869246?mt=2 Sign up for my newsletter - http://travisneilson.com/ --- Thanks and credit to these artists, whos work I featured in this video - Tristen Grant https://www.youtube.com/user/tristengrant - Imad Eddine Toubal https://www.youtube.com/watch?v=Tfc-p-RY55o - Celeste Boadas http://www.celesteboadas.me/ - Rafael Bucker http://bucker.com.br/33110/331348/projetos/impresso-no-brasil
Views: 233812 DevTips
Width and height units - Webflow CSS tutorial (using the Old UI)
 
03:59
In web design, you can declare an element's width and/or height using either fixed values or relative values. This video covers the most commonly used dimensions (outside of ems): 1. Auto-sizing (auto) 2. Pixels (px) 3. Percentage (%) 4. Viewport height (vh) 5. Viewport width (vw) 6. Minimum (min) and maximum (max) You can adjust an element's width and height in the Styles Panel, under the Layout section. We’ll be covering how each of these units work in the context of setting element dimensions. ---------- Get started with Webflow: https://help.webflow.com/courses/getting-started http://webflow.com http://twitter.com/webflow http://facebook.com/webflow
Views: 34883 Webflow
HTML & CSS | TUTORIAL #4 - Text Align & Background Color [HD 2016]
 
06:57
Naziv klipa : HTML & CSS | TUTORIAL #4 - Text Align & Backgorund Color [HD 2016] ►Oficijalni web sajt◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → http://hdpc-programming.ga/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Project HTML Code ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → u pripremi ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Svi download linkovi ovde ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → http://hdpc-programming.ga/Download/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Kontakt ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Business Inquiries: [email protected] FB Page: https://www.facebook.com/official.hdpc FB Profil: https://www.facebook.com/profile.php?id=100011401301642 Instagram: https://www.instagram.com/hdpc_computers ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ POGLEDAJTE OSTALE KLIPOVE HTML | TUTORIAL #1 - Download HTML Editor [HD 2016] https://youtu.be/_Cg0PbsC6mk VISUAL BASIC | TUTORIAL #11 - Combo Box [HD 2016] https://youtu.be/DntgFYHIxwk VISUAL BASIC | TUTORIAL #12 - Copy File [HD 2016] https://youtu.be/eHmPnieSYFc VISUAL BASIC | PROJECT #02 - Licence System https://youtu.be/ujrVueageG8 COPYRIGHT © HDPC SYBER Keyword Tags: css,css html,html style,what is css,css templates,css table,css colors,css tutorial,css filter,css width,css image,css center,counter strike source download,css menu,style css,css style,css position,css code,css tags,page css,css course,learn css,css wiki,css full form,download counter strike source,external css,css style guide,html stylesheet,css version,external style sheet,free css,css documentation,css properties,css1,css application,css div,css school,inline style html,html css tutorial,css input,css nowrap,css height,css a,html and css tutorial,css examples,www w3schools com css,how to use css,html inline style,html inline,css list,css w3c,html p style,w3c css,css syntax,css website,css reference,css file,css language,css format,css header styles,tutorial css,stylesheet,html css style,css 3,css definition,css text style,css coding,style sheet,css tools, syber, hdpc
Views: 1537 HDPC
How to Customize the Top Header in Divi
 
18:43
View the CSS, links and details here: https://joshhall.co/how-to-customize-the-top-header-in-divi
Views: 81492 Josh Hall
HTML CSS tutorial - How to customize with CSS select options
 
10:16
Learn how to customize using only HTML and CSS an select options tag.
Views: 1091 PixelTime Tutorials
Complete Text Styles - Styling the text in an article
 
02:10
Complete Text Styles is a Joomla plugin that provides a full collection of styles and effects for titles and text. Now, you can make your text much more attractive by applying to it different appearance than what the template can provide. Complete Text Styles brings together all the new styles and motion that appeared with the growth of CSS. Also, you can use Google fonts making the result even greater. This tutorial shows how to install Complete Text Styles and to apply a style to the text in an article. Steps: 1. The article text to be styled. 2. Installation of the plugin. 3. Configuration of the plugin. 4. Configuration of the article. 5. The result. See more at http://joomla.impression-estudio.gr/complete-text-styles/index.php
Views: 600 Impression eStudio
Changing the Font and Colour Styles via CSS
 
03:21
How to change font and colour styles by editing the CSS.
Views: 920 Composr CMS
how to add autocomplete jquery search box inside html select option
 
05:58
html tutorial adding search box inside the dropdown select option control using jquery latest version with script
Easy Google Fonts Plugin Makes It Easy To Add Google Fonts To Your WordPress Site | WP Learning Lab
 
08:04
Easy Google Fonts Plugin Makes It Easy To Add Google Fonts To Your WordPress Site | WP Learning Lab Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Easy Google Fonts is a simple plugin that allows you to add Google Fonts to any text on your website quickly, easily and without code. You can even add the Google Fonts API to instantly have access to new fonts as they're released. The get started first you need to install the plugin. To install this plugin please log into your WordPress dashboard, hover over Plugins and then click on Add New. On the next page type "easy Google fonts" into the search bar. The plugin we want should be the first one in the top left. Click on the Install Now button and then click Activate after it's installed. A new menu item called Google fonts has been created in the Settings menu. On the first page that loads is where you set the 'target' for the fonts. In the Control Name field enter a descriptive name for the font target that makes sense to you. Then click on the Create Font Control button. Now a new input field will appear. In that field you input the CSS selectors that this font control will apply to. Common examples of how to set this up would be Heading 1 as the control name, then h1 as the selector. Or Heading 2 as the control name, then h2 as the selector. Or Paragraph as the control name, then p as the selector. You get the idea. Once you have a font control created you can head over the Appearance, then Customise to start applying the fonts. Once in the WordPress customizer you can click on Typography, then click on Theme Typography. You will then see the control group or groups you created. Click on the Edit Font link below the Control Name. Now you can make changes to the font. If the page you're using the customizer on has the appropriate css selectors then you will see live updates as you make changes to the font settings. The font settings included: - All of the Google fonts available - Font weight - Text decoration - Text transform Clicking over to the appearance tab you can set colors for the font and the background. The Position tab allows you to define the alignment of the text. Pretty easy stuff. Once you're happy with the results you can click on Save and Publish. Check out the blog post here: https://wplearninglab.com/easy-google-fonts/ Subscribe to this awesome channel here: http://www.youtube.com/subscription_center?add_user=wplearninglab
Divi Feature Update! Huge Font Options Overhaul, Better Heading Controls and Countless More Text Opt
 
02:52
Learn more here: https://www.elegantthemes.com/blog/theme-releases/divi-font-options-update We have an amazing Divi update for you today, filled with so many of the features you have been requesting, and so much more too. Today we are launching our brand new font options interface, filled with 600 new fonts, improved font management, custom font uploading, new font styles, better font weight controls, fine tuned heading style management, heading level selection and dozens of new design options for the text module.
Views: 110232 Elegant Themes
Editing header style (borders and font style) via CSS
 
02:40
Change heading font size, colour and format for headings. Set border styles by editing the CSS.
Views: 1880 Composr CMS
Oxygen - Advanced: Typography - Text Styling Options & Tips
 
09:19
Subscribe for new tutorials and how-to vids ► https://oxygenbuilder.com/ytsubscribe JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ► https://oxygenbuilder.com/facebook The Facebook group is the fastest way to get help with Oxygen. Talk with thousands of Oxygen users, designers, developers, and WordPress experts. It's also where to get sneak previews of what's coming to future version of Oxygen and download alpha/beta versions. Get the Oxygen visual site builder for WordPress ► https://oxygenbuilder.com/ Twitter ► https://twitter.com/RealOxygenApp Blog ► https://oxygenbuilder.com/blog
Views: 1506 Oxygen
creating a drop down navigation menu using pure css and html
 
24:19
Creating a multi level dropdown navigation menu bar with pure css and html . Step by step coding instruction with explanation using Jsfiddle.net Code example to play around with or copy to your project. . -We will first crete a horizontal menu bar and add vertical drop down list for each item . - On the mouse over of the horizontal bar item the vertical dropdown would show up. drop down navigation bar css drop down navigation menu using css drop down navigation menu in html creating a drop down navigation menu bar using pure css () css horizontal drop down menu Pure CSS Dropdown Navigation bar
Views: 126004 techsith
Web Development | HTML #16 | HTML Forms-4, Dropdown, Select, Options | Tharun Shiv | Being A Pro
 
03:33
Some Links to refer: https://github.com/tharunShiv/HTML-Youtube-Series Code used : https://github.com/tharunShiv/HTML-Yo... HTML Playlist: https://www.youtube.com/watch?v=WPY9S... Intro Video: https://www.youtube.com/watch?v=WPY9S... part 1: https://www.youtube.com/watch?v=Ac33Z... part 2: https://www.youtube.com/watch?v=7_M5G... part 3: https://www.youtube.com/watch?v=OOxYUEnSa1U part 4: https://www.youtube.com/watch?v=aRHfQC_FD6c part 5: https://www.youtube.com/watch?v=OEM9psWwQO0 part 6: https://www.youtube.com/watch?v=rFah7eV9aLQ part 7: https://www.youtube.com/watch?v=TUNuxUrPGgc part 8: https://www.youtube.com/watch?v=jy1Qd0fITWI part 9: https://www.youtube.com/watch?v=We1OpjJSB2U part 10: https://www.youtube.com/watch?v=Iu3qIvsAfG8 part 11: https://www.youtube.com/watch?v=ghK25Si_oCU part 12: https://www.youtube.com/watch?v=wykgYHXxliU part 13: https://www.youtube.com/watch?v=3CjxvGrGhLo part 14: https://www.youtube.com/watch?v=RkEhoMz0ics part 15: https://www.youtube.com/watch?v=M5qT1tbMAY8 color picker: https://www.w3schools.com/colors/colors_picker.asp Some notes(not compulsory): https://www.w3schools.com/html/ Hurray! You made it to the 16th Part of the Brand new HTML Series! In this video we will cover- 1. HTML Forms 2. Dropdown menus 3. Select attribute 4. Option attribute So you will learn how to create dropdown menus, and use them within forms. See you in the next video!.. Happy! And more ... This series is designed in a way that enables beginners to excel in web development. Have Loads of fun!! There are 3 basic languages to develop a website. 1 HTML - Hyper Text Markup Language 2 CSS - Cascading Style Sheets 3 Javascript What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements are the building blocks of HTML pages HTML elements are represented by tags HTML tags label pieces of content such as heading, paragraph, and so on. What is CSS? CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed on screen, paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files Browsers do not display the HTML tags, but use them to render the content of the page. What is Javascript? JavaScript is a programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information for you to look at , Right from displaying timely content updates, or interactive maps, or animated 2D/3D graphics, or scrolling video jukeboxes, etc. You can bet that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, two of which (HTML and CSS). Music: http://www.purple-planet.com
Views: 99 Being A Pro
Sitecake CMS Docs #7: Applying Predefined CSS Styles
 
00:21
It is possible to assign several visual styles for a certain content type (paragraph, list, image). If this is the case Sitecake will display the list of additional style options in the drop down menu on the toolbar. Sitecake user styles preview Style drop down is visible only when there are additional styles for a certain content type. No styles, no selector. Learn how to define user styles. http://sitecake.com/docs/sitecake-cheatsheat.html More on Sitecake website: http://sitecake.com/docs/applying-predefined-css-styles.html
Views: 1071 Sitecake
Adding text in the shape of a circle (Adobe Illustrator)
 
10:06
I had a special request from someone asking how to add text in the form of a circle. I'll outline it all in the video above! Join my new Facebook group! https://www.facebook.com/groups/MerchSocial/ Merch Informer (Free 3-Day Trial) https://merchinformer.com/262.html
Use a JavaScript For Loop to Generate Select Options
 
06:29
Use a JavaScript For Loop to Generate Select Options: Populate expiration years for a credit card expiration selection menu based on the current year. Demo file: http://www.sixminutessmarter.com/demofiles/webdev/js-loop-fill-years.html
Views: 10106 Ralph Phillips
Wordpress:  How to change the font and hover color of your title
 
08:23
This video shows an easy way to change the font, style, and size as well as the hover color of your Wordpress title themes.
Views: 28122 drlindadavis
JavaScript beginner tutorial 30 - form validation text boxes and passwords
 
11:59
In this video I finally start speaking about form validation. I show you how to check if a form field has been left empty, and how to use a return statement in JavaScript. Don't forget to subscribe: http://www.youtube.com/user/QuentinWatt Social links: ------------------------------------------------------------- Add me on twitter: http://www.twitter.com/QuentinWatt facebook group: https://www.facebook.com/quentin.watt -------------------------------------------------------------
Views: 149350 Quentin Watt Tutorials
Enabling 3D perspective - Webflow CSS tutorial (using the Old UI)
 
04:02
Enabling 3D perspective on an element makes it possible to move, rotate, and scale objects in 3D space. You can set perspective on a parent element and have it affect all of its children, or just on the element itself. Both of these options unlock 3D transforms. In this video, we’ll cover your options for 3D perspective, and show you how to scale elements on the z axis: 1. No perspective 2. Children perspective 3. Self perspective 4. Scaling along the z-axis ---------- Get started with Webflow: https://help.webflow.com/courses/getting-started http://webflow.com http://twitter.com/webflow http://facebook.com/webflow
Views: 31851 Webflow
CSS Layouts:Generic Text Editor - Styling Text
 
11:39
http://www.killersites.com In this video tutorial from our CSS Layouts: Generic Text Editor Course, we show you how to clean up and style your text. Note that all of our videos are in a higher quality when purchased from our Killer Video Store or by subscription to our Video Tutorial Library! We've only made part of our content available for free. For the rest, check out our Killer Video Store or our Video Tutorial Library at Killersites.com! http://www.killervideostore.com/ http://www.killersites.com/university/ http://www.killersites.com/community/ http://www.csstutorial.net/
Views: 457 Stefan Mischook
Build Your First Website: Getting Started with HTML and CSS | Learnable.com
 
07:04
Take the entire course at Learnable: https://learnable.com/courses/build-your-first-website-getting-started-with-html-css-2279 This course takes you from zero knowledge to a solid grounding in Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS), holding your hand every step of the way. All you need is a computer with an internet connection and by the end of the course, you'll know how to build a website, obtain some hosting, and publish it on the Internet. Course Outline Setting Up Shop Step 1 : Welcome to the course! Step 2 : Windows basics: Notepad & Internet Explorer Step 3 : Windows beyond the basics: Notepad++ & Firefox Step 4 : Mac basics: TextEdit & Safari Step 5 : Mac beyond the basics: TextWrangler & Firefox Step 6 : Lesson 1 code Step 7 : Windows: Creating a spot for your website Step 8 : Mac: Creating a spot for your website Step 9 : Recommended reading Your First Web Pages Step 1 : Welcome to Lesson 2 Step 2 : View Source Step 3 : New Web Page Step 4 : Page Skeleton Step 5 : Basic Content Step 6 : Subheadings, Lists, and Comments Step 7 : Character Entities Step 8 : Lesson 2 code Step 9 : Images Step 10 : Structural DIVs Step 11 : Multiple Pages Step 12 : Blockquote, Email Links Step 13 : Links Between Pages Step 14 : More Tags Adding Some Style Step 1 : Welcome to Lesson 3 Step 2 : Lesson 3 code Step 3 : Inline Styles Step 4 : Embedded Styles Step 5 : External Styles Step 6 : Building Our Style Sheet Step 7 : CSS Color Codes Step 8 : A Beginner's Palette of Styling Options Step 9 : Restyling Emphasis Step 10 : Contextual Styles Step 11 : Grouped Selectors, Rule Order Step 12 : Class Selectors Step 13 : Styling Links with Pseudo-classes Step 14 : Lesson 3 finished code Launching Your Website Step 1 : Welcome to Lesson 4 Step 2 : Hosting Your Website: Finding Server Space Step 3 : Browser Testing Step 4 : Uploading with FTP Step 5 : Markup Validation Step 6 : Tell the World
Views: 2518 TeamLearnable