Home
Search results “Js style font family” for the 2013
CSS how to: font-family
 
05:36
Declare the preferred font family for your web page with this CSS property http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 9215 Chris Walker
HTML and CSS Tutorial 27 - Font Family
 
05:59
Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 1848 Caleb Curry
CSS - 08. Styling fonts: font-family and font-style
 
06:21
In this video, I talk about ways in which you can style fonts in CSS, using font-family and font-style.
Views: 271 Loot Tutorial
CSS - Changing Font Family
 
01:58
In this tutorial, I show you how to change the 'font family' with CSS
Views: 292 TheMSTutorialsGuy
CSS Font Family (Font Type)
 
05:25
This video demonstrates using CSS to change the Font Text Type (Font Family) :-) :-)
Views: 154 Leonardus C
Learn HTML/CSS - #10 - Styling text with CSS [1080p]
 
03:44
In this tutorial, we will be styling text using CSS. I will show you how to change the following elements of the text: • Font Family • Font Size • Font Weight (Bold) • Underline • Color Twitter: http://twitter.com/coders_guide Donate: http://goo.gl/mfMep
Views: 17351 Neil Rowe
Learning HTML5 For Beginners (Tutorial): 05 Styling Text (Resizing, Adding Color & Font Families)
 
11:54
This tutorial focuses on the proper way to use styling techniques on text such as... changing the size, color and font family. Mail: AntonDaniels.com 7650 Cooley Lake Rd, #27 Union Lake, MI 48327 Website: http://AntonDaniels.com Instagram: http://instagram.com/1antondaniels Snapchat: https://snapchat.com/add/antondaniels Facebook: https://www.facebook.com/1antondaniels/
Views: 4168 Anton Daniels
CSS Tutorial 11 - Styling Unordered Lists
 
09:22
In this video, we talk about how to style unordered lists using CSS, changing things like font color, font family, padding, margins, and the display settings. We also learn how to change the style of the bullet points, as well as how to make lists into navigation menus, which are more accessible to those who may be visually impaired. If you have any questions, comments, or suggestions for this video, or anything at all, please don't hesitate to ask! TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe TechnicalCafe Forums: http://TechnicalCafe.net Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 15599 TechnicalCafe
CSS3 Tutorials #11 - Custom Fonts With @font face
 
06:37
The 11th tutorial in the CSS3 tutorial series. In this lesson, I'll be showing how to host your own fonts with @font-face. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations
Views: 26298 LevelUpTuts
HTML5 - The Basics 2 Styling the Font : Codecademy
 
14:33
Welcome back, nice to see your interested! This video will cover some inline styling with HTML5! You will learn how to manipulate your texts color, font, and size to create a variety of different outcomes! Don't forget to like favorite comment and subscribe! Follow me on twitter! https://twitter.com/Calebs_Help
Views: 5319 Caleb H
دورة CSS : الدرس 4 (خآصية Font-Family)
 
03:29
إشترك على قناتنا ليصلك دائما جديد الدروس : https://www.youtube.com/user/vlogHamid يمكنك مشاهدة دورة HTML كاملة هنا : http://goo.gl/XsyPDi دورة PHP و MySql هنا : http://goo.gl/JNT4Ha دورة CSS هنا :http://goo.gl/puLDPv تصميم قالب مدونة HTML5/CSS3 : http://goo.gl/8oeDxo
Views: 9075 Hamid Oumoumen
CSS basic (2) - font, table and links
 
05:00
CSS Font p {font-size:12px;} the same as p {font-size:0.75em;} Font family p{font-family:"Times";} CSS Table table,th,td,tr { border:2px solid Red; } table { width:50%; } td { text-align:right; height:20px; } CSS link, order matter unvisited link a:link {color:Black;} visited link a:visited {color:Blue;} mouse over link a:hover {color:Red;} My blog: http://jiansenlu.bloogspot.com
Views: 208 Jiansen Lu
HTML5 & CSS3 - 2.2 - CSS text modification
 
05:04
What's going on Everybody! Welcome to another great episode of HTML5 and CSS3. Today we are talking about text modification. Topics include custom text, font-family, size, and color. visit: http://www.academyofone.org View slides: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/PDF.pdf Download slides: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/PDF.pdf.zip Download powerpoint: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/Powerpoint.zip Download Transcript: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/Transcripts.zip Download video: https://archive.org/details/Finish_20130515 Download video (English Captions): https://archive.org/details/Untitled_20130523_1613
Views: 451 Academy of One
How to Increase the Font Size on Blogger Posts : Web Development Tips
 
02:17
Subscribe Now: http://www.youtube.com/subscription_center?add_user=ehowtech Watch More: http://www.youtube.com/ehowtech Increasing the font size on Blogger post is something that you can do right from your main Blogger account dashboard. Increase the font size on Blogger posts with help from a self-taught web developer with skills in PHP, JQuery, Ajax, HTML and CSS in this free video clip. Expert: Christina Chiu Filmmaker: Victor Varnado Series Description: We live in an age where web development doesn't require the years of experience with various programming languages that it used to - knowledge of basic HTML will get you very far. Get web development tips with help from a self-taught web developer with skills in PHP, JQuery, Ajax, HTML and CSS in this free video series.
Views: 5968 eHowTech
How to Style Texts & Fonts Using CSS
 
19:16
Students' video tutorial.
Views: 48 Edutainment
CSS Font Styling Tutorial
 
08:50
Access the entire course for free at Zenva: http://lounge.zenva.com/product/programming-for-entrepreneurs-html-css/?zva_src=youtube In this tutorial we cover styling fonts with CSS. You can set properties such as the font family, font size, weight, color, etc. This video is part of the online video course Programming for Entrepreneurs - HTML / CSS, which covers the foundations of web development and it's mainly aimed for entrepreneurs and doers who want to learn how to code from scratch and build their products. The course covers topics such as using HTML tags, adding images, working with lists and tables, the basics of CSS, how to include reset.css, and we'll work though out the course in making a metro-style responsive page. If you like our courses and tutorials check out our other channels: Homepage: http://zenva.com Zenva Lounge: http://lounge.zenva.com GameDev Academy: http://gamedevacademy.org Facebook: http://facebook.com/ZenvaDev Twitter: http://twitter.com/ZenvaTweets
Views: 332 Zenva
CSS Tutorial 12 - Styling Ordered Lists
 
08:29
In this video, we talk about how to style ordered lists using CSS. Some of the topics we talk about include how to change the lists' text color, font family, numbering, as well as how to create a navigation style menu using CSS code, which could be beneficial to those who may be using a screen reader. If you have any questions, comments, or suggestions, please feel free to leave a comment below or contact me via YouTube message, Twitter, or e-mail! Thank you for watching! TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe TechnicalCafe Forums: http://TechnicalCafe.net Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 3920 TechnicalCafe
CSS How to: font
 
08:37
This video tutorial shows how to use the font property in CSS. You can modify font size, style on your web site with this one declaration http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 718 Chris Walker
HTML and CSS Tutorial 29 - Border Style
 
06:27
Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 3023 Caleb Curry
HTML | Spice Up Your Web Pages!
 
04:39
So you want to make your webpages have color and a better designing feel? Well watch this tutorial and read some of the different styles available! Styles: background-color color: text-align: font-family: margin: padding: And so on.. You can try googling different styles, those are the basics!
Views: 139 DrinkableCola
Javascript: Using the jQuery docs and the css() method
 
01:22
http://codagogy.com/enroll/javascript
How to Change The Font in Sublime Text (+ Free Programming Fonts)
 
02:45
Learn how to Change The Font in Sublime Text http://evyned.com/best-programming-fonts/
Views: 15753 Evyned Tuts
Text formatting and customize in CSS in Hindi
 
12:50
Visit Website @ http://www.vishacademy.com
Views: 19423 vishAcademy
Part 97   Implement autocomplete textbox functionality in mvc
 
