web前端设计与开发实验

实验须知:

1.本实验课程一共有6个实验,围绕“个人主页”的主题,(1)使用Axure制作网站

的页面原型;(2)使用HTML标签设计页面的结构;(3)使用CSS控制页面的表现;(4)使用JavaScript脚本实现网页的交互效果;(5)并使用PhotoShop完善网站的视觉设计(6)最终呈现一个完整的“个人主页”网站。

2.网站推荐使用“一页式”的“响应式设计”,但这不是必须的。

3.网站如果采用“一页式”设计,则必须有三屏内容;如果是多网页设计,则必须有

三个页面,包括首页。

实验1:网站页面原型设计

实验目的:

1.掌握Axure工具的使用;

2.领会网站设计的思想;

3.理解页面原型的作用。

实验要求:

1.网站主题:“个人主页”或“个人求职主页”;

2.网站推荐使用“一页式”的“响应式设计”,但这不是必须的;

3.网站如果采用“一页式”设计,则必须有三屏内容;如果是多网页设计,则必须有

三个页面,包括首页在内;

4.要求设计出网页的基本结构,并有一定的交互效果;

5.尽可能设计出高保真型原型。

实验2:网站页面HTML设计与实现

实验目的:

1.掌握HTML标签的使用;

2.理解HTML标签的语义;

3.合理使用HTML标签结构化页面元素。

实验要求:

1.要求使用HTML语言将实验一设计的网页原型实现;

2.要求语义化使用HTML标签,合理地结构化页面元素及内容;

3.要求可适当分析页面布局,加入控制布局的标签;

4.要求设计一个合适的前端框架,即能分类存放不同的文档。

实验3:使用DIV+CSS布局并美化网页

实验目的:

1.掌握CSS基本语法;

HTML网页实训的目的,web前端设计与开发-实验目的及要求 (2)相关推荐

  1. HTML5期末大作业:服装商城网站设计——2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:服装商城网站设计--2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品/期末大作业 常见网页设计作业题材 ...

  2. HTML5期末大作业:服装商城网站设计——2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品_期末大作业

    HTML5期末大作业:服装商城网站设计--2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品/期末大作业 常见网页设计作业题材 ...

  3. HTML5期末大作业:餐饮网站设计——餐饮店铺(1页) web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:餐饮网站设计--餐饮店铺(1页) web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. ...

  4. HTML5期末大作业:甜品奶茶网站设计——大气的甜品奶茶(23页) web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:甜品奶茶网站设计--大气的甜品奶茶(23页) web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶 ...

  5. HTML5期末大作业:生鲜水果蔬菜商城网站设计——天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:生鲜水果蔬菜商城网站设计--天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物 ...

  6. HTML5期末大作业:管理系统后台网站设计——代理商销售管理系统后台(8页) HTML+CSS+JavaScript web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:管理系统后台网站设计--代理商销售管理系统后台(8页) HTML+CSS+JavaScript web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. ...

  7. HTML+CSS+JS 生鲜水果蔬菜商城网站设计——天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品_期末大作业

    HTML5期末大作业:生鲜水果蔬菜商城网站设计--天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物 ...

  8. HTML5期末大作业:土王酒业网站设计——土王酒业(7页) HTML+CSS+JavaScript web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:土王酒业网站设计--土王酒业(7页) HTML+CSS+JavaScript web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅 ...

  9. 《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》-漫步时尚广场代码-6

    Web前端设计与开发-课后任务-漫步时尚广场任务第五章源码 前台模块 shoppingShow_goods.html shoppingShow_goods_byScript.html 后台模块 css ...

  10. 《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》-漫步时尚广场代码-2

    Web前端设计与开发-课后任务-漫步时尚广场任务源码 第二章 任务2-1 任务2-2 top.html left.html shop_search.html foodlist.html main.ht ...

最新文章

  1. 并查集数据结构的几种实现
  2. ios模拟器快捷键操作
  3. pandas保存新增sheet表,且不overwrite原有内容
  4. 基于Android的ELF PLT/GOT符号重定向过程及ELF Hook实现(by 低端码农 2014.10.27)
  5. 关于字符编码,你所需要知道的(ASCII,Unicode,Utf-8,GB2312…)
  6. c语言考试常考试卷,c语言面试最必考的十道试题,求职必看!!!
  7. VC++动态链接库DLL编程深入浅出
  8. 远程登录服务器哪个工具好,远程登录服务器,有什么比较好用的工具?
  9. matplotlib tricks(一)—— 多类别数据的 scatter(cmap)
  10. 如何基于protobuf实现一个极简版的RPC(转载)
  11. ASP.NET MVC 第四个预览版(第一部分)
  12. oracle循环视频教程,Oracle高清视频课程全45集,赶紧收藏吧!
  13. JavaScript — 原生js实现上传图片控件
  14. 计算机电脑哪个是复位键,电脑一键还原按哪个键
  15. linux journalctl日志分析详解
  16. 华为手机序列号前三位_华为Nova2s手机序列号前六位是TPG4C1是什么意思
  17. Altium-Designer6.9安装报错Application Error
  18. chrome最新版总是自动清掉保存的密码
  19. ShaderJoy —— “圆点消散” 的实现 【GLSL】
  20. KT148A语音芯片SOP8封装直驱扬声器内置420秒语音空间,一线控制,可重复烧录。用户可以自己更换声音

热门文章

  1. PID控制算法的c语言实现 附录2 直流电机PWM调速系统中控制电压非线性研究
  2. ArcGIS代码进行重分类
  3. Neo4j下载(linux系统)
  4. matlab uicontrol 居中,MATLAB有关uicontrol的问题~
  5. VirtualBox安装Windows XP
  6. 八大排序算法(5)——快速排序
  7. 操作系统安全与系统攻击
  8. 马蜂窝张矗:绩效考核是为了激发工作潜力,而不是逃避问题
  9. 常用数据手册(Datasheet)下载网站
  10. 由有向图的邻接矩阵生成其可达矩阵