Original title: Web front-end development teaching and learning (course syllabus)
one
Teaching objectives
This course is a professional basic course for computer majors, which mainly introduces the prospect of web front-end development and related basic knowledge, the use of Photoshop for page UI design and cutting, HTML tags, web page layout, CSS style, Java, Bootstrap and other contents. Through the study of this course, students can be familiar with the process of web page design and production, understand the history of web page development and its future direction, master common web page design and production knowledge and skills, cultivate students' practical ability, and have the ability to use the knowledge and skills learned to design and produce web front ends.
The sub teaching objectives are as follows.
1. Knowledge objectives
(1) Master the basic operation of Hbuilder X software;
(2) Master the usage of HTML text control tag, and be able to use this tag to define text;
(3) Master the usage of HTML image tags and be able to customize images;
(4) Master basic CSS selectors, and be able to use CSS selectors to define label styles;
(5) Master the relevant properties of the box, and be able to make common box model effects;
(6) Master the skills of floating and positioning layout, and be able to use DIV+CSS for web page layout;
(7) Master the relevant attributes of videos in HTML5, and be able to add video files in HTML5 pages;
(8) Master the usage of Java language, and be able to create dynamic and interactive effects in web pages;
(9) Master the usage of Bootstrap, and be able to make responsive Web front ends.
2. Capability objectives
(1) Have the ability to write a plan for enterprise website construction according to the needs of enterprises;
(2) Have the ability to design and produce Web pages;
(3) Proficiency in website production, management and maintenance;
(4) Be familiar with the W3C specification and understand the compatibility of major browsers.
3. Quality objectives
(1) Strengthen the continuous formation of students' correct world outlook, outlook on life and values, and establish the concept of students' diligence and independent thinking;
(2) Cultivate students' rigorous scientific attitude and improve their ability to use the scientific world outlook and methodology of Marxist philosophy to help analyze and solve practical problems;
(3) Strengthen students' understanding of themselves and improve their adaptability in life and work;
(4) To guide students to establish correct values and professional values, so as to achieve the goal of ideological and political education;
(5) Cultivate and improve students' ability to feel, express and create beauty;
(6) Establish the concept of students' independent learning and lifelong learning.
two
Course content design
1. Teaching project design ideas
Develop course content based on work process, conduct action oriented teaching content design, take students as the main body, and take case (project) training as the means to design a course content system that integrates theoretical learning and skill mastery. The overall teaching design "aims at vocational skills training, takes case (project) task realization as the carrier, and combines theoretical learning with practical operation".
2. Class hour allocation of teaching project
3. Description of teaching project
Teaching project 1:
Teaching objective 2:
Teaching objective 3:
Teaching objective 4:
Teaching objective 5:
three
Course assessment
1. Composition and proportion of total scores
Total score=usual score 20%+experimental score 30%+final exam score 50%
2. Ordinary performance assessment
four
Implementation recommendations
one Teaching materials and teaching reference
Textbook:
Teaching reference:
two Suggestions on teacher allocation
The teacher structure is reasonable. The teacher team should have many years of experience in web front-end teaching and practice, and have the professional qualification certificate of software engineer or similar authority.
three Basic requirements for teaching hardware conditions and environment
The conditions of experimental training places in the school: Web front-end development laboratory, mobile development laboratory, etc., which can meet the teaching needs of this course.
✦
Reference books
✦
Scan code to purchase books
Scan code to purchase books
Author: Zhang Yadong, Zheng Yujuan, Hu Enze
Price: 59 yuan
content validity
HTML, CSS and Java are the foundation of Web application development; Bootstrap is a necessary front-end technology for responsive development. This book takes "adopting new standard technology of web pages, breaking through the traditional knowledge system structure, based on the cultivation of work ability, and being in the real work situation" as the standard, selects a complete website project, takes the work task as the driving force, and integrates knowledge points into the work task. Arrange the content of each task according to basic projects (cases), typical projects and practical projects, so that learners can master front-end development technology step by step from simple to deep. One is to help learners master basic knowledge points through a large number of examples; The second is to disassemble a complete website into multiple tasks and infiltrate them into each chapter, so that learners can consolidate and flexibly use basic knowledge through a project driven approach, and gradually understand the ideas and development process of website construction in this process; Third, a hands-on practice project is set at the end of the chapter, which covers the main knowledge points and relevant skills of this chapter and extends them appropriately, guiding learners to conduct in-depth exploration, and cultivating learners' self-learning ability and application ability.
This book can be used not only as a teaching material for the course of "Web Design and Production" in colleges and universities, but also as a training material for front-end and mobile development, as well as a reference book for web production, website development, web programming, art design and other personnel.
catalog
Slide up to read
Chapter 1 Web front-end development career prospect and necessary cognition
1.1 Web front-end development position status
1.1.1 Occupational status
1.1.2 Career prospects
1.2 Web Overview
1.2.1 Web page overview
1.2.2 Website overview
1.3 Web Standards
1.3.1 Web standard concept
1.3.2 Web standard language
1.3.3 How to create a website to meet Web standards
1.3.4 Advantages of Web standards
Chapter 2 Design of "Shenghe Jingyuan" Website
2.1 Task 1: Establishment of "Shenghe Jingyuan" real estate website demand analysis
2.1.1 Determine website theme
2.1.2 Overall website planning
2.1.3 Collect data and materials
2.2 Task 2: Website homepage UI design
2.2.1 Overall structural design of home page
2.2.2 Design of the header area of the home page
2.2.3 Design of homepage navigation area
2.2.4 Design of homepage publicity area
2.2.5 Design of the main content area of the home page
2.2.6 Design of the footer area of the home page
2.3 Practice after class
Chapter 3 Making "Shenghe Jingyuan" Website
3.1 Task 1: Cutting and exporting website renderings
3.2 Task 2: Create "Shenghe Jingyuan" website
3.3 Task 3: Make the website page of "Shenghe Jingyuan"
3.3.1 Basic structure of web document
3.3.2 Structure label and content label of webpage
3.3.3 Presentation style of web documents
3.3.4 Web page layout
3.3.5 Presentation style of webpage content
3.3.6 Form Label
3.3.7 HTML tags and common styles of tables
3.3.8 Overall layout of web pages
3.3.9 Create the header area of the home page
3.3.10 Create homepage navigation area
3.3.11 Production of homepage publicity
3.3.12 Create the main content area of the home page
3.3.13 Making the footer of the first page
3.4 Practice after class
Chapter 4 Making "Shenghe Jingyuan" Website Interaction Behavior
4.1 Project realization
4.2 Practice after class
Chapter 5 Creating a Responsive "Shenghe Jingyuan" Website
5.1 Flexible layout - Flex layout
5.2 Media query
5.3Bootstrap
5.4 Extension
5.4 Using Bootstrap to create a responsive "Shenghe Jingyuan" website
5.5 Practice after class
Reply in the background of the public account book circle【 nine trillion and seven hundred and eighty-seven billion three hundred and two million five hundred and ninety-eight thousand nine hundred and fifty-four 】, download the teaching resources for this book Go back to Sohu to see more
Editor in charge:
