nykek5i 发表于 2024-6-29 12:01:01

大学生HTML静态校园网页设计 DIV CSS班级网页制作成品集锦一


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以下作品<span style="color: black;">包括</span>源代码、<span style="color: black;">照片</span>、CSS样式等所有文件，下载后可<span style="color: black;">自动</span>修改文字替换<span style="color: black;">照片</span>等。作品下载方式见文末 扫码 或 阅读原文。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/l5XU6Fl4uf1kIhx7Z5dWCmfszOaudkKna3kz4Gshaib6fV2HLudQ5kwBqnvFKMbl97GL64ZahVoDg8iaCPkCCH4w/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">学校官网网页制作设计作品采用div css布局制作，作品主题为西京学院-传媒学院网站（作品下载后可自己更改学校）作品共6页：学院首页、学院简介、校徽介绍、学院风采、师资力量、专业介绍。作品简单，所用代码为HTML5 CSS3<span style="color: black;">基本</span>代码。网页宽度为主流宽屏1200PX，<span style="color: black;">运用</span>CSS设置了整体网页背景，制作了DIV的圆角效果，整体导航区域<span style="color: black;">运用</span>CSS设置了鼠标经过及页面选中效果。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">提示：作品下载链接见文末 扫码 或 阅读原文。</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/l5XU6Fl4uf1kIhx7Z5dWCmfszOaudkKnIs4ZDbAgG5piarxocPQjicVs3AM9kqtPZcRkv8IuY4dEcP5zq0MfBOtQ/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">班级网页设计HTML静态网页设计作业<span style="color: black;">运用</span>dreamweaver制作，采用DIV+CSS布局，作品共5页，可不修改资料直接<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>CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主<span style="color: black;">身体</span>容区域宽度为学生网页作业标准的1024PX，<span style="color: black;">运用</span>CSS制作了导航鼠标经过和页面选中效果，有留言表单页面。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">提示：作品下载链接见文末 扫码 或 阅读原文。</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/l5XU6Fl4uf1kIhx7Z5dWCmfszOaudkKnH88da28IoIibQd3UUxKnGBdazx08bFvj3yHjBB4QHkia1j5ic7bONibxXg/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">学院网页设计作品为Dreamweaver制作，共3页，整体页面宽度为1200像素，采用DIV CSS布局，DIV盒子<span style="color: black;">运用</span>CSS制作了小圆角样式，干净简单的静态HTML网页作业，<span style="color: black;">没</span>特殊技术。网页为河北工程大学生网页设计题材，内容<span style="color: black;">重点</span>为网站首页、学校简介、校徽校训。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">提示：作品下载链接见文末 扫码 或 阅读原文。</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/l5XU6Fl4uf1kIhx7Z5dWCmfszOaudkKna1VxGYu8bOdz61bXicVnkLEvLCLXdw1U35D5IgibEHRJ74yE6ttLGaeQ/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本作品采用DIVCSS布局，有PSD源文件，主题为复旦大学首页。作品为1页，内容丰富，CSS代码50行<span style="color: black;">上下</span>，<span style="color: black;">没</span>特殊技术，导航<span style="color: black;">运用</span>CSS制作了鼠标经过效果。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><strong style="color: blue;">提示：作品下载链接见文末 扫码 或 阅读原文。</strong></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><strong style="color: blue;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/l5XU6Fl4uf1kIhx7Z5dWCmfszOaudkKnHHcgibprmGtp2nNsxjlrp4MyYXOKUMfP3Dp9gI2aZsMI6rp4CWtAtgA/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></strong></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">校园班级学生网页作业作品DIV CSS布局，三层结构页面精美，布局丰富，功能含搜索表单、滚动文字，共计22个页面（<span style="color: black;">文案</span>详情页占一半），可参考框架<span style="color: black;">自动</span>简化或修改<span style="color: black;">照片</span>文字内容。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><strong style="color: blue;"><strong style="color: blue;"><strong style="color: blue;">提示：作品下载链接 长按识别二维码 或 阅读原文。</strong></strong></strong></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><strong style="color: blue;"><strong style="color: blue;"><strong style="color: blue;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/l5XU6Fl4uf1kIhx7Z5dWCmfszOaudkKnmiawRDcIW76zzu2ia4EMXcNPprfyHjljVuIWarKfjBJYdZzS5e22LichA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></strong></strong></strong></strong></p>




情迷布拉格 发表于 2024-8-22 05:37:02

论坛的成果是显著的，但我们不能因为成绩而沾沾自喜。

听听海 发表于 2024-9-2 17:30:16

楼主发的这篇帖子，我觉得非常有道理。

nykek5i 发表于 2024-10-2 14:11:29

交流如星光璀璨，点亮思想夜空。

4lqedz 发表于 2024-10-9 00:36:05

我赞同你的看法，你的智慧让人佩服，谢谢分享。
页: [1]
查看完整版本: 大学生HTML静态校园网页设计 DIV CSS班级网页制作成品集锦一