Web Design and Production Course Outline | Generated by AI
Course Outline: Web Design and Production (课程代码: 14352 网页设计与网站建设, 含实践)
This course is a core subject in the National Higher Education Self-Study Examination (自学考试) for the Computer Application Technology (专科) program (专业代码: 510201). It focuses on the principles, methods, and practical skills for planning, designing, developing, and maintaining websites. The course emphasizes both theoretical understanding and hands-on application, including HTML/CSS coding, multimedia integration, and website deployment. It is typically 6 credits, with a mix of theory (theory exam) and practice (practical assessment).
The outline is based on the official national syllabus (全国高等教育自学考试课程考试大纲), adapted for provincial implementations (e.g., Gansu, Jiangsu). Specified textbook: 《网页设计与网站建设实例教程》（微课版） by Fang Qigui, Tsinghua University Press, 2021 edition.
Course Objectives
- Knowledge: Understand web technologies, design principles, and website architecture.
- Skills: Master tools for webpage creation (e.g., HTML, CSS, Dreamweaver) and site management.
- Application: Design user-friendly, responsive websites; perform testing, optimization, and maintenance.
- Exam Requirements: Theory exam (multiple-choice, short answer, essays); Practical exam (build a sample site using provided themes/materials).
Main Content Outline
The course is divided into chapters, with suggested study hours (total ~120 hours, including 40-50 for practice). Focus areas are marked (focus for key concepts; mastery for skills).
- Introduction to Web Technologies (基础知识, ~10 hours)
- Definition and evolution of the World Wide Web (WWW) and Internet.
- Web browsers, servers, and protocols (e.g., HTTP/HTTPS).
- Website types (static vs. dynamic, enterprise, e-commerce, personal).
- Focus: Advantages of web design in business and multimedia applications.
- Practice: Basic browser/server setup simulation.
- Website Planning and Design Principles (网站规划与设计, ~15 hours)
- Site analysis: User needs, target audience, content strategy.
- Planning steps: Domain selection/registration, site mapping, navigation design.
- Design aesthetics: Color schemes, layout principles (e.g., grid systems), usability (accessibility, responsiveness).
- Focus: Writing a site proposal (策划书) including goals, structure, and timeline.
- Mastery: Hierarchical design (home, sub-pages); Tools like wireframing software.
- HTML Fundamentals (HTML基础, ~20 hours)
- Structure: Tags, elements, attributes (e.g., <div>, <table>, forms).
- Semantic HTML5: Headers, sections, multimedia embedding (
- Focus: Document Object Model (DOM) basics.
- Practice: Create simple static pages (e.g., homepage with links/images).
- CSS Styling and Layout (CSS样式与布局, ~20 hours)
- Selectors, properties (fonts, colors, positioning).
- Box model, Flexbox/Grid for responsive design.
- External/internal stylesheets; Media queries for mobile adaptation.
- Focus: CSS3 animations/transitions.
- Mastery: Style a multi-page site; Debug common issues (e.g., cross-browser compatibility).
- Multimedia and Interactive Elements (多媒体与交互, ~15 hours)
- Integrating images, audio/video, animations (e.g., via GIF or embedded tools).
- JavaScript basics: Event handling, simple scripts (e.g., form validation).
- Focus: Accessibility standards (e.g., alt text, ARIA roles).
- Practice: Add interactive features like sliders or pop-ups.
- Website Construction and Tools (网站制作工具, ~20 hours)
- WYSIWYG editors: Dreamweaver, FrontPage (legacy), or modern alternatives (e.g., Adobe XD).
- Building full sites: Templates, layers, behaviors.
- E-commerce basics: Integrating forms for payments/queries.
- Focus: Version control and collaboration (e.g., Git basics).
- Mastery: Complete a sample site (e.g., corporate portal) from wireframe to prototype.
- Testing, Deployment, and Maintenance (测试、发布与维护, ~10 hours)
- Testing: Functionality, usability, speed (tools like Google PageSpeed).
- Deployment: FTP upload, domain hosting, SEO basics.
- Maintenance: Updates, security (e.g., SSL), backups.
- Focus: Common issues (e.g., broken links, mobile rendering).
- Practice: Deploy a site to a test server; Simulate updates.
- Advanced Topics and Case Studies (高级主题与案例, ~10 hours)
- Trends: Responsive design, PWA (Progressive Web Apps), SEO/SEM.
- Case analysis: Successful sites (e.g., e-commerce platforms).
- Ethical considerations: Copyright, privacy (GDPR-like).
- Mastery: Analyze and redesign a real-world site.
Assessment Structure
- Theory Exam (70% weight): 150 minutes; Covers chapters 1-2, 7-8 heavily. Question types: Multiple-choice (30%), short answers (40%), essays/cases (30%).
- Practical Exam (30% weight): 120 minutes; Build a themed website (e.g., using provided assets) in a lab setting. Submit files via disk/USB with candidate ID.
- Passing: 60/100 overall; Practice emphasizes error-free code and functional sites.
Study Recommendations
- Self-Study Tips: Use online simulators for HTML/CSS (e.g., CodePen). Practice daily with real projects.
- Resources: Official textbook + free tools (VS Code, Browser DevTools). Review past papers for patterns.
- Challenges: Balance theory with practice; Focus on responsive design as a modern emphasis.
For the full PDF syllabus, check provincial exam sites (e.g., Gansu Education Exam Institute).
References: