چگونه با HTML و CSS وب سایت طراحی کنیم
در این آموزش می آموزید که چگونه با استفاده از HTML و CSS یک وب سایت استاتیک طراحی کنید.
این دوره آموزشی محصول Treehouse می باشد.
سرفصل های دوره آموزشی:
- آشنایی با HTML و پروژه نمونه کارها
- نوشتن یک عنصر HTML
- آموزش Follow Along با Workspaces
- اضافه کردن Style به Page
- نوشتن CSS Selector و Property
- شروع HTML و CSS
- ایجاد محتوا با HTML
- آموزش سفارشی کردن رنگ و فونت
- استایلینگ صفحات وب و Navigation
- اضافه کردن صفحات به یک وب سایت
- طراحی وب سایت Responsive و Testing
- اشکال زدایی HTML و CSS
لیست سرفصل های دوره آموزشی:
Beginning HTML and CSS
In this quick tutorial, we’ll check out an example of the final web project we’re aiming to build. Then, we’ll learn how to code our first HTML element, which will help form the structure of our website. Finally, we’ll finish up by styling our website with some simple CSS. These two languages, HTML and CSS, form the basic building blocks of any web project.
Introduction to HTML and the Portfolio Project 2 objectives
Write an HTML Element 6:14
Follow Along with Workspaces 8:13
Add Style to the Page 3 objectives
Write a CSS Selector and Property 7 questions
Review: Beginning HTML and CSS Hide 6 Steps HTML First HTML First
HTML is a special computer language that describes the structure of a document. With HTML, we can build web pages that contain text, images, and many other types of content. First, we’ll get started with a quick history lesson. Then we’ll dig into the latest advancements in HTML by creating a simple page structure.
Show 7 Steps Creating HTML Content Creating HTML Content
When building websites, it's best to write as much of the HTML structure as possible before moving on to CSS. In practice, you'll move back and forth between HTML and CSS, but building most of the structure first will make it an easier process. First we will start by creating the navigation for our site. Then, we can move on to structuring the image gallery and other page content. Finally, we'll finish by including a CSS file into our HTML page.
Show 9 Steps CSS: Cascading Style Sheets CSS: Cascading Style Sheets
CSS is a language that allows us to make designs that are well organized and beautiful. While HTML describes the structure of information, CSS describes how that information should be visually presented. Before we start coding the CSS for our site, we will spend some time learning about the syntax of CSS.
Show 7 Steps Customizing Colors and Fonts Customizing Colors and Fonts
Colors in CSS require a special coded format called hexadecimal. We will first learn about hexadecimal numbers and then we can use them in our color values. Then, we’ll learn how to find licensed fonts as well as how to include fonts in a webpage.
Show 8 Steps Styling Web Pages and Navigation Styling Web Pages and Navigation
The techniques necessary for styling an image gallery as well as horizontal navigation are actually quite similar. First, we will learn how to style a group of images and convert them into rows and columns for our image gallery. Then, we will use a similar CSS technique to create horizontal navigation from an unordered list.
Show 7 Steps Adding Pages to a Website Adding Pages to a Website
When multiple web pages are linked together, the pages become collectively known as a website. The home page will serve as the template for both our contact page and about page. In both pages, we will learn some new CSS techniques.
Show 7 Steps Responsive Web Design and Testing Responsive Web Design and Testing
Modern websites are built with mobile and desktop users in mind. By building our site with fluid percentages (instead of fixed pixels), we’re off to a good start. However, we can add special CSS rules called media queries to further enhance the experience. After adding responsive design, we will test the site on a few devices.
Show 9 Steps Sharing a Website Sharing a Website
We're finished coding our website and now it's time to deploy it live to the web so that other people can see it. First, we will purchase our domain and hosting. Then, we will use the File Transfer Protocol (FTP) to put our files onto our server.
Show 4 Steps Debugging HTML and CSS Problems Debugging HTML and CSS Problems
When creating websites, problem solving skills are essential. First, we will learn how to access the developer tools to find problems with our code. Then, we will walk through some common HTML and CSS issues and how to fix them quickly.
Show 4 Steps What you'll learn
How to write basic HTML How to style web pages with CSS How to purchase a domain and hosting How to upload files
عنوان دوره: TeamTreeHouse – How to Make a Website حجم فایل: 752MB