简单制作一个网页，主题《我的家乡》，网页外观要求利用“CSS样式表文件”来控制
下载zender studio建立一个php project再建两个文件index.php index.css再index.php中
之后加上<link >连接上css然后在index.php中就可以建你的网页了</p>
<h3>关于家乡的网页制作,怎么弄</h3>
<p>可以直接到网上下载建站系统来做的嘛，只要选择一些比较漂亮的模版就可以用了，例如：pageadmin网站管理系统、discuz系统、joomla系统都很方便的，而且操作很简单、功能很强大。</p>
<h3>做个介绍家乡的网页.</h3>
<p>求高手教教思路，要怎么做。我只是问问思路，和一些小问题。大体自己做。 做几个板块就可以了，比<span class="a452udb75">如美食、景色、人文</span>、历史等等。。。<br/>太多也挺麻烦的</p>
<h3>怎么做一个介绍家乡的网页</h3>
<p>要先申请个域名，然后申请个空间，然后域名定向到空间，然后把做好的网页放进空间。就可以了。访问域名就能看到网页了。</p>
<h3>怎样制作一个个人家乡网站?</h3>
<p>申请域名后，还要买空间，然后备案，最后将你设计的网页用FTP上传到空间上就行了。
简单的图文介绍网站，可用小的主机，成本低，以后可升级。
现在是一年120了。</p>
<h3>我想帮自己家乡制作个网站但是怎么样才可以呢</h3>
<p>你会网站开发么，首先你要针对你家乡的特点进行设计一个符合的网站主题，然后根据你的设计开发几个模块，然后申请一个域名和空间将他们绑定，将你开发的网站用ftp传上去，就可以了</p> </div>
<div class="newsDetailPage">
<div class="newsDetailPrev">
<a style="cursor: pointer !important;" href="/aygd/7793.html">
<div class="prevIco"><i class="iconfont icon-zuoyoujiantou-copy"></i></div>
<div class="prevName">
<p>上一篇：</p>
<p>手工饰品制作视频网站大全</p>
</div>
</a>
</div>
<div class="newsDetailReturn">
<a style="cursor: pointer !important;" href="/aygd/">
<div class="returnIco"><i class="iconfont icon-caidan"></i></div>
<div class="returnName">
<p>返回列表</p>
</div>
</a>
</div>
<div class="newsDetailNext">
<a style="cursor: pointer !important;" href="/aygd/7795.html">
<div class="nextIco"><i class="iconfont icon-zuoyoujiantou"></i></div>
<div class="nextName">
<p>下一篇：制作家乡网站的步骤</p>
<p></p>
</div>
</a>
</div>
</div>
</div>
<div class="newsDetailRg col-3">
<div class="newsDetailRgSack">
<div class="newsDetailRgTitle">
<h2>相关知识</h2>
</div>
<ul class="newsDetailUl">
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9283.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京社区订餐小程序怎么开发？南京安优“泰享膳”项目案例</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9282.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>找南京网站建设公司，规模越大就越靠谱吗？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9281.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京哪家网站制作公司比较靠谱？2000+企业的选择说明了一切</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9280.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>企业负责人不懂网站技术，怎么判断南京建站公司靠不靠谱？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9279.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>企业网站交付不是上线就结束：南京安优如何做项目验收与资产交接？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9278.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京安优网络科技有限公司如何推进企业网站与小程序项目？从需求到交付的项目实践</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9267.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>2026南京软件开发公司推荐：企业软件开发如何选择？定制软件开发服务商综合分析指南</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9277.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京网站建设 | 企业官网、商城网站、营销型网站基础区别</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9276.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业做官网、微信小程序和管理后台，找一家公司做还是分开找更合适？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9275.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京哪些小程序开发公司可以做售后工单和管理后台？企业怎么判断是不是真定制</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9274.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业网站建设与小程序开发：为什么 100% 独立源码交付是长期运营的基石？</h2>
</div>
</a>
</li>
<li class="newsDetailLi">
<a style="cursor: pointer !important;" href="/aygd/9273.html">
<div class="newsDetailLiTitle">
<h2><span>·</span>南京企业官网做得很漂亮，客户为什么还是看不懂？问题往往出在这四个环节</h2>
</div>
</a>
</li>
</ul>
</div>
<div class="newsDetailRgBtmSack">
<div class="btmTitle">
<h2>联系安优网络</h2>
</div>
<div class="btmText">
<p>定制您的专属网站建设方案吧</p>
</div>
<div class="btmTel">
<a style="cursor: pointer !important;" class="btmTelA" href="tel:4008793956">
<span class="btmTelSpan">
<i>400-8793-956</i>
</span>
</a>
</div>
<div class="btmImg"><img src="/skin/images/newsbtmbg.jpg" alt=""></div>
</div>
</div>
</div>
</div>
<!--<div class="ind08 serverind08 ind08sp">
<div class="ind08Sack col-11 col-xxl-9">
<div class="ind08SmalTitle">
<h2>策略思维与细节的完美结合，有效帮您减少试错成本</h2>
<div class="ind08Sm">
<h2>策略思维与细节的完美结合，有效帮您减少试错成本</h2>
</div>
</div>
<div class="ind08Title ind08TitleSe">
<h2>立即与安优联系，开启网站设计全新体验</h2>
<div class="ind08Sm">
<h2>立即与安优联系，开启网站设计全新体验</h2>
</div>
</div>
<div class="ind08Title ind08TitleSePh">
<h2>立即与安优联系<br>开启网站设计全新体验</h2>
<div class="ind08Sm" style="width: 100%;opacity: 1;">
<h2 style="width: 100%;opacity: 1;">立即与安优联系<br>开启网站设计全新体验</h2>
</div>
</div>
<form method="post" name="myform" id="myform" action="/index.php?s=form&c=liuyan&m=post&is_show_msg=1">
<div class="formSack">
<div class="formInputSack">
<div class="formInput">
<input type="text" onFocus="this.removeAttribute('readonly');" autocomplete="off"
class="form-input" id="chenghu1" name="data[title]" placeholder="请输入您的称呼">
</div>
<div class="formInput">
<input type="text" onFocus="this.removeAttribute('readonly');" autocomplete="off"
class="form-input" id="shoujihao" name="data[shoujihao]" placeholder="请输入您的手机号*" required=""
oninvalid="setCustomValidity('请输入您的手机号')" oninput="setCustomValidity('');">
</div>
</div>
<div class="formBtnSack">
<button type="submit" id="dosubmit" name="dosubmit" onClick="formsubmit()" >提交需求</button>
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen()">在线咨询</a>
</div>
</div>
</form>
</div>
</div>--></div>
<div class="footer " id="footer">
<div class="ftSack col-11">
<div class="ftTop row">
<div class="ftTopLf col-12 col-xl-6">
<ul class="ftTopLfUl">
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/service/">
<p>服务项目</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>网站建设开发</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>品牌设计塑造</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>移动端开发</p>
</a>
<a style="cursor: pointer !important;" href="/service/">
<p>网站安全运维</p>
</a>
<a style="cursor: pointer !important;" href="/seo.html">
<p>网站优化</p>
</a>
<a style="cursor: pointer !important;" href="/xcx.html">
<p>微信小程序开发</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/jpal/">
<p>精品案例</p>
</a>
<a style="cursor: pointer !important;" href="/jtal/">
<p>集团案例</p>
</a>
<a style="cursor: pointer !important;" href="/gsal/">
<p>公司案例</p>
</a>
<a style="cursor: pointer !important;" href="/xcxal/">
<p>小程序案例</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>关于我们</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>关于安优</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>安优使命</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>安优愿景</p>
</a>
<a style="cursor: pointer !important;" href="/guanyuwomen/">
<p>合作伙伴</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/ayxw/">
<p>公司新闻</p>
</a>
<a style="cursor: pointer !important;" href="/aygd/">
<p>安优观点</p>
</a>
<a style="cursor: pointer !important;" href="/wzzs/">
<p>网站知识</p>
</a>
</li>
<li class="ftTopLfLi">
<a style="cursor: pointer !important;" href="/contact/">
<p>联系我们</p>
</a>
<a style="cursor: pointer !important;" href="/contact/">
<p>联系方式</p>
</a>
<a style="cursor: pointer !important;" href="/contact/">
<p>在线留言</p>
</a>
</li>
</ul>
</div>
<div class="ftTopRg col-12 col-xl-6">
<div class="ftTopRgSack1">
<div class="ftSack1Title">
<h2>联系我们</h2>
</div>
<div class="ftSack1Ico">
<p><i class="iconfont icon-shouji"></i>24小时咨询热线：</p>
<a style="cursor: pointer !important;" class="navTelA" href="tel:18651623366">
<span class="navTelSpan">
<i>18651623366</i>
</span>
</a>
</div>
<div class="ftSack1Ico">
<p><i class="iconfont icon-zuoji"></i>服务热线：</p>
<a style="cursor: pointer !important;" class="navTelB" href="tel:400-8793-956">
<p>400-8793-956</p>
</a>
</div>
</div>
<div class="ftTopRgSack2">
<div class="ftSack2Code">
<div class="codeImg"><img src="/skin/picture/weixintupian_20240423125445.jpg" alt="南京安优网络微信咨询"></div>
<div class="codeName">
<p>微信咨询</p>
</div>
</div>
<div class="ftSack2Ico">
<p><i class="iconfont icon-youjian"></i>邮箱：</p>
<a style="cursor: pointer !important;" class="email" href="mailto:309474043@qq.Com">
<p>309474043@qq.Com</p>
</a>
</div>
<div class="ftSack2Ico">
<p><i class="iconfont icon-dizhi"></i>地址：建邺区新城科技园嘉陵江东街18号2层</p>
</div>
</div>
</div>
</div>
<div class="ftBtm">
<div class="ftCopy">
<div class="ftCopyright">
<p>
<a style="cursor: pointer !important;" target="_Blank">© 2012-2026 南京安优网络科技有限公司 All rights reserved.</a>
<a style="cursor: pointer !important;" href="https://beian.miit.gov.cn/" target="_Blank"> 苏ICP备12071769号-1</a>
<a style="cursor: pointer !important;" href="/wzdt/">网站地图</a>
<a style="cursor: pointer !important;" href="/sitemap.xml">XML</a>
<a style="cursor: pointer !important;" href="/sitemap.txt">TXT</a>
</p>
</div>
</div>
<div class="ftKeyword">
<a>友情链接:</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站建设</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站制作</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站建设公司</a>
<a style="cursor: pointer !important;" href="https://www.njanyou.cn" target="_Blank">南京网站制作公司</a>
<a style="cursor: pointer !important;" href="http://www.51mianbeian.com/" target="_Blank">香港空间</a>
<a style="cursor: pointer !important;" href="http://www.qiyedouyin.com/" target="_Blank">抖音seo</a>
<a style="cursor: pointer !important;" href="http://www.unbmc.com" target="_Blank">无锡小程序开发</a>
<a style="cursor: pointer !important;" href="https://www.cnbanwagong.com" target="_Blank">便宜服务器</a>
<a style="cursor: pointer !important;" href="https://www.songweijuan.com" target="_Blank">三维动画制作</a>
<a style="cursor: pointer !important;" href="http://www.fancoo-jz.cn" target="_Blank">扬州谷歌推广</a>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".footer");
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
if (a + b > c && flag) {
$(".footer").addClass('line');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
</div>
<script src="/skin/js/sfq.js"></script>
<script src="/skin/js/swiper-bundle.min.js"></script>
<script src="/skin/js/swiper.animate1.0.3.min.js"></script>
<!-- <script src="/skin/js/swipter.z.js"></script> -->
<script src="/skin/js/swipter.js"></script>
<script src="/skin/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<section id="flotWindSack">
<div class="flotWindLf">
<a href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen2()">
<div class="flotWindLfSack">
<div class="flotWindLfLoca">
<div class="flotWindLfIco"><img src="/skin/picture/flowwdlf.png" alt=""></div>
<div class="flotWindLfName">
<p>在线咨询</p>
</div>
</div>
</div>
</a>
</div>
<div class="flotWindRg">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<div class="flotWindRgSack">
<div class="flotWindRgLoca">
<div class="flotWindRgIco"><img src="/skin/picture/flowwdrg.png" alt=""></div>
<div class="flotWindRgName">
<p>拨打电话</p>
</div>
</div>
</div>
</a>
</div>
</section>
<script>
var windowTop1 = 0;
$(window).scroll(function () {
var header = $("#flotWindSack");
var scrolls = $(this).scrollTop();
if (scrolls >= windowTop1 && $(document).scrollTop() > 79) {
header.addClass('flotWindSack');
windowTop1 = scrolls;
} else {
header.removeClass('flotWindSack');
windowTop1 = scrolls;
}
});
</script>
<section id="flotWind2Sack">
<div class="flotWind2Top">
<ul class="flotWind2TopList">
<li>
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcphone.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>电话咨询</p>
</div>
</div>
<div class="flotWind2TopHover">
<div class="flotWind2TopHoverB">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<div class="flotWind2THoSa">
<p>400-8793-956</p>
</div>
</a>
<div class="smico"></div>
</div>
</div>
</li>
<li>
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen2()">
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcerji.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>在线咨询</p>
</div>
</div>
</a>
</li>
<li>
<div class="flotWind2TopIco">
<div class="flotWind2TopImg"><img src="/skin/picture/pcweix.png" alt=""></div>
<div class="flotWind2TopIcoName">
<p>微信咨询</p>
</div>
</div>
<div class="flotWind2TopHover">
<div class="flotWind2THoSa">
<div class="flotWind2TopHoverIm">
<img src="/skin/picture/weixintupian_20240423125445.jpg" alt="">
</div>
<div class="smico"></div>
</div>
</div>
</li>
</ul>
</div>
<div class="flotWind2Bt">
<a style="cursor: pointer !important;" href="javascript:window.scrollTo(0,0)" id="flotWind2Bt">
<div class="flotWind2BtSack">
<div class="flotWind2TBtIco">
<div class="flotWind2BtImg"><img src="/skin/picture/rettop.png" alt=""></div>
<div class="flotWind2BtIcoName">
<p>返回顶部</p>
</div>
</div>
</div>
</a>
</div>
</section>
<script>
window.scrollTo({
top: 0,
left: 0,
behavior: 'smooth',
duration: 1000,
});
</script>
<script>
$("#flotWind2Bt").click(function () {
mySwiperserve.slideTo(0, 1000, false);
});
</script>
<script>
var windowTop1 = 0;
$(window).scroll(function () {
var header = $("#flotWind2Sack");
var scrolls = $(this).scrollTop();
if (scrolls >= windowTop1 && $(document).scrollTop() > 300) {
header.addClass('flotWind2Sack');
windowTop1 = scrolls;
} else {
header.removeClass('flotWind2Sack');
windowTop1 = scrolls;
}
});
</script>
<section class="flotWindRogue" id="flotWindRogue">
<div class="rogue">
<div class="rogueContext">
<div class="rogueTitle">
<h2>品质设计 用心服务</h2>
</div>
<ul class="rogueUl row">
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>2012年成立</p>
</div>
</div>
</li>
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>累计服务2000+企业</p>
</div>
</div>
</li>
<li class="rogueLi col-4">
<div class="rogueLiSack">
<div class="rogueLiSackP">
<p>高效售后保障</p>
</div>
</div>
</li>
</ul>
<div class="rogueBtm">
<div class="rogueLf">
<div class="tdCode"><img src="/skin/picture/weixintupian_20240423125445.jpg" alt=""></div>
</div>
<div class="rogueRg">
<div class="rogueRgSmT">
<p>7*24小时服务热线</p>
</div>
<div class="rogueRgT">
<a style="cursor: pointer !important;" href="tel:400-8793-956">
<p>400-8793-956</p>
</a>
</div>
<div class="rogueRgBt">
<a style="cursor: pointer !important;" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank" onClick="seopen2()">
<p>在线咨询</p>
</a>
</div>
</div>
</div>
</div>
<div class="rogueCrosses">
<div class="icon">
<i class="iconfont icon-fork"></i>
</div>
</div>
</div>
</section>
<script>
var i = 0;
var max = "0";
var add = "";
var shouci = "10000";
var zaici = "50000";
var deTime1 = window.setTimeout(function () {
$(".flotWindRogue").addClass('active');
}, shouci);
function deTime() {
$(".flotWindRogue").addClass('active');
i++;
if (i > max) {
window.clearInterval(add);
};
}
add = setInterval(function () {
deTime();
}, zaici);
$("#flotWindRogue .rogue .rogueCrosses").click(function () {
$(".flotWindRogue").removeClass("active");
});
</script>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".ind08");
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
console.log(c)
if (a + b > c && flag) {
$(".ind08 .ind08Sack .ind08Title").addClass('active');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
<script>
$(document).ready(function () {
var flag = true;
var a, b, c;
a = $(window).height();
var group = $(".ind08 .ind08Sack");
$(window).scroll(function () {
b = $(this).scrollTop();
c = group.offset().top;
console.log(c)
if (a + b > c && flag) {
$(".ind08 .ind08Sack .ind08SmalTitle").addClass('active');
flag = false
} else {
if (a + b < c && !flag) {
flag = true
}
}
});
});
</script>
</body>
</html> 