20:42
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/09/part-97-implement-autocomplete-textbox.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss implementing auto-complete functionality in an asp.net mvc application using jQuery Autocomplete Widget. Step 1: We will be using tblStudents table in this demo. Step 2: Create an ado.net entity data model using table tblStudents. Change the name of the generated entity from tblStudent to Student. Step 3: Download autocomplete widget from http://jqueryui.com/download. Step 4: Open "js" folder copy "jquery-1.9.1.js" and "jquery-ui-1.10.3.custom.min.js" files and paste them in the "Scripts" folder of you mvc project. Now open "css" folder. This folder will be present in "ui-lightness" folder. Copy "images" folder and "jquery-ui-1.10.3.custom.min.css" file and paste them in "Content" folder in your mvc project. If you are following along, at this point your solution explorer should look as shown below. Step 5: Right click on the "Controllers" folder and add "Home" controller. Copy and paste the following code. Please make sure to include "MVCDemo.Models" namespace. public class HomeController : Controller { public ActionResult Index() { DatabaseContext db = new DatabaseContext(); return View(db.Students); } [HttpPost] public ActionResult Index(string searchTerm) { DatabaseContext db = new DatabaseContext(); List[Student] students; if (string.IsNullOrEmpty(searchTerm)) { students = db.Students.ToList(); } else { students = db.Students .Where(s =] s.Name.StartsWith(searchTerm)).ToList(); } return View(students); } public JsonResult GetStudents(string term) { DatabaseContext db = new DatabaseContext(); List[string] students = db.Students.Where(s =] s.Name.StartsWith(term)) .Select(x =] x.Name).ToList(); return Json(students, JsonRequestBehavior.AllowGet); } } Step 6: Right click on the "Index" action method in the "HomeController" and add "Index" view. Copy and paste the following code. @model IEnumerable[MVCDemo.Models.Student] [link href="~/Content/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" /] [script src="~/Scripts/jquery-1.9.1.js" type="text/javascript"][/script] [script src="~/Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"][/script] [script type="text/javascript"] $(function () { $('#txtSearch').autocomplete({ source: '@Url.Action("GetStudents")', minLength: 1 }); }); [/script] [div style="font-family:Arial"] @using (@Html.BeginForm()) { [label for="Name"]Name: [/label] @Html.TextBox("searchTerm", null, new { id = "txtSearch" }) [input type="submit" value="Search" /] } [table border="1"] [tr] [th] @Html.DisplayNameFor(model =] model.Name) [/th] [th] @Html.DisplayNameFor(model =] model.Gender) [/th] [th] @Html.DisplayNameFor(model =] model.TotalMarks) [/th] [/tr] @foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.TotalMarks) [/td] [/tr] } [/table] [/div]
Views: 84869 kudvenkat
HTML and CSS Tutorial 28 - Font Property
 
07:24
Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 750 Caleb Curry
6. دروس HTML 5 / CSS 3 الجزء 6
 
01:03:38
من أجل تساؤلاتكم المرجو ترك التعليقات على الموقع http://www.jalals.info/index/tutoriels/learn-html5-css3-arabic-part6-ijvLe74dd_c في هذا الفيديو نتعرف على خاصيات CSS التالية : - border - padding - margin - word-wrap - box-shadow - font-family - font-size - font-style - float دروس مجانية في إنشاء و تطوير المواقع لمن لم يشاهد الدروس الأولى حول ال-HTML و-CSS Vous pouvez me contacter via : يمكنكم الإتصال بي عبر : http://www.jalals.info http://www.facebook.com/jom006 http://www.twitter.com/jom006
Views: 2603 STATI Jalal
HTML5 and CSS3 tutorial 12 FONTS ATTRIBUTES in Hindi Urdu for exam 70-480
 
25:56
fonts styling and attributes in HTML5 and CSS3 is the HTML5 and CSS3 tutorial for beginners in hindi and urdu. This tutorial is the part of the tuotrial series HTML5 and CSS3 tutorials which can be used as the study guide for preparing Miscrosoft certification exam 70-480 Programming in HTML5 with JavaScript and CSS3. HTML5 and CSS3 Tutorial by youtube.com/user/factner Tutorial 12 - Font styling 1. font-family 2. font-style 3. font-size 4. font-variant 5. font-weight 6. Shorthand property Please visit http://www.ifactner.com for the source code, text and results of the tutorial. Our Facebook page is at www.facebook.com/ifactner .
Views: 10453 ifactner technical
HTML5 and CSS3 Beginner Tutorial 13 - font properties
 
06:44
In this tutorial I show you guys a few of the different font properties that you will use quite often in CSS. Learn how to Bold, Italicize, and change the font size of your text all in this video. Don't forget to subscribe! Social links: ------------------------------------------------------------- Add me on twitter: http://www.twitter.com/QuentinWatt facebook group: https://www.facebook.com/quentin.watt -------------------------------------------------------------
Views: 29467 Quentin Watt Tutorials
Inserting CSS Externally
 
08:00
CSS Introduction, CSS Syntax, Inline CSS, Internal CSS, External CSS, CSS Class, CSS Id,CSS Background, CSS Font,CSS Text, CSS Borders, CSS Lists, CSS Links, CSS Cursors, Cascading Style Sheets, Style Sheets,
Views: 176 Shaik Shahwali
include new fonts in css3 using @font-face
 
