学生动漫网页设计模板下载你的名字 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板

Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业

  1. HTML:结构

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript:做与用户的交互行为

文章目录

  • 前端学习路线
  • 网页基本结构
  • 网页演示
    • HTML结构代码
  • 学的反而越迷茫
  • 学习更多


前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面;
(2)css文件:css全部页面样式,文字滚动, 图片放大等;
(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个  
(2)二级页面:从首页点击进入之后的页面叫做二级页面
(3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的
首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.
网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

HTML结构代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>电影 介绍</title><link rel="stylesheet" type="text/css" href="css/index.css" /><link rel="stylesheet" type="text/css" href="css/head.css" /><link rel="stylesheet" type="text/css" href="css/bottom.css" /></head><body><div id="header"><div id="header_con"><p id="logo">电影鉴赏</p><audio id="musicfx" loop="loop" autoplay="autoplay"><source src="./yy.mp3" type="audio/mpeg" id="hhh"></audio><ul><li><a href="index.html">首页</a></li><li><a href="index2.html">你的名字</a></li><li><a href="index3.html">你好世界</a></li><li><a href="index4.html">天气之子</a></li><li><a href="index5.html">帮助反馈</a></li></ul></div></div><div id="content"><div id="content-top"><h3>电影推荐</h3><div class="nr"><div class="img-nr"><img src="img/ndmz.jpg"></div><div class="nr-text"><h4>《 你的名字 》</h4><p>《你的名字》是由新海诚执导,由神木隆之介、上白石萌音担任主要配音的一部原创日本动画电影。作品于2016年8月26日在日本上映。中国内地于2016年12月2日上映。作品讲述了男女高中生在梦中相遇,并寻找彼此的故事。中国大陆于2017年8月26日全网首播。</p><button type="button"><a href="index2.html">GO!</a></button></div></div><div class="nr"><div class="img-nr"><img src="img/nhsj.jpg"></div><div class="nr-text"><h4>《 你好世界 》</h4><p>《你好世界》是由伊藤智彦执导的原创动画电影,北村匠海、松坂桃李、滨边美波、子安武人等人参与配音。影片以2027年的日本京都为舞台,讲述了16岁的高中生直实为了拯救爱人瑠璃而卷入了现实与虚拟交织的记忆世界故事。该片于2019年9月20日在日本上映,2021年6月11日在中国大陆上映。</p><button type="button"><a href="index3.html">GO!</a></button></div></div><div class="nr"><div class="img-nr"><img src="img/tqzj.jpg"></div><div class="nr-text"><h4>《 天气之子 》</h4><p>《天气之子》是由新海诚执导、Comix WaveFilm负责制作的原创动画电影,该片讲述了少年帆高与拥有操控天气超能力的少女阳菜之间的奇幻爱情故事。影片于2019年7月19日在日本上映,中国香港由安乐影片代理,于2019年8月8日上映;中国台湾由车库娱乐代理,于2019年9月12日上映;中国内地由华夏电影引进,于2019年11月1日上映;中国大陆于2020年7月21日全网首播。</p><button type="button"><a href="index4.html">GO!</a></button></div></div></div></div><div id="bottom"><p>xxxxxxx</p><p>xxxxxxxxxxxxxxxxxxxxx</p></div></body>
</html>

学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光
—————————————————


学习更多

关注我 | 点赞博文 | 每天带你涨知识
相关问题可以相互学习,可关注↓公Z号


在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/350674.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

设计网页小框的名字 怎样插入图片

今天晚上上了第一次兴唐杯培训课&#xff0c;他给我完全不一样的感觉。上了今晚的课后 &#xff0c;我第一次明白了前端和后端的概念&#xff08;感觉好高级&#xff09;&#xff0c;还明白了网页运行的逻辑&#xff0c;了解到CSDN这个业内的网站&#xff0c;突然觉得自己算进…

html二级网页命名规范,(网页)设计命名规范

百度找的资料: 网页设计命名规范 一.网站设计及基本框架结新直能分支调二浏页器朋代说,构: 网页设计命名规范 1. Container “container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“. 2. Header “header” 是网站页面…

网页设计命名规范

网页设计命名规范 一.网站设计及基本框架结构: 网页设计命名规范 1. Container “container“ 就是将页面中的所有元素包在一起的部分&#xff0c;这部分还可以命名为: “wrapper“, “wrap“, “page“. 2. Header “header” 是网站页面的头部区域&#xff0c;一般来讲&a…

小白新手用Inkscape软件加自己名字大写设计有趣logo

logo设计 第一步&#xff1a;打上姓名拼音大写第二步&#xff1a;把H顺时针旋转90度第三步&#xff1a;把W和旋转过后的H给组合起来第四步&#xff1a;创建矩形或正方形第五步&#xff1a;通过结点编辑路径第六步&#xff1a;矩形移至旋转后的H的上面的横上对齐第七步&#xff…

如何设计签名 我的名字

导读&#xff1a;如何设计签名 我的名字是李某、张某、刘某、孙某等等&#xff0c;这是我发现很多想要设计签名的人在网上搜索的&#xff0c;但是找到的答案都不是自己的名字&#xff0c;这就让人无奈了。今天我就来给大家讲讲怎么设计自己的艺术签名。欢迎大家学习和参考! 如…

SpringBoot注解详解,建议收藏!

一、简介 基于 SpringBoot 平台开发的项目数不胜数&#xff0c;与常规的基于Spring开发的项目最大的不同之处&#xff0c;SpringBoot 里面提供了大量的注解用于快速开发&#xff0c;而且非常简单&#xff0c;基本可以做到开箱即用! 那 SpringBoot 为开发者提供了多少注解呢?…

鸿蒙手机华为meta 30 第一次链接电脑下载驱动

第一步下载 华为手机助手HiSuite官方下载 | 华为官网 usb连接电脑后要手机要开启 USB调试模式&#xff0c;具体开启方式点击手机设置-》关于手机-》快速点击五次HarmonyOs版本 然后就进入了开发者模式 &#xff0c;点击返回-》系统和更新-》开发人员选项-》开启并开启usb调试 …

海尔计算机显卡驱动,海尔t621显卡驱动(最新更新)海尔t68d显卡驱动

软件大小&#xff1a; 26.5 M 热门等级&#xff1a; 更新时间&#xff1a; 2009-06-19 联 系 人&#xff1a; tools mydrivers.com 下载次数&#xff1a; 4091740 开 发 商&#xff1a; 驱动之家 界面预览&#xff1a; 软件类别&#xff1a; 国产软件 / 系统备份 软件语言&…

华为手机linux驱动下载,华为手机驱动官方版

华为手机驱动官方版是华为智能手机USB的官方最新驱动程序&#xff0c;华为手机usb驱动程序解决手机用USB数据线与计算机连接&#xff0c;却无法读取手机文件的问题。华为手机驱动官方版支持32位和64位的WinXP、Vista、Win7操作系统使用。 相关软件 版本说明 下载地址 Android手…

计算机设备驱动程序的安装与更新,电脑系统驱动如何安装更新?

电脑平时出现问题比较多的一个是系统问题,一个是硬件问题!这两个问题都会跟电脑驱动打交道!如果说驱动出现问题就会引起电脑蓝屏、卡屏、拖尾等现象,就需要重装驱动程序,电脑驱动的安装也不是简单的安装一下就行的,那么如何安装更新驱动呢?很多小白朋友一问三不知,不过…

浪潮服务器系统驱动,浪潮英信服务器驱动(最新更新)浪潮网卡驱动

软件大小&#xff1a; 26.5 M 热门等级&#xff1a; 更新时间&#xff1a; 2009-06-19 联 系 人&#xff1a; tools mydrivers.com 下载次数&#xff1a; 4091740 开 发 商&#xff1a; 驱动之家 界面预览&#xff1a; 查看 软件类别&#xff1a; 国产软件 / 系统备份 软件语言…

原驱动天空_万能驱动助理 v5.29 全系列正式版 [2013元旦贺岁版]

一、软件简介 【万能驱动助理】概述&#xff1a;万能驱动助理&#xff08;可简称为 WanDrv&#xff0c;原&#xff1a;e驱动&#xff09; IT天空出品的一款根据硬件ID&#xff08;HWID&#xff09;来智能识别电脑硬件并且自动安装驱动程序的工具&#xff0c;它拥有简约且友好的…

usb万能驱动win7_win 10 重装 win 7 系统

分享一些自己重装系统的过程及经验。文章解释性文字较多&#xff0c;砍柴不忘磨刀功。 重装系统之前务必备份数据&#xff0c;数据无价。 备份数据&#xff01;&#xff01;&#xff01; 由于 win7 原版镜像没有 usb3.0 驱动&#xff0c;没有 nvme 驱动。这就会造成一些重装系统…

万能驱动助理篡改主页为2345的解决办法

万能驱动助理&#xff0c;因为驱动比较全&#xff0c;都是离线的包&#xff0c;并且足够小&#xff0c;所以很多人用&#xff0c;我也用&#xff0c;上次帮别人装系统之后用万能驱动助理安装驱动&#xff0c;然后发现默认安装了2345浏览器&#xff0c;然后我网上查了一下&#…

2012 r2 万能网卡驱动_MultiBeast | 黑苹果的驱动精灵简单使用解读

MultiBeast (苹果驱动精灵) 是一款第三方黑苹果驱动安装软件。它可以做引导、安装声卡、网卡、显卡、USB等常用驱动。集成系统工具有:重建Cache、修复权限、大量驱动、引导、补丁内核、引导时间配置文件,非常适合用于黑苹果用户安装驱动。 MultiBeast是英文界面,而且相关选项…

计算机win764位相机驱动,万能驱动助理win7 64位

万能驱动助理win7 64位是IT天空出品的一款能智能识别电脑硬件&#xff0c;并自动安装驱动程序的工具。万能驱动助理win7 64位可帮助用户快速、准确的安装合适的电脑驱动&#xff0c;万能驱动助理使用起来十分方便&#xff0c;让用户切身感受在驱动安装方面的无所不能。 相关软件…

php win8 下载64位下载,万能驱动助理(e驱动) Win8.1 64位专版 6.6 官方版

万能驱动助理(原&#xff1a;e驱动)一款根据硬件ID(HWID)来智能识别电脑硬件并且自动安装驱动程序的工具&#xff0c;是集 易用性、准确性、可靠性、高效性 和 广泛性 于一身的硬件驱动智能安装工具&#xff0c;它拥有简约且友好的用户界面&#xff0c;使用起来十分方便。 在Wi…

服务器系统万能驱动,IT天空万能驱动程序

ce安全网出示的IT天空万能驱动由IT苍穹官方网打造出,是一款功能非常强大的电脑驱动管理软件,针对当前主流硬件设备收集和整理得最为全面的驱动集合,支持市面上绝大多数主流硬件,兼容以往多数旧硬件。无论是显卡驱动、声卡驱动、网卡驱动等等全都具备,快速安装最新的适合用…

Kubernetes配置管理

1. ConfigMap简介 Kubernetes ConfigMap是一种用于存储应用程序配置信息的对象。在企业中&#xff0c;我们通常会有许多不同的应用程序&#xff0c;每个应用程序都需要一些配置信息&#xff0c;例如数据库连接字符串、API密钥等等。这些配置信息可能会因为环境的不同而有所不同…

WIN10 系统,笔记本电脑显示 “未检测到摄像头”

笔记本电脑无缘无故不能使用摄像头了&#xff0c;在打开腾讯会议的时候显示 “未检测到摄像头&#xff0c;检测设备是否连接” 打开设备管理器发现没有“照相机"这个选项。 并且在狠心下载360卫士进行系统修复后和驱动检测发现不是驱动的问题之后。摄像头仍然无法使用。 …