个人网站设计制作步骤？

一、个人网站设计制作步骤？

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好地制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

二、怎么用DW制作网站？

1.启动dw2019在软件主界面点击中间的【新建】按钮。

2.在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。

3.建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。

4.初学者可以把dw设置为【设计】界面，方便边做边查看效果。然后我们点击【插入】—【image】来插入一张图片。

5.因为是初学者，就不网页切图了。我们直接把设计好的一整张网页设计稿插进来，这样就可以看到网页的效果了。但因为是整张图片，要想单独的给某一小块添加链接就要去画热区来实现了。

6.我们需要先调出属性窗口来画热区。点击【窗口】—【属性】。

7.点击后会在软件底部出现一个属性栏，点击方形热区在你想添加链接的地方画出来可点击的范围。

8.然后按照刚才的方法把其他需要添加链接的地方也画上热区。

9.画好后我们点击其中一个热区，在属性栏【目标】中输入跳转的链接。都添加好链接后，点击【在浏览器中预览】，快捷是F12

10.稍后就可以看到做好的网页用浏览器打开了。朋友们会了么？

三、如何制作个人网站，个人主页设计？

准备服务器+域名（西部数码最便宜的虚拟主机一年68元。180M空间） 接下来就是构思一下自己的个人网站要展示些什么内容，以及你网站的主题。 着手制作网站。自己不会写的话可以去下载一些网站模板来修改。或者直接找人帮你做。做好之后再找个后台管理程序，推荐dedecms比较简单易懂。 网站制作完成之后需要备案，一般你购买服务器的服务商那都会帮助你备案的，但是需要自己提交资料。备案时间比较长，大概在20个工作日左右。 备案完成之后你的域名就可以解析到你的服务器进行绑定。别人就可以通过你的这个域名访问你的个人主页网站了。 纯手打，望采纳

四、如何制作个人网站？

网站是由一个或多个网页组成，也就是一个一个的页面。比如你的网站可以有一个主页，主页里有文章列表，每个标题点进去都是文章的详情页面。当然也可以整个网站就一页，从头划到尾，就像微博。制作网站的第一步，先从基础的内容搭建做起。

1、搭建网站

建网站可以简单理解成→ 制作单个网页 + 编排组织网页间的跳转关系。网页分为 3 个部分，HTML, CSS, JS

HTML—— 控制网页内容，比如文章的内容，标题内容等。

如果你不需要类似点赞评论之类的“功能”，那就只需要把文章写出来，保存下来，再转成 HTML 格式就行。在网上应该能找到相关的工具，本质上跟写微信文章是一样的，都是写出内容，然后编辑器帮你保存成 html 格式罢了。

JS 控制网页逻辑，比如一个“点赞”的按钮被按了以后，要告诉服务器这篇文章的点赞数 +1。

假设你还想做点功能 比如用户点一下是“赞”，再点一下是“取消”，下一次进来的时候能够看到“xx 人阅读”这种东西。那你就需要会JS，因为要跟服务端通信，获取当前的点赞数

CSS 控制网页样式，比如标题多大字号，放在什么位置，什么颜色。

在编写样式时，需要设计稿来指导CSS如何写。这个环节，前端经常会因为标注等文稿信息不准确而与设计师反复沟通，甚至争执。个人网站或许省掉了这一步骤，但大多数的程序员会在个人布局中犯难，并且，如果真的要把一个网站完完全全靠自己把代码敲出来，耗时又耗力，完全可以使用模板，然后自己进行修改完成。

推荐模板网站：Pixso

相比起传统的代码模板，Pixso的社区内有各类型网站设计直观呈现，你可以任选其中一个，直接进行复用，文稿将自动转化为CSS代码，复制即可使用。

对于需要多人协力制作的网站，Pixso可发挥的用处会更大。设计师能够直接在Pixso内进行设计，完成后将文稿生成链接，通过链接传输给研发，点开链接能够直接获取标注和代码，直接复用搭建。

2、购买云服务器和域名

不过到这里你还只是能够在自己的电脑上看到自己的网站要想公布出来，你需要有一个能够被公网访问到的地址，这个地址可以是“公网 IP”，“公网域名”或者是“托管服务器”。

家里的电脑因为不带公网 IP，如果将网站比作店面，相当于这店面在小区里面，一般人连小区门都进不去，你的店铺就没人能进来。而从阿里云租的服务器自带公网 IP，也就相当于租个当街的店铺自带个门牌号，但光有门牌很难记，所以一般会给自己的店起个名字，方便记忆和搜索。

服务器 = 电脑IP = 门牌号公网 IP = 当街的门牌号域名 = 店铺名

1. 公网IP

类似于 192.168.1.1 这种 4 个数字组成，但一般家里的网都是私网 IP，不连你家 wifi 就访问不到这个IP地址，可以在阿里云之类的租一台服务器，一般都带公网IP。然后把网页文件放到服务器上去，再开启一个程序让这些文件暴露在公网上，以后用浏览器输入这个IP就会打开网页了。

2. 公网域名[可选]

比如 http://baidu.com 这种，4 个数字的 IP 不好记忆，所以你可以把公网 IP 绑定到一个域名上，以后输入这个域名就会自动跳转到 IP 上去 公网 IP 在阿里云之类的往上都能买，几块钱能买一年（但续费很贵）

3. 托管服务器

其实相对比较简单，你可以把网页文件放到某些网站上去（比如 github），网站会根据你的用户名给你生成一个链接，这个链接就能看到你的网页文件 比如 http://xxxx.github.io/myweb.html

以上就是制作个人网站的最基础步骤，除此以外，其实还有一项过程或许也很重要——为什么要搭建自己的个人网站。你的目的是自娱自乐，还是作为简历进行展示？

这两者的区别，会让你的网站内容更有针对性，也更能达到预期目的。

更多互联网干货请戳：

→ 3步搞定产品经理面试必问题！

→ 如何从零开始自学UI设计？

→ 整理！2021年超火的原型设计软件

如果我的回答对你有所帮助的话，给我点个赞再走吧 ヽ(￣▽￣)ﾉ

五、国内哪家网站支持html5？

HTML5是一种标准，跟落后无关。国内采用的少是考虑到没有实际意义。而国外采用也只是一种对新技术的尝试。HTML5也不是网站支持的，只是HTML5语言的新版本，支持在于浏览器。

六、html5网站建设，html5网站建设有什么好处？

html5在代码方面来说增加了很多功能，浏览器解析起来更直接更准确；html5在程序员方面来说使用起来更容易，有些复杂的效果可能一个标签就能解决；html5在网站方面来说更大气，看起来更高级，页面自适应更方便；html5在用户方面来说不需要建多个不同分辨率的网站，管理起来更简单也更省钱；html5在浏览者看来更能给人一种信任感，毕竟一个牛B的网站是实力的象征。

七、免费个人网站制作

博客文章：免费个人网站制作

随着互联网的普及，越来越多的人开始关注个人网站的建设。免费个人网站制作已成为一种新的趋势，因为它不仅成本低廉，而且能够让个人展示自己的才华和创意。在这篇文章中，我们将探讨免费个人网站制作的一些技巧和注意事项。

免费个人网站制作的优势

• 成本低廉：相较于商业网站，免费个人网站制作无需支付高昂的费用，只需一些基本的设备和软件即可。
• 灵活性强：免费个人网站制作没有固定的框架和限制，用户可以根据自己的需求自由地设计和调整。
• 快速搭建：许多免费的网站建设平台提供了快速搭建工具，用户可以轻松地创建自己的网站。

免费个人网站制作的技巧

在免费个人网站制作过程中，有一些技巧可以帮助用户更好地设计和构建自己的网站。首先，选择一个合适的主题和风格非常重要，这可以让用户更好地展示自己的创意和想法。其次，确保网站的布局清晰、简洁，避免过多的广告和干扰信息。此外，使用高质量的图片和视频可以增加网站的吸引力。

另外，用户还可以考虑使用一些免费的插件和工具来增强网站的互动性和功能。这些插件和工具可以帮助用户实现一些常见的功能，如留言板、社交媒体集成等。

注意事项

• 确保网站的安全性：在免费个人网站制作过程中，用户需要关注网站的安全性，避免被黑客攻击或数据泄露。
• 遵守法律法规：用户需要遵守相关的法律法规，确保自己的网站内容合法、健康、有益。
• 定期维护和更新：免费个人网站虽然成本低廉，但也需要定期维护和更新，以保证网站的稳定性和功能。

总的来说，免费个人网站制作是一种非常有潜力的方式来展示自己的才华和创意。通过一些技巧和注意事项，用户可以更好地设计和构建自己的个人网站。

八、目前有哪些大公司用HTML5做网站？

HTML5自适应网站是现在的主流，也可能是未来N年的主流。

公司企业HTML5自适应网站模板可以用千博。

九、求制作介绍自己朋友家乡的个人网站制作代码？

asp网站：先安装IIS，然后去网上下一套源码，比如南方数据，aspcms之类的放到IIS的目录下，运行网站，修改代码测试。

PHP网站：安装WAMP，然后去网上下一套源码，论坛类型Discuz。门户类型Dedecms。商城类型Ecshop，解压到wamp的WWW目录下，浏览器输入localhost开始安装完毕即可。

十、什么是html5网站？

HTML5（WEB前端）的技术组成

HTML5（WEB前端）技术由HTML（结构）、CSS（样式）、JavaScript（行为）组成。

如何理解结构、样式与行为

简单来说，HTML5（WEB前端）是“将设计图转换为用户查看的网页”所需要的技术。

结构实现的是网页中的标题、列表、图片等标签。

样式处理的是标题文字的字体大小、颜色，图片尺寸，某个标签的背景等。

行为可以实现网页中的时间，电商网站当中的倒计时效果，在注册表单时用户名是否重复的检测，网站当中顶部图片的切换特效等等。

简单的理解结构样式和行为：将网页看做一个装修好的功能完备的房子，那么结构实现的是房间以及家具的位置布局，样式则是针对房间进行装饰，行为是为房间添加“开门”等功能。