写在前面

本作者无任何网页创作知识背景，如果有哪里写得不太合适还请见谅。

昨天交了阶段工作汇报于是最近可以休息几天，为了不至于每天无所事事，决定创建自己的个人主页（其实已经想做很久了）。

昨天找了一天，看编辑html的页面也像乱码一样...还一时冲动冲了CSDN的会员（当事人十分后悔）。今天主页终于有了初步的样子，事实证明搜索信息还是需要有耐心多找找...

放图

 1 创建个人网站

参考这篇文章 📡使用Github做一个完全免费的个人网站(步骤很细) - 知乎 (zhihu.com)

2 编辑内容

我选择使用adobe的Dreamweaver，有7天免费试用期，够用了，主要是可以看到实时视图，一边编辑一边看效果，对新手小白十分友好。

2-1 下载Dreamweaver

    链接：网站设计软件 | Adobe Dreamweaver

    没有什么奇怪的选项，放心大胆下就好了

2-2 开始在dw中编辑内容

首先，打开Dreamweaver，选择起始模板——响应式 关于页面模板（有简历的模板但是我不太喜欢那个格式于是就用这个了）

点开后会显示初始代码，我直接把我的代码放在这里来写注释了，可以两边一起看着对比修改
 

 
个人主页 
   
 
姓名
文字
文字
QQ：             
Email： 



 
教育经历 
2020.9-至今 : 大学
2017.9-2020.6 : 高级中学
2014.9-2017.6 : 中学
2008.9-2014.6 : 小学
科研经历 
2022.5-至今 : 文字
 
研究方向 
文字
 
发表文章 
 
 
奖学金 
2020.10&2021.12 : 文字
2020.10 : 文字
学生工作&所获荣誉 
2021.9-2022.7 : 文字
2020.9-2021.7 : 文字
2020.9-至今 : 文字
 
 2022.3 : 文字
 2021.5 & 2022.5 : 文字
 2021.5 & 2022.5 : 文字
 2021.5 & 2022.5 : 文字
 2021.12 : 文字
 2020.10 : 文字
 

简单理解：

后面的都是可以修改的文字

里面fontsize是字体大小，color为颜色，fontfamily是文字样式

里面涉及的icon和证件照在dreamweaver里显示的话需要用电脑中的文件地址

2-3 将在dw中写好的代码放到index.html中，并稍作修改

修改：

①将上面用到的aboutPageStyle.css，icon和证件照上载到上图页面（通过点击Add file）

②将代码中的文件地址（即上述三个文件的地址）改为在上图页面中的 文件名.格式

4 一些参考

jpg格式转icon：免费在线ico转换器, 在线free 在线ico convert转换器 - Office-Converter.com

(7 封私信 / 36 条消息) 如何制作个人学术主页？ - 知乎 (zhihu.com)

熟练之后也可以参考这个来改academicpages is a ready-to-fork GitHub Pages template for academic personal websites - Your Name / Site Title

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！