大学生网页设计大作业(web)
web前端作业事例
web前端作业事例
随着互联网的快速发展，Web前端技术已经成为当今IT行业中最热门的领域之一。
作为一名Web前端工程师，需要掌握各种前端技术，包括HTML、CSS、JavaScript等，并且能够熟练地运用这些技术来开发出高效、稳定、可维护的Web应用程序。
以下是一个Web前端作业的事例，旨在考察学生对前端技术的掌握程度和实践能力。
作业题目：设计并实现一个简单的Web应用程序，要求使用HTML、CSS和JavaScript。
作业内容：
1. 设计一个简单的网页布局，包括页头、页尾和内容区域。
页头和页尾可以使用固定的背景图片，内容区域可以使用一种主题色。
2. 在内容区域中添加一个表单，表单中包含姓名、邮箱和留言三个输入框以及提交按钮。
3. 当用户填写完表单并点击提交按钮后，使用JavaScript实现表单数据的验证。
验证内容包括：姓名不能为空，邮箱格式必须正确，留言长度不能超过100个字符。
4. 如果表单数据验证通过，使用Ajax技术将数据发送到服务器端，并在页面上显示一条成功提交的消息。
5. 在页面底部添加一个链接，用于清空表单数据并重新加载页面。
作业要求：
1. 页面布局简洁明了，符合Web标准。
2. 表单验证逻辑清晰，用户体验良好。
3. 使用Ajax技术实现异步提交数据，提高用户体验。
4. 代码结构清晰，易于维护和扩展。
5. 页面加载速度快，性能良好。
web作业简单设计
web作业简单设计
当然，以下是一个简单的web作业设计。
这个项目将涉及到HTML、CSS 和JavaScript的基本使用。
项目：创建一个个人博客网站
目标：
1. 创建一个基本的博客网站，包括主页、文章列表页和文章详情页。
2. 使用HTML和CSS进行页面布局和样式设计。
3. 使用JavaScript实现简单的交互功能，如点击按钮加载更多文章。
步骤：
1. 规划
首先，你需要规划你的网站的结构。
例如，你可以决定在主页上显示最新的5篇文章，然后在文章列表页显示所有的文章，在文章详情页显示文章的详细内容。
2. 创建HTML结构
接下来，你需要使用HTML来创建你的网站的基本结构。
你需要创建三个
主要的HTML文件：（主页），（文章列表页）和（文章详情页）。
3. 设计CSS样式
然后，你可以使用CSS来给你的网站添加样式。
你可以设计颜色、字体、
布局和其他视觉效果。
例如，你可以使主页的背景色为蓝色，文章的标题颜色为白色，文章的段落颜色为灰色。
4. 添加JavaScript交互
最后，你可以使用JavaScript来实现交互功能。
例如，你可以在文章列表
页上添加一个"加载更多"按钮，当用户点击这个按钮时，会加载更多的文章。
这只是一个简单的项目，你可以根据你的兴趣和需求来添加更多的功能和样式。
例如，你可以添加评论功能，或者使用JavaScript库（如jQuery）来
简化你的代码。
web前端设计大作业
web前端设计大作业设计一个大作业需要考虑多个方面，包括项目目标、需求分析、技术选型、设计、实现和测试等。
以下是一个可能的web前端大作业的示例：项目目标：创建一个功能齐全的在线购物网站，包括商品展示、购物车、用户登录等功能。
要求使用HTML、CSS和JavaScript等技术进行前端开发，并与后端进行数据交互。
需求分析：1. 商品展示：在首页展示各种商品，包括图片、名称、价格等信息。
用户可以点击商品图片或名称进入商品详情页查看更多信息。
2. 购物车功能：用户可以将感兴趣的商品加入购物车，并可以修改商品数量或删除商品。
购物车页面应显示商品列表和总价等信息。
3. 用户登录：用户可以在登录页面输入用户名和密码进行登录，登录成功后可以查看个人订单信息或修改个人信息。
4. 数据交互：使用Ajax等技术实现前后端数据交互，提高用户体验和响应速度。
技术选型：1. 前端技术：HTML、CSS、JavaScript、jQuery、Bootstrap等。
2. 后端技术：Node.js、Express.js、MongoDB等。
3. 数据库技术：MongoDB。
4. 接口技术：RESTful API。
设计：1. 页面设计：根据需求分析，设计首页、商品详情页、购物车页、登录页和个人信息页等页面。
使用Sketch或Figma等设计工具进行设计。
2. 交互设计：根据用户需求和行为习惯，设计合理的交互流程和动画效果，提高用户体验。
可以使用原型工具如Axure或Figma进行交互设计。
3. 模块化设计：将前端代码划分为不同的模块，如公共模块、商品模块、购物车模块、用户模块等。
每个模块具有明确的功能和职责，便于开发和维护。
实现：1. 搭建开发环境：安装Node.js、MongoDB等软件，并设置好开发环境。
2. 创建项目：使用脚手架工具如Yeoman或Vue CLI等创建项目，并初始化项目结构。
3. 编写代码：根据设计好的页面和交互流程，使用HTML、CSS、JavaScript等技术编写前端代码，并与后端进行数据交互。
网页设计作业
网页设计与制作大作业学号：********班级：******姓名：*****一、作业1网站规划1.1网站的名称、背景及描述①名称：科比个人站②背景：科比·布莱恩特（Kobe Bryant，1978年8月23日—），美国职业篮球运动员，司职得分后卫。
自1996年起效力于NBA洛杉矶湖人队，是前NBA篮球运动员乔·布莱恩特的儿子。
科比·布莱恩特是NBA第一个高中生后卫，帮助洛杉矶湖人队拿下5次NBA 总冠军，是NBA史上最年轻的30000分先生。
2次成为NBA得分王，2次NBA总决赛MVP，1次NBA年度MVP，连续15次入选NBA全明星赛，2枚奥运会金牌，于2014年11月12日加冕历史第一“打铁王”。
2014年12月15日，科比·布莱恩特生涯总得分超越迈克尔·乔丹，升至历史第三位。
2015年11月30日，科比宣布本赛季结束后正式退役。
2016年1月22日，科比以1,891,614票第4次成为全明星票王，入选2016年NBA全明星赛西部首发阵容。
2016年4月14日，科比NBA生涯告别战——主场对决爵士后，正式退役。
③个人印象：科比是我初中及高中时期的偶像，他的事迹及成功激励我能够努力学习。
1.2网站的目的、特点、意义①目的：希望更多的人能了解科比，让更多的人能够收到他事迹的激励。
②特点：是一个球星的个人网页，较全面的介绍了科比的相关事迹。
③意义：能够让人们充分地了解到科比成功的秘诀，让人们能够吸取经验。
1.3网站的定位、栏目设置及内容规划①定位：对篮球有兴趣和喜欢科比的人②栏目设置：科比的简介及生涯，以及图片③内容规划：科比的简介，个人生活，还有辉煌生涯1.4网站的技术体系文字页面、图片、背景 HTML菜单、栏目 JAVASCRIPT字体 CSS1.5网站的前景分析科比个人站是一个科比迷和篮球爱好者的聚集区，是人们了解科比的一个平台。
1.6总结通过设计这个网页更加了解科比，同时也为更多人能了解科比而开心。
web前端课程设计大作业代码
web前端课程设计大作业代码一、教学目标本课程的教学目标是使学生掌握Web前端的基本知识，包括HTML、CSS和JavaScript，培养学生进行Web前端开发的能力。
知识目标：使学生掌握HTML的基本结构，CSS的布局方法和样式规则，JavaScript的基本语法和函数，了解Web标准和平衡式布局。
技能目标：培养学生能够独立完成简单的Web前端开发任务，包括页面布局、样式设计和交互功能的实现。
情感态度价值观目标：培养学生对Web前端开发的兴趣和热情，提高学生解决实际问题的能力，培养学生的创新意识和团队协作精神。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
1.HTML：介绍HTML的基本结构，包括标题、段落、列表、链接等，使学生了解Web页面的基本组成。
2.CSS：讲解CSS的布局方法和样式规则，包括盒模型、浮动、定位等，使学生能够进行页面布局和样式设计。
3.JavaScript：介绍JavaScript的基本语法和函数，讲解如何使用JavaScript实现页面的交互功能，使学生能够实现简单的动态效果。
三、教学方法本课程采用讲授法、案例分析法和实验法等多种教学方法。
1.讲授法：通过讲解基本概念、语法规则和操作方法，使学生掌握Web前端的基本知识。
2.案例分析法：通过分析实际案例，使学生了解Web前端开发的应用场景，提高学生的实际操作能力。
3.实验法：安排实验课，使学生在实际操作中掌握Web前端开发的技术和方法。
四、教学资源本课程的教学资源包括教材、多媒体资料和实验设备。
1.教材：选用权威、实用的教材，为学生提供系统的学习资料。
2.多媒体资料：制作课件、演示视频等，丰富教学手段，提高学生的学习兴趣。
3.实验设备：提供充足的实验设备，确保学生能够进行实际操作。
五、教学评估本课程的评估方式包括平时表现、作业、考试等。
1.平时表现：评估学生在课堂上的参与程度、提问回答等情况，以了解学生的学习态度和实际操作能力。
web期末设计大作业经典作品
网站开发技术课程设计报告题目：兄弟依旧专业：班级：学号：姓名：老师：成绩：_____________________一、网站设计要求✧站点题目：自定✧具体内容自行设计；✧具体要求：按照Fireworks作效果图—〉切图—〉页面布局的过程进行；须提交完整的Fireworks页面效果图；必须用CSS+DIV页面布局；页面中必须包含JavaScript编程；页面中必须包含Flash动画（须提交Flash源文件.fla）；二、信息等相关素材收集基于设计网站的的要求，其内所包含的图片与文字信息皆来自互联网。
并且其选材比较贴合电影说体现的主题，再加上其内的色彩调用，很会让人为之动容并有一种身临其境的感觉。
三、个人网站的总体规划和步骤1、设计的目的又一年毕业季，又是一个让彼此动容的季节，在向这段充满欢笑、充满浪漫、充满豪情壮志、也充满酸涩与淡淡忧郁的学生时代告别之际。
为此做了个网站以怀念曾经的你和我、曾经一起奋斗的日子、以及那个他或者她。
还有此刻的美丽,以及无限的未来向往。
2、设计布局在网站的右上角有一个音乐播放器，重复播放着BEYONGD的代表作（光辉岁月），在其下面有一个利用JavaScript制作的一个图片轮显效果的界面。
写满了对大学四年的怀念图片。
网站的左上角用flash制作的一个标题，并在其下方有一个用户登录栏，主要是为了方便用户对网页进行操作。
最后一个网站的右下角是主题介绍的大学毕业的微电影链接。
3、网站具体设计过程首先选定本网页制作工具是网页三剑客：Adobe Dreamweaver CS3+Adobe Fireworks CS3+Adobe Flash CS3再次设计核心内容，页面采用CSS+DIV布局，最外层DIV为框架，其内，右上角为一embed标签，在页面中嵌入一音乐文档，接着在其下方用java script编写并用DIV设置其图片表现形式。
且左上角DIV插入一Flash主题动画，然后下方插入一DIV，用来说明用户登录、注册等问题。
大工19秋《Web前端网页制作》大作业及要求
网络教育学院《Web前端网页制作》课程设计题目：学习中心：层次：专业：年级：年春/秋季学号：学生：辅导教师：完成日期：年月日大工19秋《Web前端网页制作》课程设计注意：从以下5个题目中任选其一作答。
题目一：学习资源共享平台总则：利用先关的平台和数据库设计一个资源共享平台。
（具体工具平台及语言可以自己根据自己的习惯选用）要求：（1）建立一个完整的平台文件夹，所有平台内容都要包含在建立的这个文件夹内，平台各类元素文件在总文件夹中以子文件夹形式分类清楚。
（如图片都放在子文件夹image里，html页都放在pages子文件夹内，数据库文件放在DB文件夹内）（2）平台系统用户分为：学生用户、教师用户和管理员用户。
不同的用户拥有不同的权限，各自完成各自的管理功能，不同的用户看到不同的系统功能。
（3）用SQL Server/MySql创建后台数据库，并完善数据库结构和功能。
（4）学生用户的主要功能模块：学生的登录与注册、学生留言、资料上传、下载。
（5）教师的主要功能模块：教师的注册和登录、教师留言、资料上传、下载。
（6）管理员的主要功能模块：管理员管理学生教师的信息、管理员审核资料。
（7）附带一份课程设计功能说明书，也放在总文件夹中。
功能书包含：介绍各模块功能、数据库设计说明、各模块核心程序、总结及体会。
（8）将所制作的相关文件压缩成一个文件，文件名为[姓名奥鹏卡号学习中心]（如戴卫东101410013979浙江台州奥鹏学习中心[1]VIP ）作业提交：大作业上交时文件名写法为：[姓名奥鹏卡号学习中心]（如：戴卫东101410013979浙江台州奥鹏学习中心[1]VIP）以附件形式上交离线作业（附件的大小限制在10M以内），选择已完成的作业（注意命名），点提交即可。
如下图所示。
注意事项：独立完成作业，不准抄袭其他人或者请人代做，如有雷同作业，成绩以零分计！题目二：制作一个VIP登记网站总则：利用Dreamweaver CS3结合ASP制作一个VIP登记网站，建立几个基本的数据库表。
web前端大作业实例
Web前端大作业实例简介Web前端大作业实例是一个设计和开发一个完整的网站项目的任务。
在这个任务中，学生将运用前端技术，如HTML、CSS和JavaScript，创建一个响应式、交互性强的网站。
项目要求1.设计一个符合用户需求和品牌形象的网站。
2.使用HTML创建网站的结构和内容。
3.使用CSS为网站添加样式和布局。
4.使用JavaScript为网站添加交互性和动态功能。
5.网站需要具备响应式设计，能够适应不同设备和屏幕大小。
任务步骤下面将详细介绍每个任务步骤的内容和要求。
1. 需求分析在项目开始之前，需要进行需求分析，确定网站的功能、目标用户、设计风格等。
在这一步骤中，可以与客户进行沟通，了解他们的期望和需求，并据此制定项目计划。
2. 网站结构设计使用HTML来构建网站的基本结构，包括头部、导航栏、内容区域和底部等。
在设计过程中，需要考虑网站的导航便捷性和页面的可访问性。
3. 网站样式设计使用CSS为网站添加样式和布局。
可以选择使用现有的CSS框架或自定义样式表。
在设计样式时，需要考虑网站的整体风格、配色方案和字体等。
4. 网站交互设计使用JavaScript为网站添加交互性和动态功能。
可以使用现有的JavaScript库或框架，也可以自己编写脚本。
在设计交互时，需要考虑用户友好性和页面加载速度。
5. 响应式设计确保网站在不同设备和屏幕大小下能够良好地展示和操作。
可以使用CSS媒体查询和响应式布局来实现。
在设计响应式布局时，需要考虑不同设备的视口尺寸和用户体验。
6. 测试和优化在开发完成后，进行网站的测试和优化。
确保网站的功能正常、页面加载速度快，并且能够兼容不同的浏览器。
可以使用调试工具和性能分析工具来进行测试和优化。
7. 上线和维护将网站部署到服务器上，并进行上线发布。
在网站上线后，需要进行持续的维护和更新，以确保网站的正常运行和安全性。
总结通过完成Web前端大作业实例，学生将全面掌握并应用了HTML、CSS和JavaScript等前端技术。
大学web考试题及答案详解
大学web考试题及答案详解一、选择题（每题2分，共20分）1. HTML5中，用于定义最重要的标题的标签是（）。
A. `<h1>`B. `<h2>`C. `<h3>`D. `<h6>`答案：A2. CSS中，以下哪个属性用于设置文本的对齐方式？（）A. `color`B. `text-align`C. `font-size`D. `background-color`答案：B3. JavaScript中，用于获取页面元素的DOM方法是什么？（）A. `getElementById()`B. `getElementsByClassName()`C. `querySelector()`D. A和C都正确答案：D4. 在HTML中，用于创建一个有序列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<dl>`D. `<table>`答案：B5. 对于一个网页来说，响应式设计的主要优势是什么？（）A. 提高搜索引擎排名B. 提高用户体验C. 减少开发成本D. B和C都是答案：D6. 在JavaScript中，`document.write`方法的作用是什么？（）A. 创建一个新文档B. 将内容写入到HTML文档中C. 读取用户输入D. 打开一个新的浏览器窗口答案：B7. CSS中，`box-sizing`属性的默认值是什么？（）A. `content-box`B. `border-box`C. `padding-box`D. `margin-box`答案：A8. 在HTML5中，`<canvas>`元素用于（）。
A. 嵌入视频B. 嵌入音频C. 绘制图形D. 显示图像答案：C9. JavaScript中的`window.onload`事件何时触发？（）A. 当浏览器开始加载网页B. 当浏览器结束加载网页C. 当用户点击网页D. 当用户关闭网页答案：B10. 在HTML中，`<meta>`标签通常用于指定（）。
大学生网页设计大作业(web)
《网页设计与制作工程实训》
大作业
选题名称：____千湖______________
设计人：__胡哈蕾________________
班级：___142_______________
学号：__8000114088________________
南昌大学软件学院
2014.9
设计说明书:
选题的分析
千湖是陕西省著名的湿地公园，制作具有意义。
如何运用网络的优点进行更好的表达
运用网络可以得到各种资源、信息。
网页的结构与分解
网页分为首页，公园简介，新闻动态，图片墙，详细地址，图片展示，联系我们，公园快讯。
网页所采用的技术
dreamweaver
网页设计日志
开始的时候网页制作并不是很整齐，后面自己学习，掌握了对齐的一些方法，增强了与他人的沟通。
自身点评
收获了很多。
网页截图
所有不同风格网页页面均截图出来，并做简要说明（如：该页面所采用的技术、页面特色等）。
网页制作与设计大作业
实验报告书
实验名称：网页设计与制作课程大作业
专业班级：
学号：
姓名：
联系电话：
指导老师：
实验时间：
计算机学院
大作业要求：1.选择自己熟悉的主题，制作静态网站(不少于10个页面)，主题明确，各页面逻辑关系清楚。
2.尽量使用各种技术，比如表单，表格，列表等。
所用技术在第一章“包含技术”表格中列出。
3.评分依据主要：1，技术实现；网站功能设计；实现效果。
2文档写作等。
抄袭、直接使用模板者直接判定为不及格。
其他相关要求请关注群通知。
封面如上。
结构如下：
第一章概述：网站主题，内容，
包含的技术
第二章：网站设计
1.网站功能设计
2.网站功能图。
3.网站详细设计：（首页设计，布局设计等。
各页面逻辑关系。
）
第三章：网站实现（实现效果截图，必要的核心代码。
）
第四章：网站设计总结，课程总结。
网站功能图示例。
网页布局图示例。
网页设计与制作(大作业)
《网页设计与制作》
任选一题，使用Dreamweaver、Fireworks、Flash三个软件完成题目的制作。
题目一：制作一个个人网站。
要求：
1.使用表格布局网页。
2.网站中至少设置三个栏目。
三个栏目下相应的二级页面能够返回主页：为所有页面建立正确的超级链接。
3.网站中至少插入一个Flash动画。
4.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。
题目二：制作一个旅游网站。
要求：
1.用框架页制作方法介绍一个国家的旅游胜地，不少于5个景区。
2.网页中至少有一个banner广告条。
3.使用行为动作，制作网页弹出广告。
4.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。
题目三：自主命题制作一个网站。
要求：
1.网站中至少设置五个栏目，五个栏目下相应的二级页面能够返回主页：为所有页面建立正确的超级链接。
2.网页中要有必要的图片和文字，在图像上（至少一幅）创建热点链接。
3.网页中至少插入一个Flash动画。
4.有版权声明，网站信箱。
5.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。
提交方式：文件压缩包。
压缩文件命名格式：中心-学号-姓名.rar。
web程序设计大作业
web程序设计课程考试大作业姓名：李德坤学号：0121310870824专业：计算机1301班题目3：结合所学的课程内容，论述web程序设计的相关技术、应用及学习体会1.HTML的主要知识点框架是一种在一个浏览器窗口中显示多个HTML文件的网页制作技术。
框架基本结构框架分为框架集和框架两部分。
定义框架的语法格式如下。
<frameset><frame src="url1"><frame src="url2">......</frameset>标记HTML中用于描述功能的符号称为“标记”。
标记在使用时必须用尖括号“<>”括起来，比如<html>、<head>、<body>等，都是标记。
多数标记必须成对出现，以开头无斜杠的标记开始，以有斜杠的标记结束。
标记还可以嵌套使用。
属性与标记相关的特性称为属性，每个属性总是对应一个属性值，将其称为“属性/值”对。
“属性/值”对出现在开始标记的“>”之前。
在HTML文档中，标题（Heading）很重要。
标题是通过<h1>-<h6>等6对标记进行定义的。
<h1>定义最大的标题，<h6> 定义最小的标题。
font标记用于编辑网页文字的样式，主要是设置文字的字体、字号、颜色等属性。
font标记语法格式如下：<font face="" size="" color=""></font>HTML的一些元素可以定义字体信息，如粗体、斜体等。
不论是在普通文档，还是在网页文字中，合理的使用段落会使文字的显示更加美观，要表达的内容也更加清晰。
在HTML文件中，有专门的段落标记<p>。
粗体标记<b>，被<b>标记对括起的字词或句子在网页中表现为粗体。
网页设计大作业
湖南涉外经济学院《网页设计》期末大作业设计题目：致我们终将逝去的青春学号： 37******院系：文法学院专业班级：汉语言文学1301班指导老师：***日期：2016年7月1日1、页面设计分析我设计的这个网页主要介绍的是我个人在大学生活的一个状态，作为一名大三学生，我想我们每个人都希望做这么一份个人网页，所以借着我们学习的这个机会，给老师同时也是给自己交一份满意的答卷，我相信这一份个人网页会成为我很珍贵的一份纪念。
作为一个网站的首页，其页面应需要简单，明了，给人清晰的感觉。
顶头部分主要放置网页主题、导航菜单和网站的LOGO信息等，其logo可以是一张图片或者文本信息等；页面主体分为两个部分，页面主体左侧是个人网站介绍并配有自己的照片以及自我对个人青春的总结；其中相册、美食、明星、故事、个人、联系等7个页面都设置了二级页面，都是自己青春的积累。
页面主体右侧是个人信息以及闺蜜朋友的简单介绍，这些可通过页面顶部导航进入相应页面介绍，底部设有“友情链接”，链接了“百度”、“湖南涉外经济学院”、“360”等。
2、开发环境及软件Windows10，Macromedia Dreamweaver 6，美图秀秀等3、系统结构功能图、页面结构草图3.1系统结构功能图那些年我们一起疯狂的照片（二级页面）那些年我们一起过的明星（二级页面）致我们终将逝去的青春那些年我们一起吃过的美食（二级页面）（一级页面）那些年我们一起见证的青涩女孩（二级页面）那些年我们一起拥有的青春故事（二级页面）那些年我们一起追的狗血剧（二级页面）联系——表单（二级页面）3.2 页面结构草图整个设计过程中都用的了css+div布局，整体为1400宽，600高，用头部、左侧，内容，底部的制作；如下图所示：图1 css+div设计截图4、页面制作过程；4.1 主要界面（1）主页图2 主页截图给出页面(body)的部分CSS 代码如下：body {margin: 0;padding: 0;background: #1B3266;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #181B20;}h1, h2, h3 {margin: 0;padding: 0;text-transform: uppercase;font-family: 'Oswald', sans-serif;font-weight: normal;color: #2483A6;}h1 {font-size: 2em;}h2 {font-size: 2.4em;}h3 {font-size: 1.6em;}p, ul, ol {margin-top: 0;line-height: 180%;}ul, ol {}a {text-decoration: none;color: #2483A6;}a:hover {text-decoration: underline;} img.border {border: 6px solid #EEE7DF;}img.alignleft {float: left;margin-right: 25px;}img.alignright {float: right;}img.aligncenter {margin: 0px auto;}#wrapper {margin: 0 auto;padding: 0;}（2）子页面或二级页面4. 2 页面顶部的制作；顶部没有采用插入图片做背景，而是选择直接在div中加入纯色背景色，并配置“绿舍园艺”字样。
《Web前端网页制作》大作业及要求
《Web前端网页制作》课 程 设 计
题目：制作一个VIP登记网站
学习中心：
层 次：
专 业：
年 级：年 春/秋 季
学 号：
学 生：
辅导教师：
完成日期：年 月 日
大工20春《Web前端网页制作》课程设计
注意：从以下5个题目中任选其一作答。
题目二：制作一个VIP登记网站
会员登记系统设计及功能说明书
Find_SQL = "insert into tb_supplier(SupplierID,SupplierName,Tel,Address,Remark) values ('" + RecID
+ "','" + txtName.Text + "','" + txtTel.Text + "','" + txtAddress.Text + "','" + txtRemark.Text + "')";
MyDataClass.getsqlcom(Find_SQL);
MessageBox.Show("添加成功！");
InfLoad();
WinstateT();
}
if (Jud == 2)
{
Find_SQL ="update tb_Worker set WorkerName='"+txtName.Text+"',Remark='"+txtRemark.Text+"' where WorkerID='"+txtWorkerID.Text+"'";
《网页设计与制作》期末课程大作业
《网页设计与制作》期末课程大作业
一、内容要求：
利用Dreamweaver、Fireworks两软件完成一个简单网站设计，具体要求如下：
1、网站必须具有统一主题，所有网页具有统一风格，所有素材都围绕主题；（10分）
2、网站由至少5个网页组成，主页统一使用index.htm为文件名，作为网站访问的入口；（15分）
3、网站的主页面中（index.htm）中必须包含logo设计，导航菜单；（10分）
4、网页中必须使用到表格布局；（10分）
5、网页中必须使用到框架结构；（10分）
6、页中必须使用文字、图片，并注意排版和css的设定；（10分）
7、网页中必须使用多种链接形式，链接必须便于操作，主页可以访问所有子页，并且所有子页都能利用链接返回主页；（10分）
8、设计必须利用本地站点，合理管理本地站点文件夹，将素材归类放置在相应文件夹中，所有文件和文件夹的命名必须有意义；（15分）
9、网页中必须使用到自己利用Firework做的图片素材，源文件保存在相应文件夹中。
（10分）
二、上交的资料：
1、fw中的页面设计文件；
2、你按照上面要求制作好的站点整个目录（站点名字为你的名字的全拼）；
3、word文档进行综述；（作品构思，作品结构，作品设计制作的流程简述，作品的独创性所在）
将上述文件放在一个以你名字和学号命名的文件夹中，并打包成为压缩文件：
三、上交时间
4月30日之前将压缩文件拷贝交给班长，班长清点人数，统一上交。
web课程设计大作业
web课程设计大作业一、教学目标本课程的教学目标是让学生掌握Web课程的基本知识和技能，能够独立完成Web页面的设计和制作。
具体包括：1.知识目标：了解Web页面设计的基本原理和方法，掌握HTML、CSS和JavaScript等基本技能。
2.技能目标：能够使用HTML编写基本的Web页面结构，使用CSS进行页面布局和美化，使用JavaScript实现简单的交互效果。
3.情感态度价值观目标：培养学生对Web技术的兴趣和热情，提高学生独立思考和解决问题的能力。
二、教学内容教学内容主要包括HTML、CSS和JavaScript三个部分。
具体安排如下：1.HTML：介绍HTML的基本标签和属性，如标题、段落、图片、链接等，让学生能够编写基本的Web页面结构。
2.CSS：讲解CSS的基本语法和选择器，如字体、颜色、布局等，让学生能够对Web页面进行美化。
3.JavaScript：介绍JavaScript的基本语法和函数，如事件处理、对话框等，让学生能够实现简单的交互效果。
三、教学方法本课程采用讲授法、实践法和讨论法相结合的教学方法。
1.讲授法：用于讲解基本概念和理论知识，帮助学生建立基础知识框架。
2.实践法：让学生通过实际操作，掌握Web页面设计的基本技能。
3.讨论法：鼓励学生提问和发表观点，培养学生的独立思考和解决问题的能力。
四、教学资源教学资源包括教材、多媒体资料和实验设备。
1.教材：选择权威、实用的教材，如《HTML与CSS设计与构建》等。
2.多媒体资料：制作精美的PPT课件，提供实用的案例和视频教程，帮助学生更好地理解和掌握知识。
3.实验设备：提供充足的计算机和网络资源，让学生能够随时进行实践操作。
五、教学评估本课程的评估方式包括平时表现、作业和考试三个部分，以保证评估的客观性和公正性。
1.平时表现：通过观察学生在课堂上的参与程度、提问和回答问题的情况，评估学生的学习态度和理解能力。
2.作业：布置适量的课后作业，让学生巩固课堂所学知识，通过批改作业了解学生的掌握情况。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作工程实训》
大作业
选题名称：____千湖______________
设计人：__胡哈蕾________________
班级：___142_______________
学号：__8000114088________________
南昌大学软件学院
2014.9
设计说明书:
选题的分析
千湖是陕西省著名的湿地公园，制作具有意义。
如何运用网络的优点进行更好的表达
运用网络可以得到各种资源、信息。
网页的结构与分解
网页分为首页，公园简介，新闻动态，图片墙，详细地址，图片展示，联系我们，公园快讯。
网页所采用的技术
dreamweaver
网页设计日志
开始的时候网页制作并不是很整齐，后面自己学习，掌握了对齐的一些方法，增强了与他人的沟通。
自身点评
收获了很多。
网页截图
所有不同风格网页页面均截图出来，并做简要说明（如：该页面所采用的技术、页面特色等）。