网页设计与制作实验报告
文章平均质量分 66
小孙同学1024
分享学习的日常
展开
-
网页设计与制作实验一HTML基础应用
通过本次实验,了解HTML文档结构,熟练掌握HTML基本标记及属性,能够运用HTML制作简单的页面。掌握了常用特殊字符标记、到标记的使用、图像的srcwidthheightborder等属性的应用和文本标记和图像标记的混合应用。原创 2023-06-20 22:27:22 · 3585 阅读 · 0 评论 -
网页设计与制作实验二CSS基础应用
通过本次实验,学会了文本外观样式属:colortext-align和字体样式:font-sizefont-stylefont属性。掌握了css样式的标签选择器、类选择器和id选择器。熟悉了内部样式、行内样式和外部样式表。原创 2023-06-20 22:34:31 · 1866 阅读 · 0 评论 -
网页设计与制作实验三CSS高级应用
通过本次实验,掌握了超链接伪类的定义方法,和无序列表的具体应用复习了背景图像属性的相关知识。能够运用 float 属性实现文本和图像的排列,增加了对CSS的熟悉运用,增强自己的实践操作技能。原创 2023-06-20 22:39:06 · 674 阅读 · 0 评论 -
网页设计与制作实验四CSS盒子模型应用
只有通过实验才会发现对知识的具体掌握程度,通过本次实验,又一次复习了a标签的各种css样式,复习了float的用法,div的嵌套和背景图像的一些重要设置属性。原创 2023-06-20 22:46:03 · 1986 阅读 · 0 评论 -
网页设计与制作实验五表单应用
本次实验复习了CSS 基本样式属性掌握了input和select控件的常用属性学习了fieldset标记的用法使表单变得更加好看,熟悉边框和背景样式在表单中的应用,发现在其他标签中应用的样式在from表单中同样有效。原创 2023-06-20 22:51:20 · 875 阅读 · 0 评论 -
网页设计与制作实验六HTML5基础应用
本次实验学习了html5新标签,熟悉了HTML5页面结构,使用header,footer,nav,section,aside,article标签对页面结构的分化,省去了以往的div结构,关于表单,HTML5新增的input类型可以简单的实现以前需要使用JavaScript才能实现的功能。在HTML5播放视频或者电影不需要其他任何插件,相比之下HTML5方便了很多。版本的更新更大的方便实现了很多功能。原创 2023-06-21 00:07:20 · 1062 阅读 · 0 评论 -
网页设计与制作实验七CSS3 基础应用
本次实验学习了CSS3的样式,掌握了CSS3新增功能和布局样式以及CSS3页面美化。使用了CSS3 盒布局,在不用调节div的统一高度就可以对齐,非常方便。熟练的掌握了CSS3外部字体引入@font-face规则,在此电脑使用的字体再也不会担心应用到其他电脑上会显示不出来。原创 2023-06-21 00:05:35 · 1048 阅读 · 0 评论 -
网页设计与制作实验八Javascript 基础应用
本次实验学习了JavaScript的使用,对对象获取的方法和点击事件,掌握了switch语句,与其他语法中switch语句的用法相同。原创 2023-06-21 00:07:54 · 650 阅读 · 0 评论 -
网页设计与制作实验九Javascript 高级应用
本次实验首先学习了元素的的应用,和与JavaScript一起使用的方法。其次学习了怎么用JavaScript来实现图片的自动轮播和手动轮播的效果,也就是定时器的学习和鼠标的移入、移出、点击事件。在轮播图的实验中也会使用到for循环和if条件选择的应用。原创 2023-06-21 00:08:07 · 370 阅读 · 0 评论 -
网页设计与制作实验十网页综合设计
顾客点击导航栏的网上预订后进入网上预定如图5.1.1所示,本页展示店铺商品,左侧的导航栏定住不动如图5.1.2所示,在鼠标放置中间商品栏中某个商品的图像时,右侧出现本商品的放大图片,移除鼠标则消失如图5.1.3所示,将鼠标放置在左侧导航栏上的某一项时,出现动画效果,如图5.1.4所示,点击确认支付后跳转到,网上付款页面,如图5.1.5所示,在本页面可以选择三种支付方式,直接按所对应的图片切换付款二维码。其中页眉、页脚和导航栏的语法与首页相同,但链接的相对地址不同,因其他页面和首页的存放位置不同。原创 2023-06-21 00:08:16 · 1076 阅读 · 0 评论