频地址:
HTML网页设计零基础入门教程(一),两分钟学会设计第一个网页。
文案:
大家好,我是老K。一个码龄超过10年的程序员。从今天起,我会给大家介绍,Web网站开发的最基本语言:HTML。本期视频给大家介绍怎么编写第一个网页。什么是HTML呢?HTML就是超文本标记语言,用来标记通过互联网传输的网页的格式。用HTML标记的网页是静态网页,后缀名一般是.html或.htm。静态网页制作完成以后,其内容不会变化。如果要修改内容,必须修改源文件。
HTML用各种元素组织文档,用一对尖括号标记元素的开始和结束。两个尖括号里面的表示元素的内容。例如:<title>人工智能</title>,表示网页的标题是,人工智能。所有的,web,设计语言都以HTML为基础。编写HTML,很简单。使用windows自带的,记事本,就可以编写。首先,创建一个文本文档。用记事本打开文档,输入HTML代码。我们先来看一下效果,稍后我会详细介绍源文件的内容。保存以后,关闭记事本。重命名文本文件,把后缀名改为html。用浏览器打开网页,就看到效果了。
我们来看源文件。
第一个元素,HTML,是顶级元素。所有的元素都包含在它里面。
第二个元素,head,表示文档的头部信息。
第三个元素,title,是head的子元素,表示网页的标题.
第四个元素,body,是网页的主体部分。
body,元素的内容是一句文本:世界,你好。
好了,这就是本期视频的内容。谢谢观看!再见!
源文件:
<html>
<head>
<title>This is the fisrt page</title>
</head>
<body>
Hello, world!
</body>
</html>
情介绍
二、网站描述
网站介绍
四、网站演示
TML结构代码
如何让学习不再盲目
七、更多干货
题目
HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度
一套优质的网页设计应该包含 (具体可根据个人要求而定)
页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。
所有页面相互超链接,可到三级页面,有5-10个页面组成。
页面样式风格统一布局显示正常,不错乱,使用Div+Css技术。
菜单美观、醒目,二级菜单可正常弹出与跳转。
要有JS特效,如定时切换和手动切换图片轮播。
页面中有多媒体元素,如gif、视频、音乐,表单技术的使用。
页面清爽、美观、大方,不雷同。。
不仅要能够把用户要求的内容呈现出来,还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。
网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。
网站文件方面:网站系统文件种类包含:网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;
网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。
其中:
(1)html文件包含:其中index.html是首页、其他html为二级页面;
第一、带着目标去学习,无论看书报课还是各种线下活动。
首先要明确自己的学习目标是什么,是想解决什么问题,实现怎样的目标。
第二、学习要建立个人知识体系
知识是学不完的,书籍是浩如烟海的。我们尽情徜徉其中的时候,千万不要被海水淹死,没有自我了。在学习过程中,我们会发现每一个知识点都是有她的边界和背景的,我们要善于归纳整理知识
第三、学到了就要用到
有时,我们一天下来感觉学到了很多干货,那么我们一定要将这些知识点和实际工作和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事,但只有会学习的人,才有价值。
与千寻网页设计设计有五个页面组成,带登录表单。网页采用div+css布局设置而成。
如果有需要网页可以增加页面以及添加js轮播图,登录验证等js效果;
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/style.css">
<title>千与千寻</title>
</head>
<body>
<div class="wrapin">
<!--头部-->
<header>
<ul class="nav clearfix">
<li><a href="index.html">首页</a></li>
<li><a href="juqing.html">剧情简介</a></li>
<li><a href="juese.html">角色介绍</a></li>
<li><a href="tupian.html">图片鉴赏</a></li>
<li><a href="denglu.html">用户登录</a></li>
</ul>
</header>
<div class="banner"><img src="images/9.jpg" alt=""></div>
<!--内容-->
<div class="con">
<div class="top clearfix">
<div class="text">
<h2><a href="http://74fan.com/player/868-4-1.html"><i>千与千寻</i></a></h2>
<hr>
<p>《千与千寻》是由吉卜力工作室制作的动画电影,由宫崎骏执导,柊瑠美、入野自由、中村彰男、夏木真理等人担任主要配音。该片主要讲述了千寻意外来到神灵世界后,为了救因惩罚而变成猪的家人,经历许多磨难的故事。2001年7月20日在日本上映。2019年6月21日在中国大陆公映。2022年8月5日起在中国台湾地区重映数字修复版本。</p>
</div>
<div class="pic"> <img src="images/11.jpg" alt=""> </div>
</div>
<div class="tupian">
<div class="title">
<h2>图片鉴赏</h2>
</div>
<ul class="clearfix">
<li><img src="images/17.jpg" alt=""></li>
<li><img src="images/9.jpg" alt=""></li>
<li><img src="images/11.jpg" alt=""></li>
</ul>
</div>
<!--底部-->
<footer>
<p>千与千寻</p>
</footer>
</div>
</div>
<div>
</div>
</body>
</html>
HTML5网页设计成品作业模板
*请认真填写需求信息,我们会在24小时内与您取得联系。