精华内容
下载资源
问答
  • 网页设计与制作教程

    2018-04-18 18:01:57
    网页设计与制作教程网页设计与制作教程网页设计与制作教程网页设计与制作教程网页设计与制作教程网页设计与制作教程网页设计与制作教程网页设计与制作教程网页设计与制作教程
  • 机械工业出版社 电子工业出版社 机械工业出版社 网页设计与制作教程HTML+CSS+JavaScript 第2版 机械工业出版社 第9章 使用CSS制作导航菜单 9.1 垂直导航菜单 9.1.1 普通的垂直链接导航菜单 普通的超链接导航菜单的...
  • 网页设计与制作教程.

    2008-12-21 11:32:12
    网页设计与制作教程 网页设计与制作教程 网页设计与制作教程 网页设计与制作教程
  • 网页设计与制作教程》和《网页设计与制作实验指导》勘误表
  • 机械工业出版社 电子工业出版社 机械工业出版社 网页设计与制作教程HTML+CSS+JavaScript 第2版 机械工业出版社 第3章 网页布局与交互 3.1 表格 3.1.1 表格的结构 表格是由行和列组成的二维表而每行又由一个或多个...
  • Dreamweaver CS5 网页设计与制作教程 PPT 课件 操作过程详细、步骤讲解清晰
  • 网页设计与制作教程(第五版) 刘瑞新 张兵义主编 例题实训习题源代码
  • 机械工业出版社 电子工业出版社 机械工业出版社 网页设计与制作教程HTML+CSS+JavaScript 第2版 机械工业出版社 第10章 网页行为语言JavaScript 10.1 JavaScript简介 JavaScript简介 JavaScript是一种基于对象和事件...
  • 网页设计与制作教程 项目1 Hello 大家好,我是白熊就是白熊 欢迎各位有缘人来看我的文章(●’◡’●) 今天跟大家分享一下老师教我们在课堂上敲写的一些项目,今天就先分享一下项目1(适用于初学者),效果可以的话我...

    网页设计与制作教程 项目1

    Hello 大家好,我是白熊就是白熊

    欢迎各位有缘人来看我的文章(●’◡’●)

    今天跟大家分享一下老师教我们在课堂上敲写的一些项目,今天就先分享一下项目1(适用于初学者),效果可以的话我会继续发布剩下的项目,希望各位小白们支持一下,不喜勿喷哦。

    首先看一下项目一的效果图在这里插入图片描述
    接下来看一下具体的代码(我用HBuilder编写的):

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    		<title>电影时间网</title>
    	</head>
    	<body>
    		<div style="width: 960px; margin:0 auto;">
    <!--header begin-->
    			<div style="height: 63px;">
    				<img src="img/logo.jpg" alt="电影时间" align="left"/>
    				<p align="right">电影时间首页&nbsp;&nbsp;|&nbsp;&nbsp;登录&nbsp;&nbsp;|&nbsp;&nbsp;注册&nbsp;&nbsp;|&nbsp;&nbsp;<font color="red">收藏</font></p>
    			</div>
    			<hr color="blue" />
    <!--header end-->
    <!--banner begin-->
     			<div><img src="img/banner.jpg"/></div>
    <!--banner end-->
    <!--newmovie begin-->
     			<div>
     				<h2>最新电影</h2>
     				<hr color="blue"  />
     				<img src="img/img_01.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_02.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_03.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_04.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_05.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_06.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_07.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_08.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     				<img src="img/img_09.jpg" width="92px" height="130px" style="margin: 5px ;"/>
     			</div>
    <!--newmovie end-->
    <!--hotmovie begin-->
    			<div style="height: 358px;">
    				<h2>热门电影介绍</h2>
    				<hr color="#CCC" size="=3"/>
    				<font color="red" size="4">
    					<ins>西游降魔篇</ins>
    				</font>
    				<font color="blue" size="4">
    					<ins>高清视频在线观看&nbsp;爱奇艺</ins>
    				</font>
    				<img src="img/moviebanner.jpg" alt="电影时间" align="right"  />
    				<p align="left">
    					<font>上映时间:2013年2月10日</font>
    					<br />
    					<font>导演:</font><font color="red">周星驰&nbsp;&nbsp;郭子健</font>
    					<br />
    					<font>发行公司:安乐影片</font>
    					<font color="blue">主演:<ins>黄渤</ins>&nbsp;<ins>文章</ins>&nbsp;<ins>舒淇</ins>&nbsp;<ins>周秀娜</ins>&nbsp;<ins>释行宇</ins>&nbsp;<ins>罗志祥</ins>&nbsp;<ins>何文辉</ins>&nbsp;<ins>李尚正</ins></font>
    					<br />
    					<font>片长:110分钟</font>
    					<font color="red">类型:<em>冒险  奇幻  喜剧</em></font>
    					<br />
    					<font>定价:<font color="red">150元</font><font color="darkorchid"><strong>&nbsp;&nbsp;(加我微信免费看Miracle524372)</strong></font></font>
    					<br />
    					<font>简介 :受气的唐僧、暴戾的孙悟空、帅气的猪八戒、妩媚的沙僧,完全颠覆<br />版西游记,周星驰时隔15年自编自导再战西游。 这是个妖魔横行的世界,百<br />姓苦不堪言。年轻的驱魔人玄奘以“舍小我,成大我”的大无畏精神,历尽<br />艰难险阻,依次收复水妖、猪妖以及妖王之王孙悟空为徒,并用“爱”将他<br />们感化......</font>
    				</p>
    			</div>
    			<hr color="blue" />
    <!--hotmovie end-->
    <!--comment begin-->
     			<div>
     				<img src="img/comment.jpg" alt="网友评论" />
     				<hr color="#CCC" size="1" />
     				<div>
     					<img src="img/pic01.jpg" alt="" align="left" hspace="10"/>
     					<div>
     						<p>
     							<font color="#F60">影迷无敌001</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2016-6-12 15:38:37</font>
     						</p>
     						<p>
     							<font size="2">请剧情党们不要太较真电影对魔兽历史的更改,毕竟翻拍的电影,多少会有些出入,我们看的是情怀,哈哈。。。</font>
     							<br />
     							<font color="#F60" size="2">
     								来自:大众点评网友
     							</font>
     						</p>
     					</div>
     					<hr color="#CCC" size="1" />
     				</div>
     				<div>
     					<img src="img/pic02.jpg" alt="" align="left" hspace="10"/>
     					<div>
     						<p>
     							<font color="#F60">时光不老</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2015-3-2 16:06:06</font>
     						</p>
     						<p>
     							<font size="2">个人认为小时代毫无看点,看了不到半小时就要睡着了,我已无力吐槽,建议大家还是去读原著吧!!!</font>
     							<br />
     							<font color="#F60" size="2">
     								来自:星光影院网友
     							</font>
     						</p>
     					</div>
     					<hr color="#CCC" size="1" />
     				</div>
     				<div>
     					<img src="img/pic03.jpg" alt="" align="left" hspace="10"/>
     					<div>
     						<p>
     							<font color="#F60">cocoke</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2016-2-14 10:38:36</font>
     						</p>
     						<p>
     							<font size="2">星爷的每一部电影都很经典,重复地看过很多遍,每次都有更深刻的理解和更深的感悟,同样期待《美人鱼》。</font>
     							<br />
     							<font color="#F60" size="2">
     								来自:美团网网友
     							</font>
     						</p>
     					</div>
     					<hr color="#CCC" />
     				</div>
     			</div>
    <!--comment end-->
    <!--footer begin-->
     			<div>
     				<p align="center">
     					<font color="blue">公司简介&nbsp;&nbsp;|&nbsp;&nbsp;关于我们&nbsp;&nbsp;|&nbsp;&nbsp;联系我们&nbsp;&nbsp;|&nbsp;&nbsp;友情链接&nbsp;&nbsp;|&nbsp;&nbsp;招聘信息&nbsp;&nbsp;|&nbsp;&nbsp;产品答疑</font>
     				</p>
     				<p align="center">
     					<font color="red">免责声明:</font>本网站内容收集于互联网,电影时光网不承担任何由于内容的合法性及健康性所引起的争议和法律责任。
     				</p>
     				<p align="center">欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。</p>
     			</div>
    <!--footer end-->
    		</div>
    	</body>
    </html>
    
    

    然后就是素材了,如下:

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    好啦,具体就这些啦(●’◡’●)

    记住我是白熊哦

    如果其中有不足或者需要改进的地方欢迎个位小伙伴们留言评论哦❤

    展开全文
  • 机械工业出版社 电子工业出版社 机械工业出版社 网页设计与制作教程HTML+CSS+JavaScript 第2版 机械工业出版社 第4章 CSS样式入门 4.1 初识CSS 4.1.1 CSS标准 CSSCascading Style Sheets层叠样式表单简称为样式表是...
  • 网页设计与制作教程 网页设计与制作教程第1章 网页、网站制作基础.ppt
  • 网页设计与制作教程 课件和PPT 网页设计与制作、ASP、Javascrip、VBscrip
  • 机械工业出版社 电子工业出版社 机械工业出版社 网页设计与制作教程HTML+CSS+JavaScript 第2版 机械工业出版社 第8章 使用CSS修饰链接与列表 8.1 制作超链接特效 8.1.1 动态超链接 通过CSS可以设置超链接的各种属性...
  • 网页设计与制作教程与实训》素材《网页设计与制作教程与实训》素材
  • 机械工业出版社 电子工业出版社 机械工业出版社 网页设计与制作教程HTML+CSS+JavaScript 第2版 机械工业出版社 第7章 使用CSS修饰网页元素 7.1 文本控制 7.1.1 设置字体的类别 CSS提供font-family属性来控制文字的...
  • 机械工业出版社 电子工业出版社 机械工业出版社 网页设计与制作教程HTML+CSS+JavaScript 第2版 机械工业出版社 第6章 Div+CSS布局页面 6.1 Div+CSS布局技术简介 6.1.1 Div+CSS布局的优点 采用Div+CSS布局方式的优点...
  • 网页设计与制作教程第2章 网页制作基础语言——HTML.ppt 网页设计与制作教程第2章 网页制作基础语言——HTML.ppt
  • 网页设计与制作教程(第2版),大家自己看着办吧,不多说
  • 网页设计与制作教程第5章 网页制作工具Dreamweaver MX 2004基础.ppt网页设计与制作教程第5章 网页制作工具Dreamweaver MX 2004基础.ppt
  • 网页设计与制作教程第4章 网页特效——JavaScript.ppt网页设计与制作教程第4章 网页特效——JavaScript.ppt
  • 网页设计与制作教程第3章 高效定制网页样式——CSS.ppt网页设计与制作教程第3章 高效定制网页样式——CSS.ppt
  • 网页设计与制作》第二版电子课件第四章CSS样式模板.ppt
  • 本书以Dreamweaver MX为主线,按照建立、完成和上传网页所需的步骤,详细介绍了网页设计中的规则和注意事项,制作静态网页的方法和技巧,制作网页特效的方法,以及制作动态交互式网页的方法。本书还把网页制作中常用...
  • 网页设计与制作教程(HTML+CSS+JavaScript)第2版+电子教案、素材文件、源代码 刘瑞新 张兵义主编 炫金呀!
  • 第四章 模板与库项目的使用 4.1 认识模板与库项目 4.2 使用模板制作页面 4.3 使用库项目制作页面 4.1 认识模板与库项目 网站的主题风格确定好后各个页面在设计与制作时会保持整体的一致性因此设计者可能会考虑到如下...
  • 徐国平-《网页设计与制作教程(第3版)》课件ppt
  • 第一章 网站概述 11 网站与网页的概述 12 认识网页与网站 13 站点的建立 1.1 网站与网页的概述 网络最大的特点是共享资源浏览者登录网站后...标题 网站LOGO 页眉 页脚 1.1 网站与网页的概述 --网页的基本元素 1.1 网站
  • 第三章 CSS的应用 3.1 认识CSS 3.2 美化页面 3.3 应用CSS到网页 3.1认识CSS CSS是Cascading Style Sheets层叠样式表单的简称也把其称作样式表顾名思义它是一种设计网页样式的工具借助CSS的强大功能网页将在设计者的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 545
精华内容 218
关键字:

网页设计与制作教程