05:41
As you know , using web fonts on your web page has always been limited in css. However, with the introduction of CSS3 , we can now include and use a whole variety of fonts. This can simply and easily achieved. There are many websites that offer fonts to use on your web pages but we need to mention that not all of them are free and then you will always run in licensing problems. But and fortunately , we can still find some others that offer free web fonts so that you can use them anyway you want. I Introduce to you one nice web site that i realy like : www.theleagueofmovabletype.com good luck Follow the gentle trainer on facebook : http://www.facebook.com/GentleTrainer?ref=hl
CSS fonti (fonts, font-family, font-style, font-size )
 
08:06
CSS teorija iesācējiem, kā izveidot mājas lapu
Views: 42 UsefulLessons4You
Part 73   OutputCache attribute in mvc
 
11:39
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/08/part-73-outputcache-attribute-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss OutputCache attribute and partial caching in asp.net mvc. OutputCacheAttribute is used to cache the content returned by a controller action method, so that, the same content does not need to be generated each and every time the same controller action is invoked. Let us understand this with an example. We will be using table tblEmployee for this demo. Please refer to Part 62 of MVC Tutorial, if you need SQL script to create and populate this table. Step 1: Add ado.net entity data model based on table tblEmployee. We have discussed doing this several times, in previous sessions of this video series. Step 2: Add HomeController with the following settings. a) Controller name = HomeController b) Template = MVC controller with read/write actions and views, using Entity Framework c) Model class = Employee d) Data context class = SampleDBContext e) Views = Razor Step 3: Modify the Index() action method in HomeController as shown below. Notice that, we are using OutPutCache attribute to cache the content returned by Index() action method for 10 seconds. [OutputCache(Duration = 10)] public ActionResult Index() { System.Threading.Thread.Sleep(3000); return View(db.Employees.ToList()); } Step 4: Modify code in "Index.cshtml" view as shown below. The modified code is highlighted in Yellow. @model IEnumerable[MVCDemo.Models.Employee] [div style="font-family:Arial"] [p] @Html.ActionLink("Create New", "Create") [/p] [table border="1"] [tr] [td colspan="4"] [b]Employee List retrieved @@ @DateTime.Now.ToString()[/b] [/td] [/tr] [tr] [th] @Html.DisplayNameFor(model =] model.Name) [/th] [th] @Html.DisplayNameFor(model =] model.Gender) [/th] [th] @Html.DisplayNameFor(model =] model.Email) [/th] [th][/th] [/tr] @foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.Email) [/td] [td] @Html.ActionLink("Edit", "Edit", new { id=item.ID }) | @Html.ActionLink("Details", "Details", new { id=item.ID }) | @Html.ActionLink("Delete", "Delete", new { id=item.ID }) [/td] [/tr] } [/table] [/div] When you navigate to /Home/Index, the view ouput is cached for 10 seconds. If you refresh the view, within 10 seconds you will get a cached response. After 10 seconds, the cache expires, code is executed again and the output is cached for another 10 seconds. Caching specific portion of a view using ChildActionOnly attribute: Step 1: Remove OutputCache attribute and the line which calls Thread.Sleep(), from the Index() action method in HomeController. After the changes, the Index() action method should be as shown below. public ActionResult Index() { return View(db.Employees.ToList()); } Step 2: Add GetEmployeeCount() action method to HomeController. Notice that, this method is decorated with OutputCache and ChildActionOnly attributes. // Child actions can be used to implement partial caching, // although not necessary. In this case, even if the ChildActionOnly // attribue is removed, a portion of the view will be cached as expected [ChildActionOnly] [OutputCache(Duration = 10)] public string GetEmployeeCount() { return "Employee Count = " + db.Employees.Count().ToString() + "@ " + DateTime.Now.ToString(); } Step 3: Copy and paste the following code, just below the closing table tag in Index.cshtml view. [br /][br /] [b] @Html.Action("GetEmployeeCount") [/b] Navigate to /Home/Index. Notice that, everytime you refresh the page, the time in the section of the page that displays employee list changes, but not the time, that displays the employee count. This proves that, only a portion of the view, is cached. Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.
Views: 66001 kudvenkat
Mastering CSS 3 Web Development (Video 11 of 19): CSS Font Size
 
04:57
Mastering CSS 3 Web Development (Video 11 of 19): CSS Font Size Presented by Boston's http://HubTechInsider.com
Views: 106 Paul Seibert
Part 38   CheckBoxList in asp net mvc
 
