精华内容
下载资源
问答
  • 公司用户注册 用 户: 密 码: 确 认: ...

        


            
            

    公司用户注册


            
    <!DOCTYPE>
    <html>
    <head>
    	<meta charset="utf-8">
    	<title>用户注册</title>
    	<link rel="stylesheet" href="reg.css">
    
    </head>
    <body>
    
    	<div id="container">
    		<!--页面标题-->
    		<h1>公司用户注册</h1>
    		<hr />
    		<!--表单-->
    		<form method="post" action="URL" autocomplete="on">
    			<label>用 户:
    				<input type="text" placeholder="请输入用户名" name="username" required/>
    			</label>
    			<br />
    			<label>密	码:	 
    				<input type="password" placeholder="请输入新密码" name="pwd" required/>
    			</label>
    			<br />
    			<label>确	认:
    				<input type="password" placeholder=&
    展开全文
  • web前端技术实验报告实验二》由会员分享,可在线阅读,更多相关《web前端技术实验报告实验二(7页珍藏版)》请在装配图网上搜索。1、Web前端技术实验报告课程名称:Web 前端技术实验名称: css+div网页设计系别班级...

    《web前端技术实验报告实验二》由会员分享,可在线阅读,更多相关《web前端技术实验报告实验二(7页珍藏版)》请在装配图网上搜索。

    1、Web前端技术实验报告课程名称:Web 前端技术实验名称: css+div网页设计系别班级:计科系1306 班学生姓名:宋馨芳学生学号:2013100603指导老师:杨晓敏一、实验目的1 、掌握 CSS基本概念、 CSS类型及四种 CSS样式定义的方法2 、理解 DIV 的概念3 、掌握 DIV 的属性设置方法4 、学会使用 DIV+CSS进行网页布局设计二、内容及要求1、定义四种样式表,并学会引用2、自定义外部样式表,并能在web页面中导入或链入外部样式表。3、使用 DIV+CSS进行简单的网页布局4、区别 CSS选择符类型,并能灵活运用各种选择符样式定义三、实验原理使用了 css+div四。

    2、、实验步骤1、确立自己的网页主题选择了韩国 FTISLAND组合队长李弘基作为本次网页设计的主题。2 、收集资料及设置重点李弘基的资料从格式上分为两类:图片、文本,从内容上大致分为:基本信息、演艺经历、获奖记录、人物评价等。3、网页基本设计a、分设一个基础网页,开始界面。开始界面可以链接到其他界面。b、设计开始页为整图如下:图一:开始界面c、点击上方的不同文字链接进入不同的查看页面。如图为专辑介绍页:图二:介绍专辑主页如图为演艺经历介绍页:图三:介绍演艺经历如图为人物评价介绍页:图四:介绍人物评价如图为获奖记录介绍页:图五:介绍页获奖记录五、实验代码主要代码:1. 主页:李弘基资料卡 a:li。

    3、nkcolor:#FFF;a:visitedcolor:#FFF;a:hovercolor:#CCC;a:activecolor:#333;首页|专辑 |获奖记录 |演艺经历 |人物评价 2.layout.css文件bodyfont-family: Verdana;font-size: 100;margin: 0;text-align: justify;pmargin:2px;#Containermargin:0 auto;width:100%;#Headerheight: 350px;margin-bottom: 5px;background-image: url(n.jpg);#PageB。

    4、odyheight: 400px;#leftfloat: left;width: 200px;height: 500px;background:#FFF;#MainBodymargin:o auto;width: 1000px;height: 500px;#rightfloat: right;width: 200px;height: 500px;background:#FFF;#Footerheight: 80px;background-image: url(m.jpg);text-align: center;font-family: Gill Sans, Gill Sans MT, Myri。

    5、ad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif;font-size: 13px;padding-top: 10px;imgfloat:center;spanwidth:100px;margin-top:50px;font-size:20px;font-family:华文新魏 ;cursor:pointer;h3text-align: center;color: #666;font-size: 24px;六、实验总结1 、我学会了利用 CSS+DIV制作简单的网页制作:不同的文字样式设计、定义不同样式、进行外部调用等等。2 、期间遇到了一些问题:模块嵌套不理想等等。发现问题并找到问题进行了改正。

    展开全文
  • Wet前端技术实验报告 课程名称 Web 前端技术 实验名称 css+div 网页设计 系别班级计科系 1306 班 学生姓名 宋馨芳 学生学号 2013100603 指导老师 杨晓敏 一实验目的 1 掌握CSSS本概念CSS类型及四种CSS羊式定义的方法...
  • 长 春 大 学20 15 — 2016学年第 二 学期Web前端开发技术 课程实 验 报 告学 院: 计算机科学技术 专 业: 软件工程 班 级: 软件14402 学 号: 041440211 姓 名: 武嘉琪任课教师: 车 娜实验一 构建HTML页面一、...

    长 春 大 学

    20 15 — 2016学年第 二 学期

    Web前端开发技术 课程

    实 验 报 告

    学 院: 计算机科学技术 专 业: 软件工程 班 级: 软件14402 学 号: 041440211 姓 名: 武嘉琪

    任课教师: 车 娜

    实验一 构建HTML页面

    一、实验目的

    熟悉HTML制作网页的基础知识,并能熟练运用学过的内容制作、设计图文 混排的网页。

    二、内容及要求

    运用学过的代码设计一个图文混排网页,满足如下要求: 1.既有图像又有文字,并且呈左右排列。

    2.文字部分由标题和段落文本组成,它们的字体和字号不同。

    3.在段落文本中,段落前有2字符留白,一些文字以特殊的颜色加以突出显示。

    三、实验原理

    文本:font可以跟color、size、face等属性根据不同的值对文本进行修

    改;

    图片:img标记可以跟border、height、width、align、vspace、hspace

    等属性根据不同的值对滚动字进行设置; 其他相关内容:各级标签、标题设置、背景图等。

    四、实验步骤

    1、确立自己的网页主题

    选择传智博客设计学院作为本次网页设计的主题。

    2、网页基本设计

    (1) 应用h2标记设计标题样式。

    (2) 应用font标记及其face、size、color等属性设计文本字体样式。 (3) 应用p标记设计文本段落格式。

    (4) 应用img标记及其src、alt、align、hspace、height、width 等属性设计图片排版样式。

    五、实验代码及网页效果图

    1.搭建基本结构

    使用

    lhd_59mv87l8787b3ee98nfo_1.html标记插入图像。使用

    标记和

    标记分别设置标题和段 落文本。并对< img />标记应用align属性和hspace属性实现图像居左文 字居右、且图像和文字之间有一定距离的排列效果。

    关键代码如下:

    2

    logo.gif%5C%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E3%80%81%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1%E3%80%81UI%E8%AE%BE%E8%AE%A1%5Calign=%5C<h2传智播客设计学院

    传智播客设计学院 效果如图1-1所示。

    图1-1 效果图

    2.设置文本样式和首行缩进效果

    使用文本样式标记控制标题和段落文本的样式。并通过color、size属性设置颜色和粗细。最后使用首行缩进两个字符实现留白效果。 关键代码如下:

    p

    展开全文
  • 长春大学 20 15 2016学年第 二 学期 Web前端开发技术课程 实验报告 学 院. 计算机科学技术 专 业 软件工程 班 级 软件14402 学 号 041440211 姓 名 武嘉琪 任课教师 车娜 实验一构建HTM顷面 一 实验目的 熟悉HTM制作...
  • web前端开发技术实验报告,实验五 长 春 大 学 0 1 0 6 学年第 二 学期 W b 前端 开发 技术 课程 实 验 验 报 告 学 学 院: 计算机科学技术 专 专 业 软件工程 班 班 级: 软件 1402 学 号 04420 姓 姓 名: 王 悦 任课...
  • 长 春 大 学 20 15 2016 学年第 二 学期 Web 前端开发技术 课程 实 验 报 告 学 院 计算机科学技术 专 业 软件工程 班 级 软件 14402 学 号 0 姓 名 武嘉琪 任课教师 车 娜 实验一 构建 HTML页面 一实验目的 熟悉 ...
  • 东北大学软件学院web前端课程实验代码及报告
  • web前端开发技术实验报告 实验四长 春 大 学20 15 — 2016学年第 二 学期Web前端开发技术 课程实 验 报 告学 院: 计算机科学技术专 业: 软件工程班 级: 软件14402学 号: 041440204姓 名: 梁媛任课教师: 车娜...

    web前端开发技术实验报告 实验四

    长 春 大 学

    20 15 — 2016学年第 二 学期

    Web前端开发技术 课程

    实 验 报 告

    学 院: 计算机科学技术

    专 业: 软件工程

    班 级: 软件14402

    学 号: 041440204

    姓 名: 梁媛

    任课教师: 车娜

    实验四 列表与超链接

    一、实验目的

    1.掌握无序、有序及定义列表的使用,可以制作常见的网页列表模块;

    2.掌握超链接标记的使用,能够使用超链接定义网页元素;

    3.掌握CSS伪类,会使用CSS伪类实现超链接特效;

    二、内容及要求

    运用列表标记、超链接标记以及CSS控制列表与超链接的样式实现网页中常见的新闻列表,其效果如图4-1所示,满足如下要求:

    1.整个新闻列表整体上由上面的新闻标题和下面的新闻内容两部分构成。

    2.新闻内容部分结构清晰,各条新闻并列存在、不分先后。

    3.其中各条新闻都是可以点击的链接,当鼠标移上时,其样式会发生变化,如图4-2所示。

    4.每个列表项目前添加列表项目图像。

    图4-1 新闻列表效果展示 图4-2 鼠标移上链接文字效果

    三、实验原理

    无序列表:网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间为并列关系,没有顺序级别之分。使用

    为具体的列表项。

    有序列表:有排列顺序的列表,其各个列表项会按照一定的顺序排列,例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。使用

    标记定义,为具体的列表项。

    定义列表:常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。使用

    、和进行定义,其中,标记用于指定术语名词,标记用于对名词进行解释和描述。一对可以对应多对,即可以对一个名词进行多项解释。

    设置背景图像的方式实现列表项目图像的具体步骤:使用“list-style”属性将列表项目符号的默认效果设置为none;通过“background”综合属性给列表项添加背景图像并控制到合适的位置。

    超链接:超链接标记,可以实现网页间的跳转。

    链接伪类:可以实现超链接不同的链接状态,使得超链接在点击前、点击后和鼠标悬停时的样式不同。

    锚点链接:使用“链接文本”创建链接文本。使用相应的id名称标注跳转目标的位置。

    四、实验步骤

    1、结构分析

    2、样式分析

    控制效果图4-1的样式主要分为以下几部分:

    (1)

    (2)

    (3)

    (4)

    (5)

    3、制作页面结构

    根据上面的分析,可以使用相应的HTML标记来搭建网页结构

    4、定义CSS样式

    搭建完页面的结构后,使用CSS对页面的样式进行修饰。

    (1) 定义基础样式

    (2) 定义整体控制新闻列表

    (3) 制作标题部分

    (4) 整体控制列表内容

    (5) 控制列表项

    (6) CSS控制链接文本

    五、实验代码及网页效果图

    (仅列出关键代码及主要效果图即可)

    1.搭建基本结构

    关键代码如下:

    效果如图4-3所示。

    图4-3 结构效果图

    2.定义CSS样式

    关键代码如下:

    效果如图4-4所示,当鼠标移上链接文本,效果如图4-5所示。

    图4-4 添加CSS样式后的网页效果 图4-5 鼠标移上链接文本效果

    六、实验总结

    (此处写实验过程或技术上的总结而不是个人情感心得,如下事例)

    1.学会了如何运用……等。

    2.……

    2

    展开全文
  • 长 春 大 学 20 15 第 二 学期 Web前端开发技术 课程 实 验 报 告 学 院 计算机科学技术 专 业 软件工程 班 级 软件14402 学 号 姓 名 王 悦 任课老师 车 娜 试验五 HTML表单 一试验目标 1.了解表单组成能够快速创建...
  • web网站实验报告

    2015-11-26 20:43:02
    实验目的及要求】 1. 架设web服务器的需求环境; 2. 创建网站的虚拟目录; 3. 创建web网站; 安全管理web网站
  • Web实验报告

    2021-06-06 16:51:16
    Web的实验报告 实验目的: 了解web前端开发的具体过程,进一步的熟悉HTML、Bootstrap、JS。提高动手和实际制作网站的能力。 Web框架解释 本次将网站主要分为了三部分head、body、footer。其中body主要讲述了个人的...
  • web实验报告 实验参考

    2011-07-05 00:32:42
    web实验报告 、有代码 、有运行结果 、安全无毒可放心下载使用
  • web前端开发技术实验报告 实验三.doc (5页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!11.90 积分 长 春 大 学 20 15 — 2016学年第 二 学期 Web前端开发技术 课程...
  • 实验代码+实验报告
  • web前端开发实习报告共3篇 第1篇Web前端开发Web前端开发_Tip 理论篇 WEB标准 WEB标准不是某一个标准而是一系列标准的集合网页主要由三部分组成结构Structure表现Presentation和行为Behavior对应的标准也分三方面结构...
  • 1、长 春 大 学 20 15 2016学年第 二 学期Web前端开发技术 课程实 验 报 告学 院: 计算机科学技术专 业: 软件工程 班 级: 软件14402 学 号: 姓 名: 王 悦 任课教师: 车 娜 实验五 HTML表单一、实验目的1....
  • 大四软件工程专业课程组 asp.net远程教学网站 WEb体系结构课程设计实验报告
  • 说明一下这个是2019年西北农林科技大学的web移动前端开发实验,可能针对性比较强,外校的不要花冤枉的c币。声明一下:我不能保证每年老师实验题目都一样,所以有出入那很抱歉啦。仅供参考,实验要自己动手做哦。
  • 本书根据了web前端开发所需的知识,规划了12次实验,设计了36个实验项目,将CSS技术贯穿所有的实验项目,实现了HTML、CSS、DIV、JavaScript、DOM完全地融会。全书分为上下两篇。上篇为实验(课内实验),包括HTML基础...
  • Web实验报告及代码

    2013-05-12 11:33:05
    使用word编写一个HTML文件,存为2-1.html,... ... ... 编写一个带有表格、图片和文字的页面,并添加背景颜色和背景音乐。 ... 编写一个带有map标记码的页面。...编写一个带有表单的页面,包括文本框、口令框、单选框、下拉菜单组件
  • 掌握Web前端开发的基础知识; 掌握Web前端工程开发的基本流程; 二、实验内容 1、使用VSCode开发工具完成"青木商城"网站个人中心页面和订单支付确认页面的编写,具体页面布局和内容参考大型电商网站; 2、使用git...
  • 安装配置web服务器实现负载均衡实验报告前端nginx,后端两个apache
  • 二、实验要求: 了解transition组件和animate.css动画库的基本使用 编写程序完成以下实验内容并上交实验报告 三、实验内容: (一)实验基础 1、transition组件和animate.css动画库 (1) 通过标签以及该标签与其它...
  • Web实验课程报告

    2019-12-26 09:48:57
    本学期web实验课我做了两方面的内容,一方面是有机农场管理系统的继续完善,另一方面是系统模块功能的展,实现利用Cookie的登录注册功能。 仔细研究了去年的web项目,在有机农场管理系统的基础上更改了原系统的...
  • web前端框架总结

    2016-12-01 14:53:14
    web前端框架总结 jquery:jquery是js的库,封装了大量的方法,解决了js跨浏览器兼容问题,简单优雅的操作dom。用jquery获取的对象是jquery对象,而用js获取的原生对象是dom对象 所以两者的属性和方法不能混用。 ...
  • 年 月 日 实验编号001 Java Web实验报告 计算机科学学院 级 班 实验名称 Java Web开发环境配置 姓名 学号 指导老师 实验成绩 实验一 Java Web开发环境配置 实验目的及要求 掌握Java虚拟机的安装与配置 掌握Tomcat...
  • 一、实验内容 编程实现以下页面(点击右边导航栏时注意导航栏变化) 【注意:请用HTML中的列表+CSS实现】 下拉菜单靠左,侧边导航靠右 二、实验代码及成品 <!DOCTYPE html> <html> <head> &...
  • 一、实验内容 使用下面的方法头编写一个函数,返回一年的天数: function numberOfInAYear(year) 编写一个测试程序,显示从 2000 年到 2020 年每年的天数。 function numberOfInAYear(year) { if (((year % 4) ==...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,667
精华内容 2,266
关键字:

web前端实验报告