Web开发及人机交互导论
文章平均质量分 88
Alex_SCY
普通大学生记录计算机学习之路,小白的进阶之路。学习过程仅供参考,欢迎交流。
展开
-
【Web开发及人机交互导论】Bike Sharing网页设计
代码:Github仓库地址一、项目要求Bike Sharing Website DevelopmentBikesharing.com is a new website and mobile companion app that is designed to promote increased use of cycling to and from work. Its main aim is to educate both employees and employers about the heal.原创 2021-05-23 02:21:11 · 983 阅读 · 4 评论 -
【Web开发及人机交互导论】JavaScript
代码:Github仓库地址一、实验目的理解JavaScript脚本放置与运行的方法。掌握JavaScript基本构成和基础语法掌握自定义函数定义与引用二、实验环境HBuilderX三、实验步骤项目一:改变网页字号大小编写HTML5部分编写CSS部分编写JavaScript部分<script type="text/javascript"> function setFont(size) { var obj = document.getElement.原创 2021-05-17 20:31:30 · 707 阅读 · 0 评论 -
【Web开发及人机交互导论】表格
代码:Github仓库地址一、实验目的掌握制作表格的各种标记及其属性语法掌握表格行标记的属性及设置方法掌握表格单元格的各种属性及设置方法学会利用表格进行Web页面表局设计、设计形式多样、风格各异的页面二、实验环境Windows10HBuilderX三、实验步骤项目一:制作成绩登记表根据提供的CSS&HTML5框架,构建8行8列表格的框架合理使用rowspan,colspan属性完成单元格的合并。完成如下框架图。插入指定文字*拓展与提高1.将<tr&g.原创 2021-05-17 20:18:54 · 346 阅读 · 0 评论 -
【Web开发及人机交互导论】表单
代码:Github仓库地址一、实验目的理解表单的概念,熟练掌握表单创建方法。掌握表单相关属性设置。掌握表单输入、多行输入、列表框等对象属性的设置。学会使用域和域标题来分组表单元素。学会设计用户登录、用户注册、网上调查问卷等类似页面。二、实验环境Windows10HBuilderX三、实验步骤项目1 留言板设计——“中国科学技术协会科技工作者建言”根据排版要求首先编写HTML5文字部分注意:在div2中第一行,倒数第二行添加属性colspan=“2”,设置为一行一格.原创 2021-05-17 20:02:45 · 1195 阅读 · 0 评论 -
【Web开发及人机交互导论】CSS+DIV
代码:Github仓库地址一、实验目的掌握CSS基本概念、CSS类型及4种CSS样式定义的方法。理解DIV的概念。掌握DIV的属性设置方法。学会使用CSS+DIV进行页面布局设计。二、实验环境Windows10HBuilderX三、实验步骤项目一:根据实例确定网页框架,如下设计<body>元素的背景颜色及字体大小设计div1,运用内嵌样式表。设计div2,运用内部样式表。设计div3,运用导入样式表。5.1 编辑新文件:lay.原创 2021-05-17 19:40:40 · 859 阅读 · 0 评论 -
【Web开发及人机交互导论】格式化文件
一、实验目的掌握标题字、段落、物理和逻辑样式等标记的语法。了解列表基本类型,掌握无序列表、有序列表、定义列表的语法并学会使用。掌握文字段落排版的基本规则。能够完成文本型Web网面的设计。二、实验环境HBuilderX三、实验步骤项目1文字与段落格式化建立HTML文档框架。在HTML文档head标记中插入title标记。在body标记中插入标题字标记,并应用属性实现居左、居中、居右对齐。在body标记中插入水平分隔线标记,并应用颜色属性改变水平线颜色。在body标记中插入物理样原创 2021-05-17 19:26:29 · 406 阅读 · 0 评论