Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

XuetangX

Web Design

Ningbo City College of Vocational Technology via XuetangX

Overview

This course team is composed of three experienced teachers. Firstly, Teacher Chen leads everyone to have a deep understanding of the website development process and overall planning, appreciates excellent cases, reviews the historical evolution of web design styles, and looks forward to their development trends. Teacher Wu explained in detail the audio-visual elements, layout design, and color application of webpage design, and used Ps design to create webpage renderings. Teacher Fang practices teaching the software operation of Dreamweaver, teaches the layout method of DIV+CSS, and introduces the application of relevant functional modules of Js. Through the explanation of business cases, the use of design software is integrated, guiding students not only to learn software operation, but also to understand the perfect integration of design software usage skills and design principles.

This course abandons the traditional teaching mode of "Web Design" to teach how to use software Dreamweaver to design and create web pages. The course is developed using a project carrier design approach, and software teaching is integrated into project production. It emphasizes the importance of website planning, page layout, color design, and other content before web page production, and also strengthens the supplement of new technologies and knowledge on web pages, Fully utilize the resources constructed for flipped learning of online and offline courses.


Syllabus

  • 1.Basic concepts
    • 1.1 The Concept and Development Process of Websites
  • 2.Overall planning of the website
    • 2.1 Positioning the theme and CI image of the website
    • 2.2 Determine the column layout and directory structure of the website
    • 2.3 Determine the style of the website
    • 2.4 Development Trends of Web Style
  • 3.Design and production of webpage renderings
    • 3.1 Elements of web interface composition
    • 3.2 Graphic and Image Design in Web Interface
    • 3.3 Operation demonstration: website logo design and production
    • 3.4 Operation demonstration: website navigation design and production
    • 3.5 Color matching of web interface
    • 3.6 Operation demonstration: Using Ps to color web pages
    • 3.7 Website homepage design
    • 3.8 Operation demonstration: Using Ps to create webpage renderings
  • 4.Dreamweaver software operation
    • 4.1 Dreamweaver Quick Start
    • 4.2 Creating a homepage with Dreamweaver
    • 4.3 Table Layout
  • 5.CSS Style
    • 5.1 CSS Style Rules
    • 5.2 CSS basic selector
    • 5.3 CSS Box Model
    • 5.4 CSS Border Properties
  • 6.DIV+CSS
    • 6.1 DIV tag
    • 6.2 Operation Case: DIV+CSS Layout 1
    • 6.3 Operation Case: DIV+CSS Layout 2
  • 7.Functional module application
    • 7.1 Introduction to JavaScript
    • 7.2 Application of JavaScript
    • 7.3 Operation demonstration: Application of Lightbox
  • 8.Additional
    • 8.1 IFRAME framework

Taught by

Chen Wei

Tags

Reviews

Start your review of Web Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.