15:57
In this video we will discuss implementing a checkbox list in asp.net mvc. We will be using table "tblCity" for this demo. Using the link below for, Sql script to create table tblCity http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Add ADO.NET data model, to retrieve data from database table tblCity Right click on the "Controllers" folder, and add a "HomeController". Include the following 2 namespaces in "HomeController" using MVCDemo.Models; using System.Text; Copy and paste the following code. [HttpGet] public ActionResult Index() { SampleDBContext db = new SampleDBContext(); return View(db.Cities); } [HttpPost] public string Index(IEnumerable[City] cities) { if (cities.Count(x =] x.IsSelected) == 0) { return "You have not selected any City"; } else { StringBuilder sb = new StringBuilder(); sb.Append("You selected - "); foreach (City city in cities) { if (city.IsSelected) { sb.Append(city.Name + ", "); } } sb.Remove(sb.ToString().LastIndexOf(","), 1); return sb.ToString(); } } Right click on the "Views" folder, and a "Home" folder. Right click on the "Home" folder and "EditorTemplates" folder. Right click on "EditorTemplates" folder - Add - View. In the "Add View" dialog box, set View Name = City View Engine = Razor and click "Add". Copy and paste the following code in "City.cshtml" @model MVCDemo.Models.City @{ ViewBag.Title = "City"; } @Html.HiddenFor(x =] x.ID) @Html.HiddenFor(x =] x.Name) @Html.CheckBoxFor(x =] x.IsSelected) @Html.DisplayFor(x =] x.Name) Please Note: Put the templates in "Shared" folder, if you want the "Templates", to be available for all the views. Right click on the "Index" action method in "HomeController", and select "Add View" from the contex menu. Set View Name = Index View Engine = Razor and click "Add" Copy and paste the following code in "Index.cshtml" @model IEnumerable[MVCDemo.Models.City] @{ ViewBag.Title = "Index"; } [div style="font-family:Arial"] [h2]Index[/h2] @using (Html.BeginForm()) { @Html.EditorForModel() [br /] [input type="submit" value="Submit" /] } [/div] Text version of the video http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-38-checkboxlist-in-aspnet-mvc.html All ASP .NET MVC Text Articles http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-tutorial-for-beginners.html All ASP .NET MVC Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-slides.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 113909 kudvenkat
Changing Font Style Using CSS
 
03:39
This video will show you how to adjust the font style of the text (normal, italic, etc)
Views: 84 Leonardus C
10 HTML5 - CSS3 - Creating Forms
 
27:28
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 226 RG Edu
WebSite Development (#7): Intro to Cascading Style Sheets (CSS)
 
07:43
In this video, a cascading style sheet is used to format text (font family and font size) and background in a web page. Professor Yunker uses an external CSS file to create the styles. He explains the difference between classes and IDs
Views: 436 professoryunker
Curso de css - Aula 5 de css - backgrounds e fontes
 
12:16
Nesta aula de css abordaremos como trabalhar com a propriedade css background. Veremos as propriedades background, background-color, background-image, background-repeat, background-attachment, background-position. Também veremos como estilizar fontes com css. Veremos as propriedades font, font-family, font-size, font-style, font-weight, font-variant. Boa aula de css! Visite meu site : http://www.wmtutoriais.com.br
Views: 3241 Welison Menezes
04 HTML5 - CSS3 Understanding the HTML5 You Wrote
 
25:26
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 157 RG Edu
HTML and CSS Tutorial 26 - Font Style and Weight
 
05:20
Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 892 Caleb Curry
Web Development Tutorial for Beginners (#2) - Basic CSS - How to build a website with HTML & CSS
 
15:48
In Lesson #2, we cover CSS and how it adds style to webpages. How to build webpages with html, css, javascript tutorial for beginners. In this video, we'll cover how to develop websites using just the computer you have already. I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome Learn how to develop your own HTML & CSS websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page. Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features. If you missed lesson #1, here it is: https://www.youtube.com/watch?v=3JluqTojuME Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv -~-~~-~~~-~~-~- Learning Web Development? Watch the FREE COURSE: "Web Development for Absolute Beginners"! https://www.youtube.com/watch?v=gQojMIhELvM -~-~~-~~~-~~-~-
Views: 1145371 LearnCode.academy
05 HTML5 - CSS3 Working with Paragraph sand Text
 
48:59
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 206 RG Edu
CSS in under 10 minutes
 
09:55
Learn more at http://www.codecloud.me
Views: 1430 Mike De'Shazer
Part 59   Layout view in mvc
 
16:36
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/07/part-59-layout-view-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol. What is the advantage of using _Layout.cshtml view? Layout views provide the advantage of maintaining consistent look and feel across all the views in an mvc application. A typical layout view consists of 1. Header 2. Footer 3. Navigation menu 4. View specific content Rather than having all of these sections, in each and every view, we can define them in a layout view and then inherit that look and feel in all the views. With layout views, maintaining the consistent look and feel across all the views becomes much easier, as we have only one layout file to modify, should there be any change. The change will then be immediately reflected across all the views in entire application. Let us now create a layout view with 1. Header 2. Footer 3. Navigation menu and 4. a place to plugin view specific content Step 1: Create an empty asp.net mvc4 application. Step 2: Right click on "Views" folder and add "Shared" folder. Step 3: Right click on "Shared" folder and add "_Layout.cshtml" view. This is our layout view, where we will define the site wide look and feel. The layout file can have any name, and will have .cshtml file extension. Copy and paste the following html [html] [head] [title]@ViewBag.Title[/title] @*All the javascript and css files that are required by the application can be referenced here so that there is no need to reference them in each and every view*@ [/head] [body] [table border="1" style="width:800px; font-family:Arial"] [tr] [td colspan="2" style="text-align:center"] [h3]Website Header[/h3] [/td] [/tr] [tr] [td style="width:200px"] [h3]Menu[/h3] [/td] [td style="width:600px"] @RenderBody() [/td] [/tr] [tr] [td colspan="2" style="text-align:center; font-size:x-small"] [h3]Website Footer[/h3] [/td] [/tr] [/table] [/body] [/html] Points to note: 1. View specific title is retrieved using @ViewBag.Title. 2. View specific content will be plugged-in at the location, where RenderBody() function is called. Step 4: Let us use the following table tblEmployee, and generate a few views that can be used with our layout view. Create table tblEmployee ( Id int identity primary key, FirstName nvarchar(50), LastName nvarchar(50), Salary int ) Insert into tblEmployee values('Tom', 'S', 5000) Insert into tblEmployee values('Mary', 'P', 8000) Insert into tblEmployee values('Ben', 'K', 3000) Step 5: Add ADO.NET entity data model based on the above table. Build the solution, so that Employee model class is compiled. Step 6: Add a HomeController, with the following settings, so that Index, Details, Create, Edit and Delete views are auto-generated. 1. Controller name - HomeController 2. Template - MVC controller with read/write actions and views, using Entity Framework 3. Model class - Employee 4. Data context class - SampleDBContext 5. Views - Razor Step 7: Now, we need to make modifications to Index.cshtml view, to use _Layout.cshtml layout view. Copy and paste the following code just below, @model declaration. Notice that, we are storing title in ViewBag object. The layout view is going to retrieve it from viewbag and use it as the title. The next statement, specifies the layout file to use. @{ ViewBag.Title = "Employee List Page"; Layout = "~/Views/Shared/_Layout.cshtml"; } At this point navigate to Index view and notice that, it uses the layout file that we have defined. Step 8: Make the following modifications to layout view. Replace 1. Website Header with Employee Portal 2. [h3]Website Footer[/h3] with © 2013 Pragim Technologes 3. [h3]Menu[/h3] with @Html.ActionLink("Employee List", "Index") Save changes and navigate to Index view. Now click on "Edit" link. The page crashes. To fix it, delete "Scripts" section that is at the bottom of the Edit view. Refresh the page. Notice that, we don't have error now, but this view is not using the layout view. To fix it, we need to include the following code, as we did on index view. @{ ViewBag.Title = "Employee List Page"; Layout = "~/Views/Shared/_Layout.cshtml"; } In our next video, we will discuss - How to specify layout view setting for all the views at one place.
Views: 124460 kudvenkat
How to upload and download files using asp net and c#   Part 139
 
24:16
Text version of the video http://csharp-video-tutorials.blogspot.com/2013/08/how-to-upload-and-download-files-using.html Slides http://csharp-video-tutorials.blogspot.com/2013/08/part-139-upload-and-download-files.html All ASP .NET Text Articles http://csharp-video-tutorials.blogspot.com/p/free-aspnet-video-tutorial.html All ASP .NET Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-slides.html ASP.NET Playlist https://www.youtube.com/playlist?list=PL4cyC4G0M1RQcB4IYS_zwkyBwMyx5AnDM All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video, we will discuss 1. Uploading files 2. Displaying the list of files that are already uploaded 3. Downloading files When the files are uploaded, they should be uploaded to a folder on the web server. In our case, we will be uploading to "Data" folder. WebForm1.aspx code: [div style="font-family:Arial"] [asp:FileUpload ID="FileUpload1" runat="server" /] [asp:Button ID="Button1" runat="server" Text="Upload" OnClick="Button1_Click" /] [br /] [br /] [asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowCommand="GridView1_RowCommand" BackColor="White" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" CellPadding="4"] [Columns] [asp:TemplateField HeaderText="File" ShowHeader="False"] [ItemTemplate] [asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandArgument='[%# Eval("File") %]' CommandName="Download" Text='[%# Eval("File") %]'] [/asp:LinkButton] [/ItemTemplate] [/asp:TemplateField] [asp:BoundField DataField="Size" HeaderText="Size in Bytes" /] [asp:BoundField DataField="Type" HeaderText="File Type" /] [/Columns] [FooterStyle BackColor="#FFFFCC" ForeColor="#330099" /] [HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" /] [PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" /] [RowStyle BackColor="White" ForeColor="#330099" /] [SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" /] [SortedAscendingCellStyle BackColor="#FEFCEB" /] [SortedAscendingHeaderStyle BackColor="#AF0101" /] [SortedDescendingCellStyle BackColor="#F6F0C0" /] [SortedDescendingHeaderStyle BackColor="#7E0000" /] [/asp:GridView] [/div] WebForm1.aspx.cs code: protected void Button1_Click(object sender, EventArgs e) { if (FileUpload1.HasFile) { string fileName = FileUpload1.FileName; FileUpload1.PostedFile .SaveAs(Server.MapPath("~/Data/") + fileName); } DataTable dt = new DataTable(); dt.Columns.Add("File"); dt.Columns.Add("Size"); dt.Columns.Add("Type"); foreach (string strfile in Directory.GetFiles(Server.MapPath("~/Data"))) { FileInfo fi = new FileInfo(strfile); dt.Rows.Add(fi.Name, fi.Length.ToString(), GetFileTypeByExtension(fi.Extension)); } GridView1.DataSource = dt; GridView1.DataBind(); } private string GetFileTypeByExtension(string fileExtension) { switch (fileExtension.ToLower()) { case ".docx": case ".doc": return "Microsoft Word Document"; case ".xlsx": case ".xls": return "Microsoft Excel Document"; case ".txt": return "Text Document"; case ".jpg": case ".png": return "Image"; default: return "Unknown"; } } protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) { if (e.CommandName == "Download") { Response.Clear(); Response.ContentType = "application/octect-stream"; Response.AppendHeader("content-disposition", "filename=" + e.CommandArgument); Response.TransmitFile(Server.MapPath("~/Data/") + e.CommandArgument); Response.End(); } } Please make sure to include the following using declarations in the code behind file. using System.IO; using System.Data; Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.
Views: 185534 kudvenkat
Part 65   Deleting multiple rows in mvc
 
16:23
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/07/part-65-deleting-multiple-rows-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss deleting multiple rows in an asp.net mvc application. We will be using table tblEmployee for this demo. Please refer to Part 62, if you need SQL script to create and populate this table. We want to provide a checkbox next to every row, to enable users to select multiple rows for deletion. Step 1: Create an empty asp.net mvc 4 application. Step 2: Generate ADO.NET entity data model from database using table tblEmployee. Change the entity name from tblEmployee to Employee. Save changes and build the application. Step 3: Add HomeController with the following settings. a) Controller name = HomeController b) Template = Empty MVC controller Setp 4: Add "Shared" folder under "Views", if it is not already present. Add "EditorTemplates" folder, under "Shared" folder. Right click on "EditorTemplates" folder and "Employee.cshtml" view with the following settings View name = Employee View engine = Razor Create a strongly-typed view = checked Model class = Employee (MVCDemo.Models) Scaffold Template = Empty and finally click "Add" Step 5: Copy and paste the following code in Employee.cshtml view @model MVCDemo.Models.Employee [tr] [td] [input type="checkbox" name="employeeIdsToDelete" id="employeeIdsToDelete" value="@Model.ID" /] [/td] [td] @Model.Name [/td] [td] @Model.Gender [/td] [td] @Model.Email [/td] [/tr] Step 6: Copy and paste the following code in HomeController.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using MVCDemo.Models; namespace MVCTest.Controllers { public class HomeController : Controller { private SampleDBContext db = new SampleDBContext(); public ActionResult Index() { return View(db.Employees.ToList()); } [HttpPost] public ActionResult Delete(IEnumerable[int] employeeIdsToDelete) { db.Employees.Where(x =] employeeIdsToDelete.Contains(x.ID)).ToList().ForEach(db.Employees.DeleteObject); db.SaveChanges(); return RedirectToAction("Index"); } } } Setp 7: Right click on the Index() action and add "Index" view with the following settings. View name = Index View engine = Razor Create a strongly-typed view = checked Model class = Employee (MVCDemo.Models) Scaffold Template = Empty and finally click "Add" Setp 8: Copy and paste the following code in Index.cshtml view @model IEnumerable[MVCDemo.Models.Employee] [div style="font-family:Arial"] [h2]Employee List[/h2] @using (Html.BeginForm("Delete", "Home", FormMethod.Post)) { [table border="1"] [thead] [tr] [th] Select [/th] [th] Name [/th] [th] Gender [/th] [th] Email [/th] [/tr] [/thead] [tbody] @Html.EditorForModel() [/tbody] [/table] [input type="submit" value="Delete selected employees" /] } [/div] In our next video, we will discuss providing a "SELECT ALL" checkbox to select and de-select all rows. Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.
Views: 57406 kudvenkat
دورة CSS : الدرس 12 (خآصية text-decoration)
 
