《网页设计与制作（静态）》教学大纲
课程名称：网页设计与制作（静态）
课程类型：专业基础课 课程总学时：68
适用专业：计算机与商务专业 开设学期：
一、课程的性质
《网页设计与制作》课程是计算机应用技术、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程。内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。
二、课程的任务和要求
通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。
三、教学中应注意的问题
在教学过程中要注重Dreamweaver、Firework或Photoshop和Flash软件的主要功能，其中Dreamweaver主要是完成网页设计和网站管理；Firework或Photoshop主要进行图像的设计与编辑；Flash主要开发适应网络传输的流媒体电脑规划。并且要培养学生综合使用这些软件的能力，注重学生动手能力的培养和上机试验。教学过程中应该以Dreamweaver为主。在讲授理论的同时加入具体的设计项目实验，力求达到实战的效果避免空洞的理论学习。
四、学时分配
单元课题 名称 总课时 理论 实训
第一单元 初识网站和网页
课题一 熟悉网站的管理与制作软件并编写简易的 6 4 2 单元课题 名称 总课时 理论 实训
qt6静态编译程序
Qt是一款跨平台的图形用户界面（GUI）开发框架，它为开发者提供了丰富的工具和库，使得软件开发变得更加简单和高效。Qt的最新版本是Qt 6，它引入了许多新的特性和改进，其中静态编译是一个非常重要的方面。
静态编译是一种将所有依赖项打包到可执行文件中的编译方式。这意味着在运行时，不需要依赖外部的动态链接库或共享对象文件。这种编译方式的优势在于，可以使得程序更加独立和可移植。对于Qt 6静态编译程序而言，它不需要用户在运行程序之前安装任何额外的依赖项，使得程序的部署变得更加简单和方便。
静态编译程序的制作过程相对来说比较复杂，但是Qt 6为开发者提供了一些简化的工具和选项。在使用Qt Creator进行开发时，可以通过在项目设置中勾选"Build Static Libraries"选项来启用静态编译。然后，只需进行一些简单的配置和编译操作，就可以得到一个静态编译的可执行文件。
静态编译程序有许多优点。首先，它可以减少程序运行时的依赖性，以及由此可能产生的版本冲突和兼容性问题。其次，静态编译可以提高程序的性能和响应速度，因为所有的代码和依赖项都被打包到一个文件中，减少了文件的加载和链接时间。另外，静态编译还可以提高程序的安全性，因为没有外部的动态链接库，攻击者很难篡改程序的行为。
然而，静态编译也有一些局限性。首先，由于所有的依赖项都被打包到一个文件中，使得可执行文件变得较大，可能会占用更多的存储空间。其次，如果有更新的版本或者修补程序发布，用户需要重新编译整个程序才能应用这些变更。此外，由于静态编译不需要外部的动态链接库，如果程序的某个依赖项发生漏洞或者需要升级，用户需要手动更新所有的相关程序，而不仅仅是单个依赖项。
为了充分利用静态编译的优势，开发者需要仔细考虑程序的架构和依赖关系。首先，需要确保所有的第三方库都支持静态编译，并且没有依赖于其他动态链接库。其次，需要尽量减少不必要的依赖项，只将必要的库打包到可执行文件中。最后，需要进行全面的测试和验证，以确保静态编译的程序在不同的平台和环境下都能正常运行。
实验五：静态网页制作
一、实验目的
1. 掌握静态网页编辑基本方法
2. 熟悉网页编写、网站建立的基本操作
3. 会设置文字、段落的格式及图片的使用
4. 能够使用表格管理网页结构
二、实验原理与要求
HTML是超文本标记语言（Hyper Text Markup Language）的缩写。
HTML文件的开头和结尾由和来标记的。所有HTML文件都可以分为两个部分：标题和正文。每一部分用特定的标记标出：在HTML语言中规定和标记标题部分，用和标记正文部分。
三、实验内容
程序段如下：
New Page 1
color="#0000FF">学院
计算机信息管理专业
计算机网络
计算机硬件
编程语言
邓小平理论
数据库及其应用
lang="EN-US">HTML文件的开头和结尾由<HTML>和</HTML>来标记的。所有HTML文件都可以分为两个部分：标题和正文。每一部分用特定的标记标出：在HTML语言中规定<HEAD>和</HEDAD>标记标题部分，用<BODY>和</BODY>标记正文部分。
四、实验步骤
1． 启动FrontPage 2000，认真观察界面。（如果熟悉其它网页编辑工具请使用其它工具）
1
授 课 教 案
商贸职业技术学院教师授课教案
课程名称 静态网页制作 上课时间 2011年 2月22日1-2节
课 题 课前准备
教学目的 通过本次上机，收集学生对该门课程的看法、意见，并使学生初步了解html代码的输入和保存
教学重点 Html代码的输入和保存
教学难点 Html代码的输入和保存
教学方法 上机
教 学 容 提 纲 2 一、请各位同学畅所欲言，谈谈对《网页制作》这门课程的看法和想法（专业联系、意义、自身兴趣、是否有过网页制作的学习经历或基础、期望的授课容、方式或课程要求）保存在word文档中并提交
二、预习课本1.1节中html语言的【相关知识】，并自行练习制作【实例1】
教 学 后 记
1、 学生对这门课程的学习兴趣很浓，每位同学都谈了自己的基础情况及课程意见
2、 基本能对照课本完成实例1的操作，对html的输入、保存有了初步的印象
商贸职业技术学院教师授课教案
课程名称 静态网页制作 上课时间 2011年 2月24日3-4节
课 题 第一章 网页设计基础 §1.1§1.2§1.3
教学目的 通过本次课的教学，使学生对与网页制作相关的Internet知识、网页术语、设计方式有较为清晰的认识，为以后的学习打下良好的基础
教学重点 Internet协议
网页设计相关术语
教学难点 让学生将技术较强的网络术语与现实的应用联系，理解它 3 们对的重要性
教学方法 讲授
教 学 容 提 纲
§1 Internet概述
一、Internet的用途
二、Internet的协议
三、Internet的地址
§2网页设计相关术语 网页、、主页、HTTP、HTML、URL
§3网页设计的工具
