پیشنهاد فرادرس

چگونه با HTML و CSS وب سایت طراحی کنیم

دسته بندی ها: آموزش های TreeHouse ، آموزش طراحی وب ، آموزش HTML ، آموزش CSS

چگونه-با-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.

4:17

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

آیا این نوشته را دوست داشتید؟
TeamTreeHouse How to Make a Website

پیشنهاد فرادرس