web-网页开发实践
文章平均质量分 72
利用html,css,js等技术实现web开发
msmxsd
这个作者很懒,什么都没留下…
展开
-
【Web应用开发】实验十一:基于http的文件服务器
利用Node.js实现要给简单基于http的文件服务器要求: 1、利用http模块构建一个Http Server; 2、服务器对输入的URL进行解析,获取URL中的pathname;3、将pathname和服务当前所在地址构造出一个绝对路径,显示这个路径下的文件与目录;4、可以点击页面的中文件或目录,如果是文件则在页面显示文件内容,如果是目录则显示目录下的内容。提示:文件的内容打开可以使用mime.getType(‘文件名’);文章目录一、实验目的二、实验内容1.代码部分2.运行部分:三、.原创 2022-03-02 15:22:14 · 590 阅读 · 0 评论 -
【Web应用开发】实验十:Bootstrap网页设计
文章目录一、实验目的二、实验内容三、实验效果四、小结一、实验目的• 学会利用Bootstrap中相关组件进行导航栏的设置• 掌握Bootstrap中轮播图的设置方法• 了解掌握Bootstrap中下拉菜单标签页和媒体对象等组件的使用• 掌握Bootstrap中的栅格布局、列偏移和列排序的方法来设置网页样式• 了解掌握Bootstrap中各种排版方式,对网页进行美化排版二、实验内容完成bootstrap和jquery的导入导航栏及其背景颜色设置设置导航栏为固定在上方设置下拉提示原创 2022-03-02 15:13:47 · 2114 阅读 · 0 评论 -
【Web应用开发】实验九:编写网页阅读器
文章目录一、实验目的二、实验内容1.HTML部分设置组件和大体框架2.JS部分选择结点定义函数3.拓展返回功能的实现CSS部分设置网页样式及排版三、效果实现四、小结一、实验目的1.了解JQuery的本质、作用以及它的工作机制;2.熟悉JQuery的使用语法,掌握JQuery中多种类型选择器的使用方法;3.掌握DOM元素和HTML字符串转变成JQuery对象的方法以及JQuery对象的过滤;4.掌握JQuery对象操作的原则,了解文档对象的操作、属性操作和CSS操作;5.掌握JQuery的动画操原创 2022-03-02 14:17:21 · 587 阅读 · 0 评论 -
【Web应用开发】实验五:采用布局,创建个人主页
文章目录一、实验目的二、实验内容步骤流程核心思想具体代码展示三、结论(结果)四、小结一、实验目的1.了解布局的概念,掌握浮动技术、定位技术、display等与布局密切相关的技术、属性;2.了解table+css布局、div+css布局以及HTML5布局;3.熟悉掌握设置浮动实现1-2-1、3(n)列布局的基本方式;4.掌握box-sizing:border-box技巧,实现设置height和width时设置整个盒子的大小,从而忽略内边距和盒子厚度问题;5.掌握固定布局、流动布局和弹性布局的概念原创 2022-03-02 13:10:42 · 302 阅读 · 0 评论 -
【Web应用开发】实验四:盒子模型
文章目录一、实验目的二、实验内容三、结论(结果)四、小结一、实验目的1.了解盒子模型的内部结构,可分为:外边距Margin、边框Border、内边距Padding、内容Content;2.通过使用border-color、border-width、border-style这三种属性对边框的颜色、厚度、线条风格进行修饰;3.了解外边距的叠加、应用方向(上、右、下、左),掌握内、外边距的使用方法4.理解标准流的概念、了解常用的块级元素和行内元素以及两者的差异5.了解浮动的概念和实例,掌握图文绕排、原创 2022-03-02 12:49:42 · 449 阅读 · 0 评论 -
【Web应用开发】实验三:利用CSS设置网页内容样式
实验目的了解CSS的基本含义及其基本用法;掌握CSS样式应用的四种方法:行内样式、内嵌式、链接式、导入式; 了解CSS选择器的概念、分类;掌握基础选择器和复合选择器的使用; 了解CSS 颜色设置的多种方法; 掌握CSS背景颜色和背景图片的设置方法;掌握文字段落设置,如:文字的颜色和缩进、文字行高与文本对齐、词与字母的空白、单词大小写、文本空格处理、字体设置等;掌握CSS中列表样式和表格样式的设置。实验内容利用html构造一个新闻网页,设置标题、来源信息、段落等基本部分。利用CS原创 2022-02-26 21:09:59 · 2340 阅读 · 0 评论 -
【Web应用开发】实验一:模仿范本创建一个个人主页
实验目的本次实验为设计型实验了解HTML相关知识与概念:W3C、HTML、CSS与JS的关系等熟悉HTML文档结构和语法:HTML基本组成、文档标准结构、HTML头部信息掌握HTML文本标记:标题、段落、换行、分割线、字符实体等的使用 掌握HTML图片的相关标签及其基本用法掌握超链接(文字超链接、图片超链接、页面内链接)的一些基本用法 熟悉HTML中表格的用途、标签和一些特殊表格的创建 掌握三种列表(有序列表、无序列表、定义列表)的标签以及基本用法。实验内容1.在网页开头使用锚链接在较原创 2022-02-26 10:23:20 · 2662 阅读 · 0 评论