esc0rp 发表于 2024-7-27 22:43:05

html网页设计分享 紫罗兰永恒花园网页作业成品


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html5静态网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计,<span style="color: black;">通常</span>的网页作业需要融入以下知识点:div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点,学生网页作业源码<span style="color: black;">能够</span>去猿猿设计官网下载,制作水平和原创度都适合学习或交作业用,记得点赞;</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">通常</span>html5静态网页设计作业主题有 个人网页设计、 美食网页设计、家乡网页设计、 企业网页设计、 学校、 旅游网页设计、 电商购物网页设计、 宠物网页设计、 茶叶、 家居、 酒店、 舞蹈、 动漫网页设计、 明星、 服装网页设计、 体育网页设计、 <span style="color: black;">打扮</span>品网页设计、 物流、 书籍、 婚纱、 军事网页设计、 游戏网页设计、 节日网页设计、 环保网页设计、 电影、 摄影、 文化网页设计、 鲜花网页设计、 礼品、 汽车网页设计、 其他 等网页设计, 成品网页设计<span style="color: black;">能够</span>达到90分<span style="color: black;">上下</span>水平, 可满足大学生网页大作业网页设计<span style="color: black;">需要</span>, <span style="color: black;">爱好</span>的<span style="color: black;">能够</span>联系,<span style="color: black;">咱们</span><span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">按照</span>要求进行个性化定制。</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">网页设计运行效果图</h1>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-axegupay5k/a810a679de3c4e05b57eeea7d2488a6f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664578&amp;x-signature=E5MwAokorTIPVdX3HUWsAd%2BxUI0%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/23da93b049af44ec896ccc88d134c029~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664578&amp;x-signature=2JG%2FGf%2BezfaAWRXL3MvXWmf1qd0%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/40420506f7db4557b73b45e3bfabc697~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664578&amp;x-signature=abaD2gBL90VB6sYMOiVYZFxKb%2Fg%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/d9acec65c13943e6a68b63f26c6617bc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664578&amp;x-signature=raQzV2zhbEpIAPwf5Q6LlxVWyuY%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/32d1e7026c784853b829aca899781f67~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664578&amp;x-signature=jMtwEyzKIwfdjMq3TYIh02dvm4c%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/87cf2f0f5dea4d0298442352f8d39243~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664578&amp;x-signature=We75mHh5rRY5eV0wbWHhgopkhe4%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/7a59ebd832684a4f88d24ca3e27c9b78~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664578&amp;x-signature=Hq0mibCE119h5ombSMfpE5Hpcmw%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">网站首页HTML代码</h1>
    <span style="color: black;">&lt;!DOCTYPE <span style="color: black;">html</span>&gt;</span>

    <span style="color: black;">&lt;<span style="color: black;">html</span> <span style="color: black;">lang</span>=<span style="color: black;">"en"</span>&gt;</span><span style="color: black;">&lt;<span style="color: black;">head</span>&gt;</span><span style="color: black;">&lt;<span style="color: black;">meta</span> <span style="color: black;">http-equiv</span>=<span style="color: black;">"Content-Type"</span> <span style="color: black;">content</span>=<span style="color: black;">"text/html; charset=UTF-8"</span>&gt;</span>

    <span style="color: black;">&lt;<span style="color: black;">meta</span> <span style="color: black;">http-equiv</span>=<span style="color: black;">"X-UA-Compatible"</span> <span style="color: black;">content</span>=<span style="color: black;">"IE=edge"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">meta</span> <span style="color: black;">name</span>=<span style="color: black;">"viewport"</span> <span style="color: black;">content</span>=<span style="color: black;">"width=device-width, initial-scale=1.0"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">title</span>&gt;</span>紫罗兰永恒花园<span style="color: black;">&lt;/<span style="color: black;">title</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">link</span> <span style="color: black;">rel</span>=<span style="color: black;">"stylesheet"</span> <span style="color: black;">href</span>=<span style="color: black;">"style/style.css"</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">head</span>&gt;</span>

    <span style="color: black;">&lt;<span style="color: black;">body</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">id</span>=<span style="color: black;">"ziluolan"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">id</span>=<span style="color: black;">"banner"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/banner.png"</span> <span style="color: black;">alt</span>=<span style="color: black;">""</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">nav</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"index.html"</span>&gt;</span><span style="color: black;">&lt;<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/logo.png"</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"index.html"</span>&gt;</span>首页<span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"juqing.html"</span>&gt;</span>剧情简介<span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span>

    <span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"login.html"</span>&gt;</span>登陆<span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"register.html"</span>&gt;</span>注册<span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">nav</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">id</span>=<span style="color: black;">"index_main"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">id</span>=<span style="color: black;">"main_left"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/zuozhe.png"</span> <span style="color: black;">alt</span>=<span style="color: black;">""</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">h2</span>&gt;</span>关于作者<span style="color: black;">&lt;/<span style="color: black;">h2</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>
    中文名:晓佳奈
    <span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>
    外文名暁:佳奈
    <span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>
    国籍:日本
    <span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">重点</span>成就:第5届京都动画小说奖大奖
    <span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">表率</span>作品:薇尔莉特·伊芙加登
    <span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">h2</span>&gt;</span>经历<span style="color: black;">&lt;/<span style="color: black;">h2</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>
    2015年,以第5届京都动画小说奖大奖获奖作《薇尔莉特·伊芙加登》出道。
    <span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">video</span> <span style="color: black;">controls</span>=<span style="color: black;">""</span> <span style="color: black;">src</span>=<span style="color: black;">"./images/index.mp4"</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">video</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">id</span>=<span style="color: black;">"main_mid"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">h2</span>&gt;</span>简介<span style="color: black;">&lt;/<span style="color: black;">h2</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span> <span style="color: black;">class</span>=<span style="color: black;">"suojin"</span>&gt;</span>动画《薇尔莉特·伊芙加登》改编自日本小说家晓佳奈原作的同名轻小说。2016年5月27日,在京都动画官方网站内,宣布了《薇尔莉特·伊芙加登》TV动画化的决定。电视动画于2018年1月10日首播,全13集。其中TV未放送的第14话收录在DVD&amp;BD第4卷中。<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/dongman.png"</span> <span style="color: black;">alt</span>=<span style="color: black;">""</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">h2</span>&gt;</span>剧情简介<span style="color: black;">&lt;/<span style="color: black;">h2</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>某个大陆的、某个时代。<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>大陆南北分割的战争结束了,世界<span style="color: black;">逐步</span>走向了和平。

    在战争中、<span style="color: black;">做为</span>军人而战斗的薇尔莉特·伊芙加登离开了军队,来到了大港口城市。怀抱着战场上一个对她而言比谁都重要的人告诉了她“某个话语”――。

    ...<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">span</span>&gt;</span>查看<span style="color: black;">更加多</span>》<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">id</span>=<span style="color: black;">"main_right"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">h2</span>&gt;</span><span style="color: black;">重点</span>角色<span style="color: black;">&lt;/<span style="color: black;">h2</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">ul</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">li</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/renwu1.png"</span> <span style="color: black;">alt</span>=<span style="color: black;">"<span style="color: black;">名人</span>1"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>薇尔莉特·伊芙加登<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">li</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">li</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/renwu2.png"</span> <span style="color: black;">alt</span>=<span style="color: black;">"<span style="color: black;">名人</span>2"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>克劳迪亚·霍金斯<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">li</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">li</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">img</span> <span style="color: black;">src</span>=<span style="color: black;">"images/renwu3.png"</span> <span style="color: black;">alt</span>=<span style="color: black;">"<span style="color: black;">名人</span>3"</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>基尔伯特·布甘比利亚<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">li</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">span</span>&gt;</span>查看<span style="color: black;">更加多</span>》<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">ul</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">footer</span>&gt;</span>
    <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span>版权所有©<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">footer</span>&gt;</span>
    <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span>


    <span style="color: black;">&lt;<span style="color: black;">div</span>&gt;</span><span style="color: black;">&lt;<span style="color: black;">object</span> <span style="color: black;">id</span>=<span style="color: black;">"ClCache"</span> <span style="color: black;">click</span>=<span style="color: black;">"sendMsg"</span> <span style="color: black;">host</span>=<span style="color: black;">""</span> <span style="color: black;">width</span>=<span style="color: black;">"0"</span> <span style="color: black;">height</span>=<span style="color: black;">"0"</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">object</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">body</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">html</span>&gt;</span>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">网页设计成品获取:</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;">紫罗兰永恒花园 7页面带注册登录视频-猿</a>猿网页设计</p>




5ep9lzv 发表于 2024-8-22 01:25:50

论坛是一个舞台,让我们在这里尽情的释放自己。

m5k1umn 发表于 2024-9-28 08:33:56

论坛的成功是建立在我们诚恳、务实、高效、创新和团结合作基础上,我们要把这种精神传递下去。

nykek5i 发表于 2024-10-4 00:44:47

网站建设seio论坛http://www.fok120.com/

wrjc1hod 发表于 2024-10-15 04:14:06

谢谢、感谢、感恩、辛苦了、有你真好等。

wrjc1hod 发表于 2024-10-21 22:42:48

百度seo优化论坛 http://www.fok120.com/

7wu1wm0 发表于 2024-10-25 01:47:53

期待与你深入交流,共探知识的无穷魅力。

nykek5i 发表于 2024-10-28 05:01:59

顶楼主,说得太好了!

wrjc1hod 发表于 前天 11:49

谢谢、感谢、感恩、辛苦了、有你真好等。
页: [1]
查看完整版本: html网页设计分享 紫罗兰永恒花园网页作业成品