「web前端设计与开发-实验目的及要求」.pdfVIP

ｗeｂ前端设计与开发实验 实验须知: 1. 本实验课程一共有６个实验，围绕“个人主页”的主题, （1)使用Aｘure 制作网站 的页面原型；（２)使用 HＴML 标签设计页面的结构；（3）使用CＳS 控制页面的 表现;(４）使用JavａScript脚本实现网页的交互效果; （5）并使用ＰhotoＳhop完善 网站的视觉设计(6）最终呈现一个完整的“个人主页”网站。 2. 网站推荐使用“一页式”的“响应式设计”,但这不是必须的。 3. 网站如果采用“一页式”设计,则必须有三屏内容；如果是多网页设计，则必须有三 个页面,包括首页。 实验1：网站页面原型设计 实验目的： 1. 掌握Axurｅ工具的使用； 2. 领会网站设计的思想； 3. 理解页面原型的作用。 实验要求： 1. 网站主题：“个人主页”或“个人求职主页”; 2. 网站推荐使用“一页式”的“响应式设计”，但这不是必须的； 3. 网站如果采用“一页式”设计,则必须有三屏内容；如果是多网页设计,则必须有三 个页面,包括首页在内； 4. 要求设计出网页的基本结构,并有一定的交互效果； 5. 尽可能设计出高保真型原型。 实验2:网站页面HTＭL设计与实现 实验目的: 1. 掌握ＨTML标签的使用; 2. 理解HTＭL标签的语义; 3. 合理使用HTＭL标签结构化页面元素。 实验要求： 1. 要求使用HTML语言将实验一设计的网页原型实现; 2. 要求语义化使用HＴML标签,合理地结构化页面元素及内容; 3. 要求可适当分析页面布局，加入控制布局的标签; 4. 要求设计一个合适的前端框架，即能分类存放不同的文档。 实验３：使用DIＶ+CSS布局并美化网页 实验目的： 1. 掌握CSS基本语法; 2. 掌握D ＩＶ+CSS布局的基本技术; 3. 灵活运用CSS美化页面。 实验要求： 1. 要求使用HTML+CＳS语言将实验一设计的网页原型实现; 2. 要求在实验二的基础上,开始编写CSＳ控制页面布局; 3. 要求尽可能使用CSＳ呈现页面原型中的设计； 4. 要求在CSS代码中能够清晰地看到所定义CSS代码所起的作用。 实验4：使用JavaScript实现页面的动态交互设计 实验目的: 1. 掌握JavaScr ｉpt 的基本使用方法； 2. 掌握JavaScript控件的使用; 3. 理解ＪaｖａSｃｒiｐt脚本在页面中的作用。 实验要求: 1. 要求使用HTML+CSS+ＪavａScｒipt语言将实验一设计的网页原型实现； 2. 要求在实验三的基础上，开始加入 JavaSｃript 脚本实现原型设计中的动态交互部 分； 3. 鼓励自己编写脚本代码，但还可以在互联网上下载相关控件,运用到页面中，实现交 互效果； 4. 要求页面中至少有两处使用JaｖaSｃriｐｔ; 5. 可使用ｊQｕｅry框架支持下的脚本代码。