01:18
إشترك على قناتنا ليصلك دائما جديد الدروس : https://www.youtube.com/user/vlogHamid يمكنك مشاهدة دورة HTML كاملة هنا : http://goo.gl/XsyPDi دورة PHP و MySql هنا : http://goo.gl/JNT4Ha دورة CSS هنا :http://goo.gl/puLDPv تصميم قالب مدونة HTML5/CSS3 : http://goo.gl/8oeDxo
Views: 6244 Hamid Oumoumen
Part 9  Generate hyperlinks using actionlink html helper
 
13:07
Text version of the video http://csharp-video-tutorials.blogspot.com/2013/05/part-9-generate-hyperlinks-using.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-9-generate-hyperlinks-using.html All ASP .NET MVC Text Articles http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-tutorial-for-beginners.html All ASP .NET MVC Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-slides.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss, generating hyperlinks using actionlink html helper, for navigation between mvc pages. Please watch Part 8, before proceeding. We want to display all the employees in a bulletted list as shown below. Notice that all the employee names are rendered as hyperlinks. Adding Links between pages using html helpers.png When the hyperlink is clicked, the user will be redirected to employee details page, displaying the full details of the employee as shown below. Generate links using Html.ActionLink html helper.png Copy and paste the following Index() action method in EmployeeController class. This method retrieves the list of employees, which is then passed on to the view for rendering. public ActionResult Index() { EmployeeContext employeeContext = new EmployeeContext(); // Replace square brackets with angular brackets List[Employee] employees = employeeContext.Employees.ToList(); return View(employees); } At the moment, we don't have a view that can display the list of employees. To add the view 1. Right click on the Index() action method 2. Set View name = Index View engine = Razor Select, Create a stronlgy-typed view checkbox Select "Employee" from "Model class" dropdownlist 3. Click Add At the point, "Index.cshtml" view should be generated. Copy and paste the following code in "Index.cshtml". @* Replace square brackets with angular brackets *@ @model IEnumerable[MVCDemo.Models.Employee] @using MVCDemo.Models; [div style="font-family:Arial"] @{ ViewBag.Title = "Employee List"; } [h2]Employee List[/h2] [ul] @foreach (Employee employee in @Model) { [li]@Html.ActionLink(employee.Name, "Details", new { id = employee.EmployeeId })[/li] } [/ul] [/div] Points to Remember: 1. @model is set to IEnumerable[MVCDemo.Models.Employee] 2. We are using Html.ActionLink html helper to generate links Copy and paste the following code in Details.cshtml @Html.ActionLink("Back to List", "Index")
Views: 366737 kudvenkat
Curso de CSS Básico- Avanzado #24- Texto: Propiedad font-family
 
03:14
En este capitulo de CSS veremos la propiedad font-family la cual nos permite cambiar el tipo de fuente que se utilizan en nuestras paginas web. Redes sociales Twitter: http://www.twitter.com/qooplat Google+: http://plus.google.com/111325718337086819442/ Facebook: http://www.facebook.com/qooplat http://www.qooplat.net
Views: 647 Qooplat

Cover letter job references sheet
Cover letter examples simple tenses
Writing resume service
Layout of a cover letter uk example
Diversity officer cover letter